* { margin:0; padding:0 } body { font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:12px; background:#c7c7c7; color:#484848; } ul { list-style:none } .clear { clear:both } h1 { font-size:14px; color:#d5181c;} img { border:0; } a { text-decoration:none; color:#505050; } a:hover { text-decoration:underline; } .red { color:#F00; } .block { font-weight:bold; } body, ul, ol, li, p, h1, h2, h3, h4, table, td, th, form, img, dl, dt, dd, input, select, textarea { margin:0; padding:0; } #warp { width:960px; margin:0 auto; background:#FFF; } #header { margin:0 auto; width:890px; height:102px; } #banner { margin:10px auto; width:890px; height:329px; background:url(/ver3.2/images/banner.jpg) no-repeat;} #nav { border-bottom:#dfdfdf solid 1px; height:32px; margin:0 auto; width:890px; } #contant { margin:0 auto; width:890px; height:315px; margin-top:12px; } #footer { margin:0 auto; width:890px; height:42px; border-top:#e8e8e8 solid 1px; } /* header */ .logo { width:346px; height:45px; background:url(/ver3.2/images/logo.gif) no-repeat; text-indent:-9999px; margin-top:25px; position:absolute; margin-left:2px; } .logo a { display:block; height:346px; height:45px; } .header_link { float:right; margin-right:15px; margin-top:60px; font-size:12px; } /* nav */ .menucontainer { border-top: #dfdfdf solid 1px; padding-top:1px; } .menu { float:left; width:100%; position:relative; font-size:14px; font-weight:bold; background:#e8e8e8; } .menu ul { padding:0; margin:0; list-style-type:none; float:left; position:relative; } .menu ul li { float:left; position:relative; display:inline; margin-left:35px; } .menu ul li a, .menu ul li a:visited { float:left; display:block; text-decoration:none; color:#000; width:auto; color:#666; padding:0px 16px 0px 16px; line-height:29px; height:29px; } * html .menu ul li a, .menu ul li a:visited { width:auto; w\idth:auto; } .menu ul li ul { display:none; } .menu ul li ul li { background:none; } table { margin:-1px; border-collapse:collapse; font-size:12px; } table a { font-weight:100; } .menu ul li:hover a { color:#e04239; } .menu ul li:hover ul { display:block; position:absolute; top:33px; left:-35px; width:100%; } .menu ul li:hover ul li a { display:block; background:url(/ver3.2/images/list_a_bg.gif) no-repeat; color:#585858; line-height:31px; padding:2px 16px 2px 16px; width:154px; height:31px; margin-top:-4px; } .menu ul li:hover ul li a:hover { color:#585858; background:url(/ver3.2/images/list_ahover.gif) no-repeat; } .menu ul li a:hover { background:#f8f8f8; } #contact_us li { background:url(/ver3.2/images/contact_ico.gif) left center no-repeat; padding-left:25px; } #contact_us li a:hover { background:none} /* footer */ .banquan { line-height:42px; color:#666666; } .footer_link { position:absolute; margin:10px 0 0 680px; } /* pro_index */ .menucontainer { border-top: #dfdfdf solid 1px; padding-top:1px; } .pro_menu { float:left; width:100%; position:relative; font-size:14px; font-weight:bold; background:#e8e8e8; z-index:999;} .pro_menu ul { padding:0; margin:0; list-style-type:none; float:left; position:relative; } .pro_menu ul li { float:left; position:relative; display:inline; margin-left:19px; } .pro_menu ul li a, .pro_menu ul li a:visited { float:left; display:block; text-decoration:none; color:#000; width:auto; color:#666; padding:0px 16px 0px 16px; line-height:29px; height:29px; } * html .menu ul li a, .pro_menu ul li a:visited { width:auto; w\idth:auto; } .pro_menu ul li ul { display:none; } .pro_menu ul li ul li { background:none; } table { margin:-1px; border-collapse:collapse; font-size:12px; } table a { font-weight:100; } .pro_menu ul li:hover a { color:#e04239; } .pro_menu ul li:hover ul { display:block; position:absolute; top:33px; left:-20px; width:100%; } .pro_menu ul li:hover ul li a { display:block; background:url(/ver3.2/images/list_a_bg.gif) no-repeat; color:#585858; line-height:31px; padding:2px 16px 2px 16px; width:154px; height:31px; margin-top:-4px; } .pro_menu ul li:hover ul li a:hover { color:#585858; background:url(/ver3.2/images/list_ahover.gif) no-repeat; } .pro_menu ul li a:hover { background:#f8f8f8; } .small_list li{ font-size:10px; text-indent:-10px;} #pro_contant { margin:0 auto; width:890px; height:132px;margin-top:12px; background:#e8e8e8; border:#0F5 solid 1px;} .pro_index_part1 { width:281px; height:130px; float:left; display:inline; border:#0FF solid 1px;} .pro_index_part2 { width:348px; height:130px; float:left; display:inline;} .pro_index_part3 { width:257px; height:130px; float:left; display:inline;} .pip1_img { width:119px; height:55px; background:url(/ver3.2/images/pri_index_bg.gif) 0 -14px; position:absolute; margin:37px 0 0 17px; } .pip2_img { width:130px; height:97px; background:url(/ver3.2/images/pri_index_bg.gif) 0 -71px;position:absolute; margin:19px 0 0 7px;} .pip3_img { width:69px; height:95px; background:url(/ver3.2/images/pri_index_bg.gif) -154px -14px; position:absolute; margin:19px 0 0 2px; } .pip1_title { width:70px; height:14px; background:url(/ver3.2/images/pri_index_bg.gif) no-repeat; position:absolute; margin:23px 0 0 151px;} .pip2_title { width:70px; height:14px; background:url(/ver3.2/images/pri_index_bg.gif) no-repeat -70px 0;position:absolute; margin:23px 0 0 155px;} .pip3_title { width:70px; height:14px; background:url(/ver3.2/images/pri_index_bg.gif) no-repeat -154px 0;position:absolute; margin:23px 0 0 86px;} .pip_p1,.pip_p2,.pip_p11,.pip_p22,.pip_p111,.pip_p222{ position:absolute; color:#7b7b7b} .pip_p1 { position:absolute; margin:54px 0 0 151px; } .pip_p2 {position:absolute; margin:75px 0 0 151px; } .pip_p11 { position:absolute; margin:54px 0 0 158px; } .pip_p22 {position:absolute; margin:75px 0 0 158px; } .pip_p111 { position:absolute; margin:54px 0 0 85px; } .pip_p222 {position:absolute; margin:75px 0 0 85px; } .pip_link { background:url(/ver3.2/images/red_ico.gif) no-repeat right center; width:80px; position:absolute; margin:103px 0 0 153px; } .pip_link a { color:#dc3232;}