/*main*/ body{font-size: 12px;margin: 0px auto;font-family:Arial, Helvetica, sans-serif;text-align: center; background:url(/images/top_bg.jpg) top repeat-x;} table,td,div{font-size: 12px;font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; } ul,li,dl,dt,dd{margin:0;padding:0;list-style:none; line-height:normal; } h1,h2,h3,h4,h5{ font-size:12px; margin:0px; padding:0px; } form{margin:0;padding:0;} img{margin:0;padding:0;border:none;} a{color: #686C6F;text-decoration:underline;font-family:Arial, Helvetica, sans-serif;} a:hover { color: #FFAA48; } em{font-style:normal;} .clear{clear:both; padding:0px; margin:0px; height:0px; font-size:0px; overflow:hidden;} .line { border-top: 1px dashed #ccc; } /*container*/ #container{width:1002px;margin:0px auto; text-align:left;} /*top*/ #top{ overflow:hidden; width:100%; text-align:left; } #top #logo{ float:left; height:80px; overflow:hidden; width:269px; text-align:right; } #top #ver{float:left;overflow:hidden; background:url(/images/top_ver_bg.jpg) repeat-x; padding-top:13px; width:733px; } #top #ver .v1{ float:left; color:#fff; font-size:15px; font-weight:bold; width:564px;} #top #ver .v2{ float:right; padding-right:18px; width:140px;} #top #ver .v2 img{ padding-right:5px;} #top #ver .v2 a{ padding-right:10px; color:#000; font-size:11px;} #top #ver .v3{ margin-top:5px; color:#FFFFFF; font-size:10px; float:left; } #top #ver .v4{ float:right; padding-top:5px; font-size:12px; line-height:140%; width:190px; margin-right:20px;} #top #ver .v4 a{ color:#000;} #navb{ margin:-3px auto 0px; text-align:center; width:943px; } #nn{ float:left;} #nav_left{ background:url(/images/nav_left.jpg) no-repeat; overflow:hidden; width:7px; height:33px; float:left;} #nav{ background:url(/images/nav_bg.jpg) repeat-x; overflow:hidden; height:33px; float:left; width:710px;} #nav ul li{ float:left; } #nav ul li a{ color:#fff; display:block; padding-top:8px; width:110px; text-align:center; } #nav ul li a:hover{ background:url(/images/nav_hover.gif) no-repeat center 5px;} #nav ul li.nav_sep{ background:url(/images/nav_sep.jpg) no-repeat center center; overflow:hidden; height:33px; width:2px; } #nav_right{ background:url(/images/nav_right.jpg) no-repeat; overflow:hidden; width:15px; height:33px; float:left;} #search{ float:left; background:url(/images/nav_right_bg.jpg) repeat-x; overflow:hidden; height:33px;} #search_left{ float:left; vertical-align:middle; padding-top:5px;} #search_left a{ padding-left:8px; vertical-align:middle; } #search_left input,#search_left img{ vertical-align:middle;} #search_right{ float:left;background:url(/images/nav_search_right.jpg) no-repeat;overflow:hidden; height:33px; width:10px; } /*banner*/ #banner{ margin:0px auto 8px; width:943px; background:url(/images/banner.jpg) no-repeat; height:117px; overflow:hidden;} #banner #bb{margin:10px 0px 0px 40px; height:117px; } #banner #bb #bb1{ font-size:32px; line-height:28px; font-weight:bold; overflow:hidden; } #banner #bb #bb2{ font-size:20px; line-height:18px; font-weight:normal; margin:0px 0px 38px;overflow:hidden;} #banner #bb h3 a{ font-size:10px; padding-right:5px;} /*mainbody*/ #mainbody{ width:943px; margin:0px auto; } #leftbody{ float:left; width:213px; text-align:center;} #rightbody{ float:left; width:715px; margin-left:15px;} /*leftbody*/ #leftbody{} #left_top{background:url(/images/left-1.jpg) no-repeat; width:100%; height:71px; overflow:hidden; } #left_mid{background:url(/images/left-bj.jpg) repeat-y; width:100%; overflow:hidden; } #left_btm{background:url(/images/left-dibj.jpg) no-repeat; width:100%; height:296px; overflow:hidden; } #left_down{ margin:15px auto 20px; padding:18px 0px; text-align:center; width: 180px;border: 1px solid #d0d0d0; } #left_down em{font-size: 11px;color: #686c6f;} #left_down img{ vertical-align:middle;} #left_down a{ font-size:11px; font-weight:bold;color: #474747; text-decoration:underline;} #left_contact{ text-align:left; margin:0px auto; width:175px;} #left_contact ul li{ text-align:left; font-size:11px; padding:4px 0px;} #left_contact ul li img{ vertical-align:middle; padding-right:5px;} #leftnav{width:100%; margin:0px auto;} #leftnav ul li{ text-align:left;} #leftnav ul li a{ padding-left:35px; font-weight:bold; color:#222222; width:100%; background:url(/images/product_list_mouseout.jpg) no-repeat; overflow:hidden; display:block; height:33px; line-height:33px; vertical-align:middle;} #leftnav ul li a:hover,#leftnav ul li a.now{background:url(/images/product_list_mouseover.jpg) no-repeat;} #leftnav ul li div.subcls{ margin:8px 5px 8px 15px; display:none;} #leftnav ul li div.subcls a{ font-weight:normal; display:block; font-size:11px; width:170px; background:none; line-height:160%; height:auto; padding:3px 0px 3px 10px; background:url(/images/icon1.jpg) no-repeat left center; color: #7F7F7F; text-decoration:underline } #leftnav ul li div.subcls a:hover{background:url(/images/icon2.jpg) no-repeat left center; color:Red; } #leftnav ul li div.subcls a.now{ color:Red;} /*rightbody*/ .pagenav{ background:url(/images/pagenavbg.jpg) no-repeat; height:35px; overflow:hidden; width:715px; line-height:35px; vertical-align:middle;margin:0px 0px 12px ; } .pagenav_left{ color:#4e83eb; font-size:16px; font-weight:bolder; float:left; margin-left:6px;} .pagenav_left em{ color:#5a5a5a; padding-left:5px;} .pagenav_right{float:right; margin-right:15px; font-size:11px;} .pagenav_right a{ font-size:11px;} .pagenav_right em a{ color:#009EFD;} #content{ padding:10px 15px 0px 10px; line-height:170%;} /*footer*/ #footer{ width:100%; height:62px; background:url(/images/di-bj.jpg) repeat-x; overflow:hidden; margin-top:20px; font-size: 11px;color: #686C6F; } #foot_left{float:left; padding-left:50px;color: #686C6F; line-height:62px; vertical-align:middle; width:400px; height:62px;} #foot_left a{font-size: 11px; padding:0px 2px;} #foot_mid{ float:right; width:540px; line-height:62px; vertical-align:middle;font-weight:bold;font-size: 11px; height:62px; } /*news*/ #news{ margin:10px 25px;} #news ul li{ background:url(/images/icon2.jpg) no-repeat left center; overflow:hidden; margin:7px 0px;} #news ul li a{ padding-left:15px; padding-right:30px;} #shownews{ margin:10px 20px; text-align:center;} #shownews h1{ font-size:14px; margin:8px auto;} /*product*/ #product{ margin:10px 0px;} #product ul li{ margin:5px 0px;} .pro_left{ float:left; width:200px; height:136px; border:1px #ccc solid; overflow:hidden; text-align:center; padding:8px 0px;} .pro_right{float:left; margin-left:13px; width:442px; padding-top:5px;} .pro_right p{ margin:0px; padding:0px;} .pro_right dl dt{font-weight: bold;color: #005cbd; } .pro_right dl dt a{ font-weight: bold;color: #000; text-decoration:underline; font-size:14px;} .pro_right dl dt a:hover{color: #666666;} .pro_right dl dd{ line-height:170%;font-size:11px;color: #525252;} .pro_right dl dd*{ font-size:11px;} .pro_right dl dd.simple{border-bottom:1px #ccc dashed; margin:8px 0px; padding-bottom:5px; } .pro_right dl dd div.d1{ width:300px; float:left; height:25px; vertical-align:middle; background:url(/images/pro_pdf.jpg) 10px 7px no-repeat;} .pro_right dl dd div.d1 a{ color:Red; font-size:11px; text-decoration:underline; padding-left:30px; font-weight:bold; height:25px; line-height:30px; } .pro_right dl dd div.d2{ float:right; height:25px; vertical-align:middle;} .pro_right dl dd div.d2 img{ vertical-align:middle; } .tms{ margin:8px 0px; padding-bottom:5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc;font-size:11px;color: #525252; } #showpt{ text-align:center;} #showpt h1{ font-size:14px; margin:5px auto;} #showpt_down{ text-align:left; height:35px; line-height:35px; vertical-align:middle; } #showpt_down a{color:Red; font-size:11px; font-weight:bold; padding-left:20px; text-decoration:underline; background:url(/images/pro_pdf.jpg) left center no-repeat; overflow:hidden; } #showpt_down img{ vertical-align:middle;} #showpt_content{ text-align:left; line-height:180%;} /*index*/ .index_pagenav{ background:url(/images/pagenavbg1.jpg) no-repeat; height:35px; overflow:hidden; width:715px; line-height:35px; vertical-align:middle;} .index_pagenav_left{ color:#4e83eb; font-size:16px;font-weight:bolder; float:left; margin-left:12px;} .index_pagenav_left em{ color:#5a5a5a; padding-left:5px;} .index_pagenav_right{float:right;vertical-align:top;} .index_pagenav_right a img{ vertical-align:top; padding-right:15px; padding-top:10px; } #index_about{ background:url(/images/ab.gif) left top no-repeat; overflow:hidden; width:715px; padding:10px 0px; margin-bottom:10px; } #index_about_img{ float:left; width:237px; margin-left:10px;} #index_about_img img{ vertical-align:middle;} #index_about_c{ float:left; margin-left:12px; line-height:170%; width:423px; font-size:11px;margin-right:10px;} #index_product{background:url(/images/ab1.gif) left top no-repeat; overflow:hidden; width:715px; padding:10px 0px; } #index_product ul{ margin:0px auto; width:95%; } #index_product ul li{ float:left; margin:4px 7px 4px 2px;} #index_product ul li dl dt{width:209px; height:142px; background:url(/images/probj.jpg) no-repeat; overflow:hidden; text-align:center; } #index_product ul li dl dt img{ margin:8px auto; vertical-align:middle; text-align:center;} #index_product ul li dl dd{ text-align:center; margin:6px auto;} #index_product ul li dl dd a{ color:#000; font-weight:bold; font-size:11px;} #index_product ul li dl dd em a{ color:#008AFF; font-size:11px; font-weight:bold;} /*download*/ #down_class{ margin:5px 0px;} #down_class ul li{ float:left; background:url(/images/icon2.jpg) no-repeat left center; overflow:hidden; padding:0px 10px;} #down_list{ margin:10px 10px;} #down_list table{ width:680px;border-collapse:collapse; border-color:#DDDDDD; } #down_list table th{ background:#F4F6F8;height:25px; line-height:25px; vertical-align:middle;padding-left:25px; } #down_list table td{ height:25px; line-height:25px; vertical-align:middle; padding-left:25px;} #down_list table td a{ font-size:11px; color:#000000;} #down_list table td em{} #down_list table td em a{color:Red; font-size:11px; font-weight:bold; text-decoration:underline; background:url(/images/pro_pdf.jpg) left center no-repeat; overflow:hidden; padding-left:18px;} /*sitemap*/ #sitemap{ margin:0px 0px 0px 20px;} #sitemap li{ padding:10px 0px; } #sitemap li a{ font-size:14px; text-decoration:underline; font-weight:bold;} #sitemap li ul{ margin:5px 0px 5px 20px;} #sitemap li ul li{float:left; padding:5px 0px; width:25%;} #sitemap li ul li a{ font-size:12px; font-weight:normal;}