/***/
html { overflow-x:hidden }
body { margin:0px; padding:0px; text-align:center; font-size:12px; background:#fff; color:#666 ; font-family:Arial,"ËÎÌå", Helvetica, sans-serif}
a { COLOR: #666; TEXT-DECORATION: none; }
A:hover { COLOR: #0e8cc0; TEXT-DECORATION: underline }
ul { margin:0px; padding:0px; list-style:none; }
div { text-align:left }
img { border:none }
h3 { text-align:center; margin:0 }
/*header*/
#top { width:100%; margin:0 auto; padding-bottom:10px; height:auto; background:url(../Images/top_bg.jpg) repeat-x }
#search { width:960px; height:32px; line-height:32px; text-align:right; margin:0 auto }
#search .search { width:250px; height:32px; float:left; margin-left:550px; display:inline }
#search .search .search_box { width:165px; height:24px; margin-top:6px; float:left }
#search .search .search_btn { width:45px; height: 26px; margin-left:8px; padding-top:6px; line-height:32px; background:url(../Images/search_button.jpg) no-repeat center 5px; float:left }
#header { width:960px; height:70px; margin:0 auto; background:url(../Images/img_06.jpg) no-repeat right 50px }
#header_r { width:240px; height:55px; background:url(../Images/top_www.jpg) no-repeat left bottom; float:right; margin-top:10px; display:inline }
#header_r a { display:block; width:240px; height:45px; }
#logo { width:545px; height:75px; float:left; margin:10px 0 0 0; }
#top .menu { width:960px; height:48px; margin:0 auto }
/*nav*/
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; }
.clearfix { _zoom: 1; }
*+html .clearfix { overflow:auto; }
.menu_navcc { width:960px; margin:0 auto; }
.menu_nav { width:960px; height:48px; background: url(../Images/nav_bg.gif) repeat-x; float:left; display:inline }
.menu_nav .nav_content { padding-left:45px; background:url(../Images/nav_l_bg.gif) no-repeat; float:left; }
.menu_nav .nav_content li { width:108px; height:48px; background:url(../Images/nav_li_right.gif) no-repeat right center; float:left; line-height:48px; text-align:center; font-size:14px; font-weight:bold; display: inline }
.menu_nav .nav_content li a { color:#fff; width:108px; height:48px; display:block; }
.menu_nav .nav_content li.current { line-height:37px; }
.menu_nav .nav_content li.current a, .menu_nav .nav_content li a:hover { width:108px; height:48px; background:url(../Images/nav_li_current.gif) no-repeat; display:block; }
.menu_nav .nav_content li a:hover { background:url(../Images/nav_li_link.gif) no-repeat; text-decoration:none; }
.menu_nav_right { padding-right:20px; background:url(../Images/nav_r_bg.gif) no-repeat right top; float:right; margin-left:30px; padding-top:13px; height:23px; padding-bottom:12px; }
#navi .hl a { background:url(../Images/nav_li_hover.gif) no-repeat; }
/*container*/
.more { width:60px; height:30px; line-height:30px; background: url(../Images/more.gif) no-repeat center center; float:right }
.more a { display:block; width:60px; height:30px }
#banner { width:952px; height:335px; }
#container { width:960px; height:auto; overflow:hidden; margin:10px auto; }
#Bulletin { width:940px; height:22px; margin-top:10px; background:#f3fbfe; padding:0 10px; line-height:22px; color:#1995e4 }
#content1 { width:960px; height:auto; overflow:hidden; margin-top:5px }
#content1 .title { width:945px; height:30px; line-height:30px; border-bottom:1px #deebfb solid; background:url(../Images/cptj.jpg) no-repeat left center; padding-left:15px; font-size:13px; font-weight:bold; color:#3b3b3b }
#content1 .title .eng { color:#000; padding-left:10px; font-weight:normal }
#content1 .probox { width:960px; height:173px; margin-top:10px; overflow:hidden }
#content1 .probox .l { width:5px; height:173px; background:url(../Images/pro_boxl.jpg) no-repeat; float:left }
#content1 .probox .m { width:950px; height:173px; background:url(../Images/pro_boxm.jpg) repeat-x; float:left }
#content1 .probox .r { width:5px; height:173px; background:url(../Images/pro_boxr.jpg) no-repeat; float:left }
#content2 { width:960px; height:366px; margin-top:10px }
#pro_list_box { width:230px; height:366px; float:left; margin-right:13px }
#about .l, #contact .l { width:4px; height:282px; float:left; background: url(../Images/cont_2_l.jpg) no-repeat }
#pro_list_box .m { width:230px; height:366px; float:left; background: url(../Images/pro_list_bg.jpg) no-repeat }
#pro_list_box .m .title { width:220px; height:38px; line-height:38px; font-size:13px; font-weight:bold; color:#3b3b3b; padding-left:10px }
#pro_list_box .m .title span, #about .m .title span, #contact .m .title span, #content3 #news .m .title span, #left_box_t .t span { color:#000; padding-left:10px; font-weight:normal }
#pro_list_box .m .main, #about .m .main { height:auto; margin-top:8px }
/*product_list*/
#nav { list-style-type: none }
#nav a { display: block; text-align:left; height:22px; line-height:22px; padding-left:10px; font-size:14px; color:#606060 }
#nav a:link { text-decoration:none; }
#nav a:visited { text-decoration:none; }
#nav a:hover { color:#000; text-decoration:none }
#nav li { width:230px; height:22px; line-height:22px; POSITION: relative; z-index:10; margin:0; padding:0; border-bottom:1px #dddee0 solid }
#nav li a:hover { background: #E8F3FF; }
#nav li ul { line-height: 20px; list-style-type: none; text-align:left; left: -999em; position: absolute; z-index:100; }
#nav li ul li { background: #E8F3FF; width:180px; border:none }
#nav li ul a { display: block; height:20px; margin:0 auto; text-align:left; padding:0 0 0 10px; background:none; color:#606060 }
#nav li ul a:hover { color:#000; text-decoration:none; font-weight:normal; background: #09C; }
#nav li.sfhover ul { left:222px; top:0px }
#nav li ul { width:180px }
/*#pro_list_box .m .main li { width:187px; height:20px; line-height:20px; padding-left:35px; background:url(../Images/dot.jpg) no-repeat 25px center; POSITION: relative; z-index:10 }
#pro_list_box .m .main li ul { POSITION: absolute; WIDTH:auto; DISPLAY: none; TOP: 0px; LEFT: 220px; background:#51b360; padding:0 10px; }
#pro_list_box .m .main li ul li { width:auto }
#pro_list_box .m .main li a { display:block; width:187px; height:20px }
*/
#cont_2_ad { width:715px; height:72px; float:right; padding-top:10px; _padding-top:0; display:inline; }
#pro_list_box .r, #about .r, #contact .r { width:4px; height:282px; float:left; background: url(../Images/cont_2_r.jpg) no-repeat }
#about { width:464px; height:282px; float:left; margin-right:13px; }
#about .m { width:456px; height:282px; float:left; background: url(../Images/cont_2_m.jpg) repeat-x; font-size:12px; line-height:23px }
#about .m img { width:248px; height:174px; float:left; margin:0 10px; border:1px #CCC solid; padding:2px }
#about .m .title { width:446px; height:38px; line-height:38px; font-size:13px; font-weight:bold; color:#3b3b3b; padding-left:10px }
#contact { width:238px; height:282px; float:left; }
#contact .m { width:230px; float:left; height:296px; background:url(../Images/cont_2_m.jpg) repeat-x }
#contact .m .title { width:220px; height:38px; line-height:38px; font-size:13px; font-weight:bold; color:#3b3b3b; padding-left:10px }
#contact .m .main_ { width:230px; height:auto; overflow: hidden; margin:0 auto; margin-top:8px; line-height:21px }
#content3 { width:960px; height:auto; overflow:hidden; margin-top:10px }
#content3 #news { width:311px; height:255px; float:left; margin-right:12px; }
#content3 #news .l { width:4px; height:255px; float:left; background: url(../Images/img_26.jpg) no-repeat }
#content3 #news .m { width:303px; height:255px; float:left; background: url(../Images/img_30.jpg) repeat-x }
#content3 #news .m .title { width:293px; height:38px; line-height:38px; font-size:13px; font-weight:bold; color:#3b3b3b; padding-left:10px }
#content3 #news .m .main { width:290px; height:210px; padding-top:7px; margin:0 auto; }
#content3 #news .m .main li { width:280px; height:20px; line-height:20px; padding-left:10px; background:url(../Images/news_dot.jpg) no-repeat left center; border-bottom: 1px dashed #EEEEEE; }
#content3 #news .m .main li span { float:right; color: #05bf50 }
#content3 #news .r { width:4px; height:255px; float:left; background:url(../Images/img_27.jpg) no-repeat }
#content4 { width:958px; height:235px; margin-top:10px; border:1px #dfdfdf solid; background: url(../Images/kind_bg.jpg) repeat-x; clear:both }
#kind { width:133px; height:233px; float:left; margin:0 13px; display:inline }
#kind .t1 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind1.jpg) no-repeat }
#kind .t2 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind2.jpg) no-repeat }
#kind .t3 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind3.jpg) no-repeat }
#kind .t4 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind4.jpg) no-repeat }
#kind .t5 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind5.jpg) no-repeat }
#kind .t6 { width:133px; height:38px; margin-top:10px; background: url(../Images/kind6.jpg) no-repeat }
#kind .m { width:133px; height:31px; border-bottom:1px #e3e3e3 solid; line-height:31px; font-size:14px; color:#4f4f4f; font-weight:bold; text-align:center }
#kind .b { width:133px; height:144px; padding-top:10px }
#kind .b li { padding-left:25px; height:22px; line-height:22px; width:108px; background: url(../Images/news_dot.jpg) no-repeat 15px center }
/*footer*/
#link { width:960px; height:auto; margin:0 auto; clear:both; }
#link .title { width:945px; height:31px; line-height:31px; background:#70a303; padding-left:15px; font-size:13px; font-weight:bold; color:#FFF }
#link .main { width:960px; height:auto; overflow:hidden; margin-top:6px; line-height:25px }
#link td { float:left; text-align:left }
#footer { width:960px; height:50px; clear:both; margin:0 auto; margin-top:10px; border-top:1px #cfeaae solid }
#foot { width:960px; height:60px; line-height:25px; margin:0 auto; text-align:left; color:#666; padding-top:10px;}
#foot .footer_right{ width:410px; height:60px; float:right; color:#666; text-align:right }
#foot a { color:#000 }
#foot a£ºhover { text-decoration:underline }
#foot .footer_left{width:520px; height:60px; font-size:14px;color:#0a6eca; float:left}
/*banner_img*/
#banner_img { width:960px; height:106px; }
#banner_img img { width:960px; height:106px; }
#left_box { width:230px; height:auto; margin-top:12px; float:left; *overflow:hidden
}
#left_box_t { width:230px; height:auto; overflow:hidden; margin-bottom:10px }
#left_box_t .t { width:220px; height:40px; line-height:38px; background:url(../Images/box_t.jpg) no-repeat; font-size:13px; font-weight:bold; color:#3b3b3b; padding-left:10px }
#left_box_t .m { width:210px; height:auto; overflow:hidden; padding:8px 10px; background:url(../Images/box_m.jpg) repeat-y; line-height:20px }
#left_box_t .m li { width:160px; height:20px; line-height:20px; padding-left:55px; background:url(../Images/dot.jpg) no-repeat 45px center }
#left_box_t .m li a { display:block; width:160px; height:20px }
#left_box_t .b { width:230px; height:4px; background:url(../Images/box_b.jpg) no-repeat }
#right_box { width:715px; height:auto; overflow:hidden; float: right; margin-top:13px; margin-bottom:15px }
#right_box .title { border-bottom: 1px solid #c0ebff; color: #3B3B3B; font-size: 13px; font-weight: bold; height:36px; line-height: 36px; padding-left:15px; text-align: left; width:695px; background:url(../Images/r_dot.jpg) no-repeat left center }
/*product_style*/
#right_box .list_frame { width:715px; height: auto; overflow:hidden; margin-top:6px; color:#000 }
#right_box .list_frame .ptext { width:715px; height:auto; overflow:hidden }
#right_box .list_frame .ptext img { width:166px; height:166px; border:1px #F3F3F3 solid }
#right_box .list_frame .list table { border-collapse:collapse }
#right_box .list_frame .list_style { width:715px; height:30px; line-height:30px; background:#F6F6F6; margin-bottom:10px; display:none }
#right_box .list_frame .list_style .display_mode { width:250px; height:30px; line-height:30px; float:left; padding-left:15px }
#right_box .list_frame .list_style .page_change { width:200px; height:30px; line-height:30px; float: right; text-align:right; padding-right:15px }
.display_mode .hlist_selected { background-position: 0 -19px; }
.display_mode a { background: url("../images/mall_list_mode.png") repeat scroll 0 0 transparent; border: 0 none; float: left; height: 16px; margin-right: 10px; overflow: hidden; text-indent: -9999px; width: 16px; margin-top:6px }
.display_mode .wlist { background-position: -25px -41px; }
.display_mode .piclist { background-position: -125px -41px; }
.display_mode .hlist { background-position: 0 -41px; }
.display_mode .hlist_selected { background-position: 0 -19px; }
.display_mode .wlist_selected { background-position: -26px -19px; }
.display_mode .piclist_selected { background-position: -126px -19px; }
.display_mode span { float: left; height: 16px; line-height: 16px; margin-right: 4px; vertical-align: middle; line-height:30px }
#right_box .path { float:right; font-size:12px; color:#6e6e6e; font-weight:normal; margin-right:10px }
#right_box .title_name { width:190px; height:22px; line-height:22px; background:url(../images/pro_title_bg_cp.jpg) no-repeat right center; display:inline; float:left; margin-top:10px }
#right_box .right_txt { width:715px; padding:6px 0; line-height:25px; font-size:12px; min-height:380px; height:100%; _height:380px }
#right_box .right_txt_pro { width:715px; padding:6px 0; line-height:25px; font-size:12px; min-height:380px; height:100%; _height:380px; overflow:hidden }
#plPage { text-align:center; margin:15px auto; width:715px; clear:both; background:#eeeeee; overflow:hidden; }
#plPage1 { text-align:center; margin:15px auto; width:640px; clear:both; background:#eeeeee; overflow:hidden; }
.fpage1, .fpage2 { color: #4B4B4B; display: inline; font-size: 12px; height: 25px; line-height: 25px; margin: 0 auto; text-align: center; width: 100%; }
#product { width:715px; height:auto; overflow:hidden }
#product .picture { width:400px; height:auto; float:left; text-align:left }
#product .picture img { padding:4px; border:1px #EFEFEF solid }
#product .info { width:240px; height:auto; float: left }
.ptitle { font-size:13px; font-weight:bold; color:#006 }
#pro_info { width:715px; height:auto; clear:both; overflow:hidden; padding-top:10px }
.list a { color:#0E8CC0; font-weight: bold; padding:5px; text-decoration:none; display:block }
.list a:hover { color:#d6201c }
/*products*/
.goodsList_box { float: left; height:233px; width: 168px; margin:0 10px 20px 0; display:inline }
.goods_tp { height: 168px; width:168px; float:left }
.goods_tp img { width:168px; height:168px }
.goods_txt { width:164px; height:65px; margin:5px auto; background:#efefef; padding: 0 2px; float:left; display:inline }
.goods_txt p { margin:2px; padding:5px 0 0 5px; height:16px }
.goods_txt a { color:#484747; text-decoration:none; font-weight:bold }
.goods_txt a:hover { color:#0E8CC0; text-decoration:underline }
#lbPage b { padding:1px 5px; background:#ccc; font-weight:normal; }
.no_product { padding:0 15px }
#dlProducts3 { width:100%; height:auto; overflow:hidden }
#product_table p { margin:3px }
#product_table a { color:#0E8CC0; font-weight:bold; }
#product_table a:hover { color:#D6201C }
/*download_news*/
#dlNewsList li { width:auto; background:url(../Images/news_dot.jpg) no-repeat left center; height:31px; line-height:31px; border-bottom:1px #d6d6d6 dotted; padding-left:10px }
#dlNewsList span { float: right }
.date2 { text-align:center; border-bottom:1px #CCC dashed }
#right_box .right_txt .main { margin-top:15px }
#right_box .right_txt .download { border-top:1px #CCC dashed; padding-top:5px }
#right_box .right_txt .download span a { background: url("../Images/download.jpg") no-repeat; display: block; height:61px; width:170px; }
#pro_info_ { width:524px; height: auto; overflow:hidden }
#pro_info_ table { width:95% }
.rollBox img { border:none; }
.rollBox { height: 168px; margin: 5px auto 0; overflow: hidden; width: 950px; }
.rollBox .Cont { width:900px; overflow:hidden; margin:0 auto; height:168px }
.rollBox .ScrCont { width:10000000px; }
.rollBox .Cont .pic { width:145px; float:left; text-align:center; margin-right:5px; }
*+html .rollBox .Cont .pic { width:145px; float:left; text-align:center; }
.rollBox .Cont .pic img { background:#fff; display:block; margin:0 auto; border:1px #F3F3F3 solid }
.rollBox .Cont .pic p { line-height:26px; color:#505050; }
.rollBox .Cont a:link, .rollBox .Cont a:visited { color:#000; text-decoration:none; }
.rollBox .Cont a:hover { color:#f00; text-decoration:underline; }
.rollBox #List1, .rollBox #List2 { float:left; }
.img1, .img2, .Cont { float:left; }
.img1, .img2 { width:25px; height:24px; display:block; cursor:pointer; margin-top:60px; }
.img1 { background:url("../images/left.gif") no-repeat scroll center top transparent; }
.img2 { background:url("../images/right.gif") no-repeat scroll center top transparent; }
.ptext ul { list-style-type: none; }
.ptext ul li { margin: 0; padding: 10px 5px 10px 5px; float: left; text-align: center; width: 168px; height: 235px; }
.ptext ul li img { margin: 0 auto; width: 168px; height: 168px; border: 1px solid #CCC; }
.ptext ul li span { display: block; margin: 0 auto; width: 168px; line-height: 1.5em; height: 35px; }
.ptext ul li b { margin: 0 auto; font-weight:normal; color: #900; line-height: 1.5em; }
.ptext ul li:hover { background: #7EB8E7; }
.ptext ul li:hover a { color: #fff; }
.page_news_title { font-size: 20px; margin-bottom: 10px; }
.page_news_date { font-style: normal; margin-bottom: 20px; display: block; }
.page_content { font-size: 14px; line-height:1.8em; }
.page_news_list { list-style-type: none; margin-bottom: 0px; }
.page_news_list li { margin-left: 0px; background-image: url(../images/ico_arrow_blue.gif); background-repeat: no-repeat; background-position: 2px 17px; padding-left: 12px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #efefef; }
.page_news_list li a { font-size: 14px; }
.page_news_list li span { font-weight: normal; margin-left: 10px; }
.page_news_list li p { margin: 8px 0 0 0; color:#666; line-height:1.5em; }
/*css flickr style pagination*/
div.flickr { padding:0px; margin:0px; text-align:center; font-family:Verdana; font-size:12px; text-align:right; height:30px; margin-top:15px }
div.flickr a { border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none }
div.flickr a:hover { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de }
div.meneame a:active { border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de }
div.flickr span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px }
div.flickr span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px }
/*feed-back*/
#feedback .feedback_list li { border-bottom: 1px dashed #EBEBEB; line-height: 25px; margin-bottom: 10px; padding-left: 8px; }
#feedback .feedback_list li .title_ { color: #000000; }
#feedback .feedback_list li .title_ span { color: #999999; float: right; }
#feedback .feedback_list li .reply span { color: #999999; float: right; }
/*map*/
#map{width:960px; height:auto; overflow:hidden; margin:0 auto}
#map li{ line-height:25px;}
#map li a{color:#333; font-size:14px; font-weight:bold; }
#map li ul li{padding-left:30px; background:url(../Images/ico_arrow_blue.gif) no-repeat 20px 8px;}
#map li ul li a{color:#666; font-size:12px;}
#map li ul li ul li{padding-left:50px; background:url(../Images/news_dot.jpg) no-repeat 40px center}
#map li ul li ul li a{font-weight:normal; font-size:12px; color:#999}