body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;font-weight:normal;} h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0;} body{ margin:0;padding:0;font: normal 12px/1.5em "宋体","Arial","Helvetica","Tahoma","sans-serif";color:#333;} a,a:visited {text-decoration:none; color:#444;} a:hover,a:active {text-decoration: underline;color:#009eff;} select{ font-size:12px;} table{border-collapse:collapse;border-spacing:0;} img,abbr,acronym{border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;} input,table,select,option,textarea,button,fieldset,legend { font-family:"Arial","Helvetica","Tahoma","sans-serif";} ol,ul{list-style:none;} caption,th{text-align:left;} .left { float:left;}.right { float:right;}.clear { clear:both; height:1%;} .none {display:none;} .margin_right { margin-right:10px;} .margin_bottom { margin-bottom:10px;} .margin_left { margin-left:10px;} .margin_top { margin-top:10px;} .span01 { margin-right:120px;} .span02 { margin-right:40px;} .a03 { color:#FD5052;} .img01 { margin-top:25px; width:100%; text-align:center;} /*************** **************public layout style !!!****************************/ #head ,#warper { width:950px; margin:0 auto;} #warper { margin-top:10px;} #footer { width:890px; margin:0 auto; padding:10px 30px; background:transparent url(../image/footer_bg.gif) left top repeat-x; height:42px; text-align:left;} /*************** **************home_index layout style !!!****************************/ .logo { width:950px; height:42px; padding-top:10px;} .logo img { float:left; width:342px; height:42px;} .logo ul { width:350px; float:right; padding-top:16px;} .logo ul li { float:left; padding:0 20px; background:transparent url(../image/bg.gif) -940px 6px no-repeat; overflow:hidden;} .head_nav { margin-top:10px; width:950px; background: transparent url(../image/nav_bg01.gif) left top no-repeat; height:28px; line-height:28px; overflow:hidden;} .head_nav ul { width:950px; float:left; background: transparent url(../image/nav_bg02.gif) right top no-repeat; height:28px; line-height:28px; overflow:hidden;} .head_nav ul li { float:left; padding:0 13px;height:28px;background:url(../image/nav_line.gif) right top no-repeat; overflow:hidden;} .head_nav ul li img { float:left; padding-top:5px;} .seach { width:260px;} .seach span, .seach input { float:left;} .seach_border { height:20px; line-height:20px; border:1px solid #024268;} .seach_btn { width:18px; height:18px; margin:0 0 0 4px; background: transparent url(../image/bg.gif) -933px -119px no-repeat; border:0; overflow:hidden;} .seach span { font-size:14px; line-height:24px; font-weight:bold; color:#024268;} .home_left { width:690px;} .home_right { width:250px;} .flash { width:690px; height:208px; background:transparent url(../image/flash_line.gif) left bottom no-repeat; overflow:hidden;} .home_infor { width:690px; height:37px; background:transparent url(../image/bg.gif) left -4px no-repeat; overflow:hidden;} .home_infor dl { width:690px; height:37px; float:left;} .home_infor dl dt { float:left; width:140px; height:26px; padding-top:11px;} .home_infor dl dd { float:left; width:239px; padding:9px 10px 0 26px; text-align:left; background: transparent url(../image/bg.gif) -930px -581px no-repeat; overflow:hidden;} .home_content { width:340px;} .home_content h6 { width:330px; padding:5px 0 0 10px; text-align:left; background:url(../image/title_bg.gif) repeat-x; height:28px; overflow:hidden;} .home_content h6.padding_h601 {padding:4px 0 0 10px;} .home_content p { text-align:justify; text-indent:2em; padding:5px 10px; line-height:19px;} #marquee { position:relative;width:340px;overflow:hidden;} #marquee img { width:93px; height:134px; padding:1px; border:1px solid #ccc;} #marquee dl, #marquee dt,#marquee dd,#marquee a { float:left;} #marquee a:hover { color:#009eff;} #marquee a { width:97px; height:165px; overflow:hidden; display:inline; margin:10px 10px 0 10px; color:#024164; font-weight:bold;} #marquee a span { width:97px; float:left; margin-top:10px;} #marquee dl{ width:1000%;height:180px;} .zhuy_portects { width:248px; border:1px solid #8CBAD1; border-top:none;} .zhuy_portects h6 { width:238px; padding:4px 0 0 10px; text-align:left; background:transparent url(../image/title_bg.gif) repeat-x; height:28px; overflow:hidden;} .zhuy_portects ul { float: left; width:223px; height:297px; padding:5px 10px 0 15px; background:transparent url(../image/protects.jpg) left bottom no-repeat; overflow:hidden;} .zhuy_portects ul li { width:178px; line-height:21px; text-align:left; padding-left:40px; float:left; background: transparent url(../image/bg.gif) 30px -589px no-repeat; overflow:hidden;} .zhuy_portects ul li.li01 { width:218px; line-height:21px; text-align:left; padding-left:10px; float:left; background: transparent url(../image/bg.gif) left -589px no-repeat; overflow:hidden;} .zhuy_portects ul li a { color:#024164;} .zhuy_portects ul li a:hover { color:#009eff;} .zhuy_portects ul li.li01 a { font-weight:bold; color:#024164;} .zhuy_portects ul li.li01 a:hover { color:#009eff;} .zhuy_portects ul li a.a02 { float:left; display:block; color:#024164; width:157px; font-weight:bold; padding-left:15px; background:transparent url(../image/bg.gif) 5px -587px no-repeat; overflow:hidden; } .zhuy_portects ul li a.a02:hover { color:#009eff;} .home_contact { width:250px; margin-top:10px; height:87px; background: transparent url(../image/bg.gif) left -242px no-repeat; overflow:hidden;} .home_contact ul { width:200px; padding:38px 20px 0 30px; line-height:16px; float:left; text-align:left;} .home_contact ul li { float:left; width:100%; color:#024164;} .home_contact_other { width:250px; height:145px; background: transparent url(../image/bg.gif) left -330px no-repeat;} .home_contact_other ul { width:220px; padding:10px 20px 0 10px; float:left; text-align:left;} .home_contact_other ul li { float:left; width:100%; line-height:16px; color:#024164;} .friends_links { width:690px; height:93px; overflow:hidden;} .friends_links h6 { width:680px; padding:5px 0 0 10px; text-align:left; background:transparent url(../image/title_bg.gif) repeat-x; height:28px; overflow:hidden;} .friends_links ul { width:670px; padding:5px 0 5px 0; float:left;} .friends_links ul li { float:left; margin:0 9px 0 10px; display:inline; text-align:left;} .friends_links ul li img { float:left; width:82px; height:32px; border:1px solid #dbdbdb;} /*************** **************company_column layout style !!!****************************/ .warper_left { width:182px; min-height:456px; _padding-bottom:190px; background: transparent url(../image/bg.gif) -251px -42px no-repeat } .products { width:182px;} .products h6, .products h6 img { width:100%; float:left; height:22px;} .products ul { width:182px; float:left; padding:8px 0;} .products ul li {width:172px; padding:0 10px 0 0; height:24px; line-height:24px; text-align:left; background: transparent url(../image/bg.gif) right -244px no-repeat; overflow:hidden; float:left;} .products ul li a {float:left; display:block; color:#024164; width:142px; padding-left:30px; background:transparent url(../image/bg.gif) 20px -587px no-repeat; overflow:hidden;} .products ul li a:hover { color:#009eff;} .products ul li a.a02 { float:left; display:block; color:#024164; width:157px; font-weight:bold; padding-left:15px; background:transparent url(../image/bg.gif) 5px -587px no-repeat; overflow:hidden; } .products ul li a.a02:hover { color:#009eff;} .warper_right { width:758px;} .column_pic { width:758px; height:133px; background: transparent url(../image/bg.gif) left 130px no-repeat; overflow:hidden;} .column_cont { width:758px; padding-bottom:50px;} .nav_crumbs { width:758px; height:30px; line-height:30px; background: url(../image/small_nav_bg.gif) repeat-x ;} .nav_crumbs ul { width:728px; text-align:left; float:left; padding-left:30px; font-size:14px; background:transparent url(../image/bg.gif) -930px -46px no-repeat; } .nav_crumbs ul li { float:left; padding:0 5px; } .nav_crumbs ul li img { float:left; padding-top:11px;} .column_cont_left { text-align: justify; width:623px;} .column_cont_left p {text-align: justify; float:left;} .column_cont_right { width:133px; border:1px solid #E4EBF1; border-bottom: none;} .column_cont_right img { width:125px; height:49px; padding:4px; border-bottom:1px solid #E4EBF1;} /*************** **************products_column layout style !!!****************************/ .products_seach { width:170px; padding:10px 6px;} .products_title { float:left; width:51px; color:#024164;} .products_seach_border { width:112px; height:17px; float:left; border:1px solid #E3ECF1;} .products_seach select { width:166px; height:19px; float:left; margin-top:8px; color:#777; border:1px solid #E3ECF1;} .products_seach select option { color:#444; } .products_seach_btn { width:46px; height:21px; float:left; border:none; margin-top:8px; background: transparent url(../image/bg.gif) left -476px no-repeat; overflow:hidden;} .ad_txt { margin:8px 0 0 10px; height:21px; line-height:21px;} .products_list,.news_list { width:603px; margin:10px; display:inline;} .products_list h6,.news_list h6{ float:left; width:593px; padding-left:10px; text-align:left; color:#024164; border-bottom:1px solid #bdd7e4;} .products_list table { width:603px; float:left; margin-top:5px;} .products_list table,.products_list table tr ,.products_list table td { border:1px solid #fff;} .products_list table tr { background:#f3f6f8; height:20px; line-height:20px; } .products_list table td { padding-left:3px; text-align:left;} .products_list_title { background:url(../image/products_title_bg.gif) repeat-x; height:23px; line-height:23px; color:#0a8ad4;} /*************** **************news_column layout style !!!****************************/ .news_list ul { float:left; width:603px; padding:20px 0 10px 0; margin-top:1px; background:url(../image/news_cont_bg.gif) repeat-x;} .news_list ul li { float:left; width:573px; height:25px; line-height:26px; padding:0 10px 0 20px; background:transparent url(../image/bg.gif) 10px -525px no-repeat; overflow:hidden; border-bottom:1px dotted #d5d5d5;} .news_list ul li span { color:#a9a9a9;} /*************** **************HR&message_column layout style !!!****************************/ .column_cont_left p.p01 { text-indent:0; line-height:26px; width:550px; padding:15px 25px;} .column_cont_left p.p01 span{ width:100%; display:block; clear:both;} .column_cont_left p.p01 span.span03 { width:286px; font-size:14px;} .span04 { width:100%; font-size:14px; font-weight:bold;} .cont01 { width:600px; padding:10px; color:#444;} #.cont01 table { width:600px;} .cont01 div { float:left;} .cont01 h1 { float:left; width:580px;} #.cont01 table.MsoTableGrid { width:600px;} .column_cont_left dl { float:left; width:583px; margin: 0 20px; display:inline; padding-bottom:8px; border-bottom: 1px solid #bdd7e4;} .column_cont_left dl dt { float:left; width:583px; margin:25px 0 15px 0; font-size:14px; font-weight:bold;} .column_cont_left dl dd { float:left; width:290px;} .contant { width:620px; text-align:justify; } .author { width:100%; text-align:right; margin-top:20px;}