@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer; }
a:hover{ text-decoration:underline;}
a:focus { outline-style:none;} 

.wd_bdbg{ background:url(../images/wd_bdbg.jpg) no-repeat 50% 0; padding-bottom:70px;}

.main { width:1000px;margin:0 auto;position:relative; min-height:850px;_height:850px;}
.wd_what,.wd_pinfo,.appdown,.andrdown,.wd_close a,.wd_quest a{font-size:0px; line-height:0px; text-indent:-999px; overflow:hidden;}
.wd_what{ width:100px; height:100px; position:absolute; left:339px; top:81px;}
.wd_what a{width:100px; height:100px; display:block;}
.wd_what:hover{ background:url(../images/wd_qbzbg1.jpg) no-repeat;}

.wd_quest{ position:absolute; top:0px; right:8px; width:65px; height:140px;}
.wd_quest a{display:block;width:65px; height:140px; background:url(../images/wd_qbzbg5.jpg)}
.wd_quest a:hover{ background:url(../images/wd_qbzbg2.jpg)}

.wd_down{ position:absolute; top:350px; left:62px; width:550px; height:215px;zoom:1;}
.wd_down:after,.wd_down li p:after{ content:''; display:block; clear:both;}
.wd_down li{ width:220px; float:left; padding-right:8px; text-align:center;}
.wd_down li p{ padding-bottom:10px;zoom:1;}
.appdown,.andrdown{background:url(../images/wd_qbzdown.jpg) no-repeat -1px 0; display:inline-block; width:220px; height:52px; float:left;}
.appdown{ background-position:0 0;cursor:default}
.appdown:hover{ background-position:0 -53px;}
.andrdown{ background-position:-228px 0;}
.andrdown:hover{ background-position:-228px -53px;}

.wd_pinfo{ padding:660px 0 0 0;}
.wd_pinfo li{ width:205px; height:166px; float:left;}
.wd_pinfo li:hover{ background:url(../images/wd_qbzbg3.jpg) no-repeat;}
.wd_pinfo li.on1{ margin-left:33px;}
.wd_pinfo li.on2{ margin-left:27px;}
.wd_pinfo li.on3{ margin-left:39px;}
.wd_pinfo li.on4{ margin-left:40px;}
.wd_pinfo li.on1:hover{ background-position:0 -1px;}
.wd_pinfo li.on2:hover{ background-position:-232px -1px;}
.wd_pinfo li.on3:hover{ background-position:-476px -1px;}
.wd_pinfo li.on4:hover{ background-position:-721px -1px;}

/*poput*/
.wd_poput{ position:relative; background:#d2f0ee; width:700px;padding:11px; display:none;}
.wd_pltop,.wd_prtop,.wd_plbut,.wd_prbut{ background:url(../images/wd_pbg.jpg); position:absolute; width:34px; height:34px;}
.wd_poput h3.title{ background:url(../images/wd_h3bg.gif) repeat-x 0 100%; height:70px; line-height:70px; text-align:center; font-size:34px; color:#085953; margin:0 20px;}
.wd_poput h3.title span{ background:url(../images/wd_qbzbg2.gif) no-repeat 0 50%; display:inline-block; width:166px; padding:0 35px; margin:0 auto; text-align:center;}
.wd_pltop{ background-position:0 0; top:11px; left:11px;}
.wd_prtop{ background-position:-38px 0;top:11px; right:11px;}
.wd_plbut{ background-position:-38px 0; bottom:11px; left:11px;}
.wd_prbut{ background-position:-37px -40px; bottom:11px; right:11px;}

.wd_close{ background:url(../images/wd_close.gif); width:36px; height:36px; position:absolute; right:-37px; top:0px;}
.wd_close a{ display:block; height:36px;}

/*scrollbar*/
.vcontainer { margin:0 auto;width:640px;height:330px;padding:0 10px 0 40px; margin:30px 10px 60px 0;}
.vcontent { width:600px;height:330px; padding-right:20px;float:left;overflow:hidden;font-size:14px;position:relative;}
.vtarget { width:600px; padding:20px 0 0 0;height:auto;left:0px;top:0px;position:absolute;}

.vtarget h3.tit{ color:#af6b00;}
.vtarget p{ padding-bottom:30px; line-height:32px; color:#13423e}


.vscrollbar { position:relative;width:16px;height:330px;float:left;background-color:#0b2624;overflow:hidden; padding:16px 0;}
.vscrollbar .arrowUp, .vscrollbar .arrowDown { width:16px;height:16px; background:url(../images/wd_scrollbg.gif) 0 0;) no-repeat;cursor:pointer; position:absolute;}
.vscrollbar .arrowUp{ top:0px; z-index:9;}
.vscrollbar .arrowDown { background-position:0 -20px; bottom:0px;}
.vscrollbar .track { position:relative;width:16px;height:350px;}
.vscrollbar .thumb { position:absolute;left:0px;top:0px;width:16px;height:14px;background-color:#247a74;cursor:pointer;}