@charset "utf-8";
/*set*/
table input  { width:10px; }
body , ul , li , p , h1 , h2 , h3  , h4 , h5 , dl , dt , dd , blockquote { margin:0; padding:0; }
body { background:url(../images/pbg.jpg) repeat-x top center; font:12px/2.0 "\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53"; color:#787878; }

li { list-style:none; }
ul , li , dl , dt , dd , .subtit , .p-left , .cbok , .tit , .name , .con { float:left; }
img { border:0; }
a { color:#666666; text-decoration:none; }
a:hover { color:#0566a4; text-decoration:underline; }
a.brown {color:#926554; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.bold { font-weight:bold; }
#header , #banner , #pbanner , #sub , #wrapper , #pwrapper , #main , .maintit , .pro , #footernav , #footer { margin:0 auto; overflow:hidden; width:1000px; }
/*header*/
#header { width:970px; padding:5px 15px; background:#fff; margin-top:33px; height:59px }
#header a.logo { float:left; background:url(../images/logo.gif) no-repeat; width:279px; height:59px; display:block; text-indent:-10000px; cursor:pointer; }
/*nav*/
.nav { float:right;  padding:20px 5px 0 20px; height:39px; }
.nav li a { line-height:1.4; text-align:center; width:89px; padding:0 0 7px 0; color:#999; display:block; color:#000; position:relative; }
.nav li a:hover { color:#033d9e; text-decoration:none; }
.nav li .drop_dwon { padding:15px 5px 12px 5px; position:absolute; top:25px; *top:-65px; border-top:8px solid #3c9b27; display:none; *position:relative; background:#52c739; overflow:hidden; z-index:3; }
.nav li .drop_dwon h2 { }
.nav li .drop_dwon h2 a { font-size:14px; text-align:center; padding:7px 0 8px 0; color:#fff; border-bottom:0; font-weight:bold; }
.nav li .drop_dwon a { font-size:12px; font-weight:normal; border-bottom:1px dashed #8bd87a; color:#e5f3e2; padding:10px 0 6px 0; margin:0 5px; width:75px; }
.nav li .drop_dwon a:hover { color:#f3faf1; }
/*banner*/
#banner { margin:35px 0; }
/*pbanner*/
#pbanner { text-align:center; height:234px; margin:25px auto 24px auto; }
.pbanner1 { background:url(../images/banner/1.jpg) no-repeat center top; }
.pbanner2 { background:url(../images/banner/2.jpg) no-repeat center top; }
.pbanner3 { background:url(../images/banner/3.jpg) no-repeat center top; }
.pbanner4 { background:url(../images/banner/4.jpg) no-repeat center top; }
.pbanner5 { background:url(../images/banner/5.jpg) no-repeat center top; }
.pbanner6 { background:url(../images/banner/6.jpg) no-repeat center top; }
/*sub*/
#sub { height:61px; background:#fff; }
.subtit { background:url(../images/ico.gif) no-repeat; height:61px; padding-left:70px; line-height:64px; }
.subtitone { width:305px; background-position:0 -49px; }
.subtittwo { width:270px; background-position:0 -110px; }
.subtitthree { width:215px; background-position:0 -171px; }
/*wrapper*/
#wrapper { background:#f3f1f1; }
.wone , .wtwo , .wthree { padding:15px; float:left; height:168px; }
.wone { width:345px; }
.wone p { text-indent:2em; }
.wone img { float:left; margin:0 10px 0 0; }
.wtwo { width:308px; border-left:1px solid #fff; border-right:1px solid #fff;  }
.wtwo ul {} 
.wtwo ul li { padding:0 0 0 10px; width:298px; background:url(../images/ico.gif) no-repeat 0 -320px; } 
.wthree { width:255px; }
.wthree h2 { background:#586d7b; border-radius:3px; text-align:center; font-weight:normal; color:#fff; padding:3px 0; margin:8px 0 12px 0; }
.wthree h3 , .wthree h4 {  background:url(../images/ico.gif) no-repeat; font-weight:normal; padding:5px 0 5px 20px; margin:3px 0 0 0; }
.wthree h3 { background-position:0 -360px; }
.wthree h4 { background-position:0 -401px; }
.wthree h5 { font-weight:normal; padding-top:10px; text-align:center; }
.wthree h5 a { background:#586d7b; color:#fff; padding:5px 15px; margin:0 20px; }
/*main*/
#main { background:#fafafa; margin-top:20px; width:100%; }
.maintit { background:url(../images/ico.gif) no-repeat 0 -232px; height:61px; padding-left:70px; line-height:64px; width:930px; }
#main .pro { background:#f3f1f1; padding:20px 0 10px 0; }
/*footernav*/
#pwrapper { margin-top:20px;  background:url(../images/p-left.jpg) no-repeat top left;  }
.p-left { width:168px; padding:20px 10px 150px 10px; }
.p-left .tit { width:145px; padding:0 0 10px 10px; border-bottom:1px dashed #cfcfcf; }
.p-left .tit div { border-left:8px solid #57c73f; padding:5px 0 0 10px; }
.p-left ul { padding:10px 20px; line-height:2.7; }
.p-left ul li { width:100px; padding-left:23px; background:url(../images/ico.gif) no-repeat 0 -607px; }
.p-left ul li.dr { background:url(../images/ico.gif) #57c73f no-repeat 0 -653px; }
.p-left ul li.dr a { color:#fff; }
.p-right { float:right; width:802px; padding-top:15px; }
.p-right .tit { }
.p-right .tit .cbok { width:61px; height:61px; background:url(../images/ico.gif) no-repeat 0 -702px; }
.p-right .tit .name { margin-left:15px; width:716px; padding:15px 5px 0 5px; float:right; border-bottom:1px solid #e2e2e2; height:35px; }
.con { width:712px; padding:10px 14px 15px 76px; }
.con p { text-indent:2em; padding:5px 0; line-height:2.3; }
.con p img { text-indent:-2em; }

dl.case { width:712px;  border-bottom:1px dashed #d0d0d0; padding:10px 0; }
dl.case dt { width:692px; background: url(../images/ico.gif) no-repeat 0 -317px;  padding:0 10px; font-weight:bold; }
dl.case dd { width:692px; padding:0 10px; font-size:12px; }

.conter { width:712px; padding:10px 14px 15px 76px; }
.conter ul.pro { width:712px; }
.conter ul.pro li a { width:205px; float:left; border:1px solid #eeeeee; margin:10px 8px 10px 12px; text-align:center; padding:5px; }
.conter ul.pro li a:hover { border:1px solid #a2d6f8; text-decoration:none; }
.conter h1 { text-align:center; color:#025098; font-size:22px; }
.conter h4 { text-align:center; color:#999999; font-weight:normal; font-size:12px; border-bottom:1px solid #e8e8e8; padding-bottom:8px; }
.conter h4 span { padding:0 5px; }
.conter ul.news { width:692px; padding:0 10px 10px 10px; }
.conter ul.news li { width:672px; border-bottom:1px dashed #d0d0d0; background: url(../images/ico.gif) no-repeat 0 -312px; padding:5px 10px; text-align:right; color:#a7a7a7; }
.conter ul.news li a { float:left; }
.conter div img { margin:30px 0 0 0; }
/*job*/
.job-bok { border:1px solid #e9e9e9; width:690px; float:left; padding:10px 10px 1px 10px; margin:10px 0; float:left; }
.job strong { color:#0062bd; }
.job h1 { width:670px; background:#e9e9e9; font-size:14px; padding:7px 10px; color:#333333; float:left; text-align:left; }
.job h2 { width:670px; padding:7px 10px 3px 10px; color:#333333; font-size:12px; font-weight:normal; float:left; }
.job h2 div { width:49%; float:left; border-bottom:1px dashed #bfbfbf; padding:0 0 5px 1%; }
.job h3 { width:670px; padding:7px 10px 0 10px; color:#333333; font-size:12px; font-weight:normal; float:left; }
.job h3 div{ width:99%; float:left; padding:0 0 5px 1%; }
.job h3 div.line { border-bottom:1px dashed #bfbfbf; line-height:2.0; }


.message { float:left;  border:1px solid #e6e6e6; width:671px; padding:10px 10px 3px 10px; margin:15px;  }
.m-name { background:#f2f2f2; font-size:12px; padding:5px 10px; color:#333333; width:651px; overflow:hidden; }
.m-name .l { float:left; }
.m-name .r { float:right; }
.m-name strong { color:#0062bd; }
.m-message { width:651px; padding:5px 10px; }
.m-ok { width:651px; padding:5px 10px; border-top:1px dashed #bfbfbf; color:#3eb32c;  }


.add-message { width:651px; padding:10px 20px 3px 20px; margin:15px; display:inline; border:1px solid #ededed; float:left; background:#f7f7f7;}
.add-message dl{width:638px; border-bottom:1px dashed #dedede; padding:10px 0; line-height:2.6;}
.add-message dl dt{width:70px; text-align:right; float:left; background:none;}
.add-message dl dd{float:left;}
.add-message dl dd input{width:200px; border:1px solid #dcdcdc; padding:6px 3px; float:left;}
.add-message dl dd .job_input{width:110px; margin-right:5px; display:inline;}
.add-message dl dd textarea{width:400px; border:1px solid #dcdcdc; padding:6px 3px; float:left;}
.add-message .fangshi{width:500px; border:1px solid #dcdcdc; padding:6px 3px; float:left;}
.add-message p.button{padding:20px 0 20px 140px; float:left;}
.add-message p.button input{width:79px; height:25px; cursor:pointer; background:url(../master/images/button.gif) 0 -197px; border:0; color:#ffffff; font-size:12px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53"; margin:0 28px;}
.add-message p.button span{padding-left:15px;}
.add-message p.button span a{color:#ff0000;}
		


/*footernav*/
#footernav { width:100%; background:url(../images/footer-nav.jpg) repeat-x; margin-top:20px; text-align:center; padding:20px 0; }
.bok { width:1000px; margin:0 auto; }
#footernav ul { width:165px; color:#f0f0f0; border-right:1px solid #487aa5; height:200px; padding:10px 0; }
#footernav ul.none { border-right:0; }
#footernav ul li { width:165px; padding:2px 0; }
#footernav ul h2 { width:165px; font-weight:normal; }
#footernav ul a { color:#c7c7c7; }

/*nextPage*/
.flipw {width:672px; margin:10px 0; padding:10px 20px 0 20px; display:inline; float:left; font-family:Arial; border-top:1px solid #f0f0f0; }
.flipwnone { border-top:0; }
.flip_right {float:right;color:#036594; padding:2px 10px 0 0;}
.flip_right div{ float:left;text-align:center; margin-left:10px; display:inline; line-height:21px; }
.flip_right .font a{text-decoration:none; padding:4px 10px 4px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.flip_right .font a:hover {}
.flip_right .no a{text-decoration:none; background:#a9c9dc;border:1px solid #a9c9dc; padding:4px 7px; color:#fbfbfb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.flip_right .no a:hover{background-color:#a9c9dc; border:1px solid #fbfbfb; color:#ffffff; }
.flip_right b {background-color:#547a91; color:#ffffff; border:1px solid #547a91; padding:4px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/*footer*/
#footer { background:#3c3c3c; width:100%; padding:15px 0; line-height:1.7; }
.f-left { float:left; padding-left:35px; }
.f-right { float:right; padding-right:35px; }
#footer blockquote { width:143px; height:32px; background:url(../images/bshare.gif); margin-top:5px; }
#footer blockquote a { width:32px; height:32px; display:block; float:left; background:none; }
#footer blockquote a.a1 { margin-left:5px; }

