/* CSS Document 2009.7 */
body { font-size: 12px; color: #414141; padding: 0px; margin: 0px; background: url(Style-image/nav_bg.png) center 0px repeat-x #F0F6FC; }
div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
ul, li { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px }
img { border: 0; }
input, select, textarea { vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
/* Link */
a { color: #414141; text-decoration: none; }
a:hover { color: #ff3333; text-decoration: underline; }
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul { list-style: none; padding: 0px; margin: 0px }
.clear { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 0px }
.page { width: 96%; height: 27px; margin: 5px auto; clear: both; padding-top: 10px; padding-left: 3%; padding-bottom: 2px; text-align: center; color: #000000; border-top: 1px #FFF solid }
.page a { color: #000000; width: auto; height: 22px; padding: 3px 5px 0px 5px; float: left; margin-left: 5px; }
.page span { color: #000000; width: auto; height: 22px; padding: 3px 5px 0px 5px; float: left; margin-left: 5px; }
.page select { float: right; width: 120px; height: 20px; margin-top: 3px; margin-right: 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }

/*   member  */
#member_log { width: 100%; height: 23px; margin: 0px auto; padding-top: 5px; }
#member_log form { margin: 0px; padding: 0px; width: 100%; height: 25px; font-weight: bold }
.member_user { width: 170px; height: 25px; float: left }
.member_user span { width: 40px; height: 22px; padding-top: 3px; float: left }
.member_user input { width: 120px; height: 12px; float: left; margin-top: 1px; }
.member_password { width: 170px; height: 30px; float: left; }
.member_password span { width: 40px; height: 22px; padding-top: 3px; float: left }
.member_password input { width: 120px; height: 12px; float: left; margin-top: 1px; }
.member_submit { width: 70px; height: 30px; float: left }
.member_submit input { width: 100%; height: 20px; }
#member_info { width: 100%; height: 25px; margin: 0px auto; padding-top: 5px; }

/* head */
#top_all { width: 100%; height: 206px; margin: 0px auto; background: url(Style-image/1.jpg) repeat-x; }
#top { width: 980px; height: 165px; margin: 0px auto; background: url(Style-image/2.png) no-repeat; }
#top_left { width: 500px; height: 165px; float: left; overflow: hidden }
#top_right { width: 470px; height: 165px; float: right; padding-top: 0px; overflow: hidden; position: relative; }
#top_nav { width: 980px; height: 38px; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; }
#top_nav ul { padding: 0px; margin: 0px; list-style: none }
.navli1 { width: 105px; height: 30px; float: left; color: #FFF; position: relative; font-weight: bold }
.navli1a { width: 100%; height: 18px; float: left; padding-top: 12px; font-size: 14px; text-align: center; color: #ffffff }
.navli1a:hover { width: 100%; height: 18px; float: left; padding-top: 12px; color: #FFFF00; background: url(Style-image/hover.jpg) no-repeat; font-weight: bold; text-decoration: none }
.actiona { width: 100px; height: 18px; float: left; padding-top: 12px; font-size: 14px; text-align: center; color: #FFFF00; background: url(Style-image/hover.jpg) no-repeat; font-weight: bold; }
.actiona:hover { text-decoration: none; color: #FFFF00 }
.m2 { position: absolute; top: 30px; left: 5px; background: #EEEEEE; z-index: 100000; filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=3);
}
.m2 a { width: 100px; height: 18px; float: left; padding-top: 7px; font-size: 13px; text-align: center; color: #FFFFFF; overflow: hidden }
.m2 a:hover { width: 100px; height: 19px; float: left; padding-top: 6px; color: #FFFFFF; text-decoration: none; font-weight: bold; background: url(Style-image/navb.gif) repeat-x; text-decoration: none }
.m2 a { border-bottom: #999 1px solid; border-top: #FFF 1px solid }
.navli2 { width: 2px; height: 30px; float: left; margin-top: 0px; text-align: center; background: url(Style-image/navline.gif) no-repeat; overflow: hidden }
.navsearch { width: 240px; height: 30px; float: right; padding-top: 8px; text-align: right }
.sb1 { width: 160px; height: 16px; }
.sb2 { width: 50px; height: 25px; }
.top_info { width: 980px; height: 58px; margin: 0px auto; background: url(Style-image/top_info_bg.png) center no-repeat; }
.ti_top { width: 960px; height: 28px; margin: 0px auto; overflow: hidden; border-bottom: 1px #CCC dashed }
.tit_left { width: 500px; height: 20px; padding-top: 8px; float: left; overflow: hidden }
.tit_left span { width: 80px; height: 20px; float: left; overflow: hidden; font-weight: bold }
.tit_right { width: 450px; height: 28px; float: right; text-align: right; overflow: hidden }
.ti_bottom { width: 960px; height: 25px; margin: 0px auto; overflow: hidden }
.tib_left { width: 500px; height: 20px; float: left; padding-top: 5px; overflow: hidden }
.tib_left span { width: 80px; height: 20px; float: left; overflow: hidden; font-weight: bold }
.tib_right { width: 450px; height: 25px; float: right; overflow: hidden }
.tib_right span { width: auto; height: 20px; float: left; padding-top: 5px; overflow: hidden }
.tib_right form { width: 450px; height: 22px; float: right; padding-top: 3px; text-align: left; overflow: hidden; }
.tibr_in1 { width: 130px; height: 14px; float: left; margin-right: 10px; }
.tibr_in2 { width: 70px; height: 20px; float: left; margin-right: 8px; }
.tibr_select { width: 150px; height: 20px; float: left; margin-right: 8px; }
/*  foot  */
.foot_all { width: 100%; height: 25px; margin: 0px auto; padding: 0px; background: #98C4E0 }
.foot_nav { width: 980px; height: 18px; margin: 0px auto; padding-top: 7px; text-align: center; color: #000000; overflow: hidden }
.foot_nav a { color: #000000 }
.foot { width: 980px; height: auto!important; min-height: 80px; height: 80px; margin: 0px auto; padding: 0px; position: relative }
.foot_bottom { width: 100%; height: auto!important; min-height: 30px; height: 30px; margin: 0px auto; padding-top: 5px; line-height: 1.8em; text-align: center; color: #364C63; overflow: hidden; z-index: -1 }

/* index */
.iall { width: 980px; height: auto!important; min-height: 120px; height: 120px; margin: 0px auto; padding: 10px 0px 0px 0px; }
.ib_left { width: 970px; height: 255px; float: left; border: 2px #DDF0FF solid }
.ib_right { width: 340px; height: 259px; float: right; background: url(Style-image/index_t_right.png) center no-repeat; }
.ibr_title { width: 310px; height: 21px; padding-left: 30px; margin: 0px auto; padding-top: 9px; font-weight: bold; font-size: 14px; color: #02529B }
.ibr_con { width: 330px; height: 220px; margin: 0px auto; padding: 5px; }
.iporduct { width: 980px; height: 244px; margin: 0px auto; background: url(Style-image/index_product_bg.png) center no-repeat; }
.ip_title { width: 940px; padding-left: 30px; margin: 0px auto; height: 22px; padding-top: 12px; position: relative }
.ip_title span { width: 800px; height: 22px; position: absolute; top: 8px; right: 0px; overflow: hidden; line-height: 1.8em }
.ip_con { width: 100%; height: 210px; margin: 0px auto; padding-top: 3px; overflow: hidden }
.ip_con img { margin: 5px }
.ipc_left { width: 300px; height: 200px; float: left; overflow: hidden; padding: 0px 0px 10px 20px; line-height: 1.8em; }
.ipc_right { width: 620px; height: 190px; float: right; padding: 0px 20px 10px 10px; line-height: 1.8em; overflow: hidden; background: url(Style-image/fenge.gif) 0px 0px no-repeat; }
.ileft { width: 287px; height: 245px; float: left; overflow: hidden; background: url(Style-image/cleft_bg.png) 0px 0px no-repeat #F2F9FE; }
.ileft_title { width: 260px; height: 27px; margin: 0px auto; padding-top: 10px; padding-left: 27px; text-align: left; font-size: 14px; font-weight: bold; overflow: hidden }
.ileft_con { width: 285px; height: 206px; margin: 0px auto; border: 1px #D1D1D1 solid; border-top: 0px; }
.ileft_con ul { list-style: none; padding: 0px; margin: 0px; }
.ileft_con li { width: 90%; height: 22px; margin: 0px auto; padding-top: 7px; padding-left: 5%; background: url(Style-image/icon.gif) 5px 10px no-repeat }
.ilc_con { width: 95%; height: 200px; padding: 5px 2% 5px 2%; line-height: 1.8em; }
.iright { width: 682px; height: 245px; float: right; overflow: hidden; background: url(Style-image/yyanl.gif) 0px 0px no-repeat; }
.iright_title { width: 650px; height: 25px; margin: 0px auto; padding-top: 10px; padding-left: 32px; text-align: left; font-size: 14px; font-weight: bold; overflow: hidden }
.iright_con { width: 670px; height: 210px; margin: 0px auto; border-top: 0px; }
.blk_18 { margin-top: 8px; font-size: 12px; overflow: hidden; width: 680px; zoom: 1 }
.blk_18 .pcont { float: left; overflow: hidden; width: 596px }
.blk_18 .ScrCont { width: 32766px; zoom: 1 }
.blk_18 #List1_1 { float: left }
.blk_18 #List2_1 { float: left }
.blk_18 .LeftBotton { background: url(style-image/ICO-08.png) no-repeat; float: left; margin: 10px 1px; width: 31px; height: 186px }
.blk_18 .RightBotton { background: url(style-image/ICO-07.png) no-repeat; float: left; margin: 10px 1px; width: 31px; height: 186px }
.blk_18 .LeftBotton { background-position: 0px 0px; margin-left: 5px }
.blk_18 .RightBotton { }
.blk_18 .LeftBotton:hover { }
.blk_18 .RightBotton:hover { }
.blk_18 .pl img { display: block; cursor: pointer; border: none }
.blk_18 .pl { border: #f3f3f3 1px solid; float: left; text-align: center; text-decoration: underline; margin: 0 10px; }
.blk_18 A.pl:hover { border: #ff9900 1px solid; background: #fff; color: #ff9900; }
.commu_cont3 { margin: 9px 7px 7px; line-height: 150% }
.commu_cont3 ul { width: 188px }
.blk_19 { margin-top: 8px; font-size: 12px; overflow: hidden; width: 680px; zoom: 1 }
.blk_19 .pcont { float: left; overflow: hidden; width: 596px }
.blk_19 .pl img { display: block; cursor: pointer; border: none }
.blk_19 .pl { border: #f3f3f3 1px solid; float: left; text-align: center; text-decoration: underline; margin: 0 10px; }
.blk_19 A.pl:hover { background: #fff; color: #ff9900; }
.commu_cont3 { margin: 9px 7px 7px; line-height: 150% }
.commu_cont3 ul { width: 188px }
.ibanner { width: 980px; height: auto!important; min-height: 120px; height: 120px; margin: 0px auto; overflow-x: hidden }
.ilinks { width: 978px; height: auto!important; min-height: 80px; height: 80px; margin: 10px auto; overflow-x: hidden; background: url(Style-image/friendlink.gif) repeat-x #F1F8FD; border: 1px #E0E3E6 solid }
.ilinks li { width: auto; height: 22px; padding-top: 8px; float: left; padding-left: 10px; }
.il_title { width: 20px; height: auto!important; min-height: 80px; height: 80px; float: left; padding: 10px; padding-top: 20px; font-size: 14px; font-weight: bold }
.il_link { width: 930px; height: auto!important; min-height: 70px; height: 70px; float: right; padding-top: 10px; }
.il_link ul { list-style: none }
.il_link li { width: auto; height: 22px; padding-top: 8px; float: left; padding-left: 10px; }

/*  content  */
.call { width: 980px; height: auto!important; min-height: 287px; height: 287px; margin: 10px auto; }
.cbanner { width: 980px; height: auto!important; min-height: 80px; height: 80px; margin: 0px auto; padding-top: 1px; overflow-x: hidden }
#cleft { width: 290px; min-height: 240px; padding-left: 0px; float: left; }
.cl_list { width: 287px; height: auto!important; min-height: 200px; height: 200px; margin: 0px auto; background: url(Style-image/cleft_li_bg.gif) no-repeat; overflow-x: hidden; }
.ctl1 { width: 240px; height: 39px; margin: 0px auto; padding-top: 18px; padding-left: 47px; text-align: left; font-size: 18px; font-weight: bold; background: url(Style-image/t1.jpg) no-repeat; overflow: hidden }
.ctl2 { width: 285px; height: auto!important; min-height: 180px; height: 180px; padding-bottom: 10px; margin: 0px auto; background: url(Style-image/b2.jpg); border: 1px #D1D1D1 solid; border-top: 0px; }
.ctl2 li { width: 258px; height: 30px; margin: 0px auto; font-size: 14px; font-weight: bold; border-bottom: 1px #CCC dashed; background: url(Style-image/icon.gif) 5px 10px no-repeat; }
.ctl2 li a { width: 238px; height: 22px; float: left; padding-top: 8px; text-align: left; font-size: 12px; padding-left: 20px; }
.ctl2 li a:hover { width: 238px; height: 22px; float: left; padding-top: 8px; text-align: left; font-size: 12px; color: #F00; font-weight: bold }
.clc { width: 287px; height: auto!important; min-height: 160px; margin: 10px auto; text-align: left; line-height: 1.6em; padding: 0px; overflow-x: hidden; background: url(Style-image/cleft_bg.png) no-repeat #F2F9FE; }
.clc_title { width: 257px; height: 22px; margin: 0px auto; padding-top: 8px; padding-left: 20px; font-size: 14px; font-weight: bold; color: #02529B }
.clc_con { width: 265px; height: auto!important; min-height: 120px; height: 120px; margin: 0px auto; padding: 10px; border: 1px #D1D1D1 solid; border-top: 0px }
.clc_list { width: 265px; height: auto!important; min-height: 120px; height: 120px; margin: 0px auto; padding: 10px; border: 1px #D1D1D1 solid; border-top: 0px }
.clc_list ul { margin: 0px; padding: 0px; list-style: none }
.clc_list li { width: 235px; height: 22px; padding-top: 8px; margin: 0px auto; padding-left: 30px; background: url(style-image/icon1.gif) 5px 10px no-repeat; border-bottom: 1px #CCC dashed; font-weight: bold }
#cright { width: 680px; min-height: 360px; float: right; padding-right: 0px; background: url(Style-image/probg.gif) repeat-x #F2F9FE; border: 1px #D1D1D1 solid }
.crt { width: 633px; height: 25px; margin: 0px auto; padding-top: 10px; padding-left: 40px; font-size: 14px; color: #690; font-weight: bold; background: url(Style-image/protitleh.gif) no-repeat; position: relative }
.crt span { width: 400px; height: 22px; padding-top: 15px; color: #333; font-size: 12px; font-weight: 100; position: absolute; top: 0px; right: 10px; text-align: right }
.crc { width: 660px; height: auto!important; min-height: 300px; margin: 0px auto; margin-top: 5px; padding: 10px; line-height: 1.6em; overflow-x: hidden }
.crc img { max-width: 660px; }
.cbottom { width: 980px; height: 9px; margin: 0px auto; background: url(Style-image/line3.gif) repeat-x; }

/* article */
.alist { font-size: 13px; }
.alist li { width: 700px; height: 22px; margin: 0px auto; padding-top: 8px; padding-left: 29px; background: url(Style-image/icon.gif) 15px 13px no-repeat; border-bottom: 1px #cccccc dotted; position: relative }
.alli2 { width: 700px; height: 22px; margin: 0px auto; padding-top: 8px; padding-left: 29px; background: url(Style-image/icon.gif) 15px 13px no-repeat #eeeeee; border-bottom: 1px #cccccc dotted; position: relative }
.alist li span { width: 160px; height: 22px; position: absolute; top: 8px; right: 15px; text-align: right; color: #666 }
.atitle { width: 98%; height: 30px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; font-size: 16px; font-weight: bold; text-align: center; border-bottom: 1px #eeeeee dotted }
.aper { width: 98%; height: 18px; margin: 0px auto; padding-top: 7px; padding-bottom: 10px; font-size: 12px; color: #666666; text-align: center }
.ades { width: 95%; height: auto!important; min-height: 60px; height: 60px; margin: 0px auto; padding: 5px 1% 5px 1%; line-height: 1.6em; font-size: 12px; color: #999; border: 1px #CCC dotted; background: #eeffff }
.acon { width: 97%; height: auto!important; min-height: 80px; height: 80px; margin: 0px auto; padding: 5px 0px 5px 0px; line-height: 1.8em; }

/* image */
.ilist { font-size: 12px; }
.ilist li { width: 160px; height: 200px; float: left; padding: 5px 0px 5px 3px }
.ilistimg { width: 166px; height: 166px; float: left; padding: 1px; border: 1px #CCC solid }
.ilistimg td { background: #CCC }
.img_url { width: 98%; height: 30px; margin: 10px auto; color: #666; font-size: 12px; border-top: 1px #CCC dotted; padding-top: 5px; position: relative }
.img_url a { font-size: 12px; }
.iul { width: 460px; height: 20px; position: absolute; top: 15px; left: 0px; text-align: left; }
.iur { width: 460px; height: 20px; position: absolute; top: 15px; right: 0px; text-align: right; }

.ilist1 ul { display: block; padding: 0; margin: 0; list-style: none; }
.ilist1 ul li { float: left; width: 145px; margin: 10px; }
.ilist1 ul li a img { width: 133px; height: 133px; border: 1px solid #574331; padding: 5px; background: #eee; }
.imageborder img { width: 133px; height: 133px; border: 1px solid #574331; padding: 5px; background: #eee; float: left; margin: 0 10px; }
.ilist1 ul li a:hover img, .imageborder:hover img { background: #e8e8e8; border-color: darkred; }

/* product */
.plist { font-size: 12px; }
.plist li { width: 320px; height: 145px; float: left; padding: 5px 10px 5px 0px }
.plistimg td { padding-left: 10px; line-height: 2em; }
.ppoc { font-size: 12px; }
.pcon { width: 100%; height: auto!important; min-height: 180px; height: 180px; margin: 0px auto; padding-top: 20px; overflow-x: hidden }
.pimg { padding: 0px; border: 2px #ffffff solid }