/* CSS Document */ * { margin: 0; padding: 0; } body { font-size: 12px; font-family: "Microsoft YaHei", Tahoma, Arial; color:#333; letter-spacing:0.5px; } a { text-decoration: none; color:#333; } a:hover { text-decoration:underline } a img { border: 0; } * { word-break:break-all; } ul, li { padding:0px; margin:0px; list-style-type: none; } .Cle { font-size:0; line-height:0; height:0; display:block; clear:both; } .t10{margin-top:10px;} .t20{margin-top:15px;} a {blr:expression_r(this.onFocus=this.blur())} area {blr:expression_r(this.onFocus=this.blur())} /*标题颜色样式*/ .tb{font-weight:bold;} .c1{color: #000000;} .c2{color: #FFFFFF;} .c3{color: #FFFF00;} .c4{color: #00FF00;} .c5{color: #00FFFF;} .c6{color: #FF00FF;} .c7{color: #FF0000;} .c8{color: #0000FF;} .c9{color: #008080;} /*menu*/ #nav {margin:0; width:1000px; display:block; height:35px;margin-bottom:10px;} #nav .jquery_out {float:left;line-height:35px;display:block; text-align:center; color:#fff;font:18px/32px "微软雅黑"; background:#2CAF98;} #nav .jquery_out .smile {padding-left:1em;} #nav .jquery_inner {margin-left:16px;} #nav .jquery {margin-right:1px;padding:0 2em;} #nav .mainlevel {float:left; width:125px;/*IE6 only*/} #nav .mainlevel a {color:#FFF; text-decoration:none; line-height:37px; display:block; width:125px; text-align:center; font-weight:bold} #nav .mainlevel a:hover {color:#FFF; text-decoration:none; width:125px; background: url(../images/menuov.gif) repeat-x} #nav .mainlevel ul {display:none; position:absolute; z-index:100000; background:url(../images/smenu.png) bottom no-repeat; width:130px; padding:0px 15px; margin-left:-15px } #nav .mainlevel li {border-top:1px dotted #004198; height:37px;line-height:37px;/*IE6 only*/ margin-top:-1px} #nav .mainlevel li a{ color:#004198; font-weight:normal;text-align:left; padding-left:10px} #nav .mainlevel li a:hover{height:37px;line-height:37px; background:url(../images/sjt.png) left no-repeat; padding-left:15px; color:#004198} #qucmenu{ width:50px; height:200px; background:url(../images/qucbg.gif) no-repeat; position:absolute; right:35px} #qucmenu li{ overflow:hidden; height:50px;} #qucmenu li a{line-height: 50px; display: block; text-indent: -77777px; position: relative;} .mid { width:1070px; margin:0 auto; } .footer{ height:70px; background:url(../images/blogo.png) no-repeat 80px 0px; position:relative} .footer .ew{ position: absolute ; right:20px; top:0px} .footer img{ float:left; margin-left:100px} .country{ position:absolute; right:0px; top:30px; color:#0065b3;} #header { height:115px; } #header h1 { height:62px; position:absolute; margin-top:18px; } #h_r { width:500px; float:right; padding-top:20px; text-align:right; position:relative ;color: #9E9E9E;} #h_r a{color: #9E9E9E;margin-left: 10px;} #nav1{background:url(../images/menubg.gif) repeat-x; height:37px; overflow:hidden; margin:5px 0px 0px;} #nav_l{ width:1070px; float:left} #nav_r{ width:210px; float:right; color:#999999;} #nav_r .key{width:205px;height:25px;line-height:25px;border:0px;background:url(../images/search.gif) no-repeat;margin-top:6px;float:left; padding-left:5px;color:#999999;} #nav_r .search_submit{float:left;margin-top:6px;margin-left:3px;display:inline;} #body1{ padding-top:20px; background:url(../images/nrbg.gif) no-repeat 0px -10px; width:1070px; height:354px; padding:10px; } #body1 h1 font{font-size:12px; padding-left:28px; color:#be0913;} #body2{ padding-bottom:20px} .box1{ float:left; width:405px;background:url(../images/bg.png) 0px 41px repeat-x} .tit1{ width:405px; float:left; padding-bottom:11px; background:url("../images/tit1.gif") bottom no-repeat; height:30px} .tit1 h1,.box2 h1,.box3 h1{ height:26px; font-size:14px; line-height:15px;} .box1_L{ float:left; width:125px; padding:10px} .box1_R{ float:left; width:245px; padding-top:10px} .box1_t{ width:120px; height:93px; border:1px solid #CACACA;} .box1_t img{padding:3px;} .box1_z{ line-height:25px; width:245px; overflow:hidden;color:#747474;} .box1_z a{ color:#f28000; text-decoration:none;} .box1_bottom{width:380px; float:left; border-top:1px dotted #bababa; height:80px; padding:15px 0px 0px 10px ; margin-top:10px; margin-left:15px} .box1_bottom li{ background:url(../images/dian.gif) left no-repeat; float:left; width:95px; text-align:left;} .box1_bottom li a{ color:#797979; padding-left:10px; line-height:26px} .boxright{ width:210px; float:left;margin-top:15px; margin-left:10px} .boxright .title{ background:url(../images/khfw.png) left no-repeat; height:22px;} .boxright .tel{ background: url(../images/tel.gif) left no-repeat; height:35px; padding-left:40px; color:#0065b3; font-family:黑体; font-weight:bold; font-size:14px; line-height:35px} .boxright .mail{ background: url(../images/mail.gif) left no-repeat; height:35px; padding-left:40px; color:#0065b3; font-family:黑体; font-weight:bold; font-size:14px; line-height:25px} .box2{ float:right; width:322px; line-height:28px;} .tit2{ width:322px; float:left; padding-bottom:11px; background:url("../images/tit2.png") left bottom no-repeat;} .tit4{ width:322px; float:left; padding-bottom:11px; background:url("../images/tit4.png") left bottom no-repeat;} .box2_L{ float:left; width:65%; background:url("../images/z_i.gif") left no-repeat; padding-left:25px;} .box2_LL{width:185px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .box2_R{ float:right; width:25%; color:#898989; } .box3{ border:1px solid #d5d5d5;} .tit3{ width:86px; float:left; padding-bottom:11px; background:url("../images/pro.png") left no-repeat; height:60px; border-right:1px solid #CCC; margin-right:15px} .box3_L2{ width:890px; height:70px; overflow:hidden; margin-left:5px;} .box3_L2 td img{height:66px; width:100px; } .box-1{ padding:10px 0;text-align:justify;text-justify:inter-ideograph; line-height:25px} .box-1 ul.new_index{} .box-1 ul.new_index li{ padding-left:14px; background:url("../images/sub_lit.gif") left no-repeat} .box-1 ul.product_index{} .box-1 ul.product_index li{ width:130px;float:left; padding:5px; padding-left:0;} .box-1 ul.product_index li a{ line-height:25px; display:block; width:120px; background:#CCC; padding-left:5px} #foot{ margin:40px auto 0px; line-height:22px; color:#fff; text-align:center; padding:20px 0px 0px;border-top:1px solid #ccc; background:#004198} #foot a{ color:#fff} #body3{ padding:20px 0} #body3_l{ width:230px; float:left;} .body3_l1{ padding-top:28px; font-size:14px; font-family:黑体; color:#fff; font-weight:bold; padding-bottom:10px; background:url(../images/titbg.gif) no-repeat; padding-left:15px} .body3_l1 span{ font-size:12px; color:#c6cbcb; font-family:Arial; padding-left:5px} .body3_l2 { border-left:1px solid #dddddd;border-right:1px solid #dddddd; width:214px; margin-left:1px; padding:4px} .body3_bo{ width:226px; height:28px; background:url(../images/titbo.gif) no-repeat} #body4_l{ width:195px; float:left; padding-left:5px;} .body4_l1{line-height:35px; font-size:16px; color:#B70912; font-weight:bold; padding-bottom:10px;} .body4_l2 ul{} .body4_l2 ul li{ line-height:23px; padding-left:12px; background:url("../images/leftmenubg1.gif") left no-repeat} .about_r1{ width:621px; background:url(../images/about.png) no-repeat;height:117px;} .about_r1 .catname{ float:right;color:#fff; font-size:18px; font-family:黑体; padding:20px 60px} .about_r1 .catname span{ color:#8c9fa8; float:right; font-size:12px; line-height:22px; font-weight:bold; padding-left:15px; } #body3_r{ width:650px; float:left; margin-left:10px; background: url("../images/rnrbg.gif") repeat-x;border:1px solid #eeeeee; padding:20px 60px; position:relative; } #body3_r .backhome{ width:22px; height:77px; position:absolute; right:-22px; top:10px;} .body3_r1{ line-height:35px; font-size:16px;font-weight:bold; color:#333; border-bottom:4px #004198 solid} .body3_r1 p{ width:50%; float:right; text-align:right; font-size:12px; font-weight:normal} .body3_r2{ padding:10px 0; line-height:200%; color:#666} .body3_r2 table td{background-color:#fff;height:30px;line-height:30px;padding-left:5px;} .body3_r2 table td #verifycode{float:left;width:60px;margin-right:7px;} .cattiele{ float:left; font-weight:bold; } .news_list li span{float:right;} #right_a2{ padding-top:20px; text-align:left; line-height:27px; font-size:14px; } #right_a2 ul{} #right_a2 ul li{ width:240px; float:left; text-align:center; height:188px;} #right_a2 ul li h3{ font-size:12px; line-height:15px; height:15px; overflow:hidden; text-align:center; } #right_a2 ul li a img{ background:#999; padding:1px;} #banner1{ border-bottom:1px #CCC solid} #page{ color:#666; margin-top:20px;} #page strong{ color:#F00} #page input.page1{ width:20px;} .body3_r3{ border-bottom:1px #CCC solid; margin-top:20px; font-size:14px; color:#333; font-weight:bold} .body3_r5{ width:650px; padding:20px 0;} .p{ padding:15px 0;/* border-bottom:1px #CCC solid*/} .p_img{ width:230px; float:left;} .p_r{ width:400px; float:right} .p_r1{ color:#333; font-size:14px; font-weight:bold; line-height:40px;} .p_cs{ font-size:14px; font-weight:bold; color:#B70912; line-height:60px;} #p_buy{ padding:10px 0; border-bottom:1px #999 dotted; } #p_buy2{ padding:10px 0; line-height:180%; color:#999} .p_class{ border:1px #E6E6E6 solid} .p_class1{ height:28px; line-height:28px; background:url("../images/bg_p01.png"); padding-left:10px; font-size:14px;} .p_class2{ padding:10px;} .p_class2 a{ padding-right:10px; color:#900} .p_class2 a:hover,.p_class2 a.hover{ font-weight:bold; text-decoration:underline} .honor_list{ padding:20px 0} .honor_list li{ width:165px; float:left; text-align:center; margin-bottom:20px} .honor_title{ line-height:40px;} /*产品详细页多图展示*/ #tbody{width:640px;} #mainphoto {cursor:pointer;display:block;} #goleft {float:left;clear:left;margin:0px 5px 0 0px;} #goright {float:right;clear:right;margin:0px 0px 0 5px;} #photos {width:600px;height:56px;line-height:56px;margin:0px;overflow:hidden;} #showArea img {display:block;float:left;margin:1px 5px;cursor:pointer;border:1px solid #ccc} /* 在线客服 QQ*/ #QQFloatDiv { width:118px; margin:0 auto; } #QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");} #QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; } #QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif"); } /* 在线客服 QQ*/ /*滚动图片*/ .a2{ height:128px; width:193px; background:#eaeded; border:#cbc9ca solid 1px; padding:3px;} .boxnew{ width:355px; float:left; margin-left:5px; margin-top:10px;background:url(../images/bg.png) 0px 30px repeat-x} .tabmenu { height:31px;width:355px;} .tabmenu ul {margin:0px; padding:0px; list-style:none; text-align:left;} .tabmenu li {display:inline; line-height:31px; width:115px; } .tabmenu li a {color:#666666; text-decoration:none; padding:5px 26px 6px 26px; font-size:14px; font-weight:bold ;background:url(../images/tab.png) no-repeat;} .tabmenu li a.tabactive {color:#000000; background:url(../images/tabover.png) no-repeat; position:relative;} #tabcontent1,#tabcontent2,#tabcontent3{width:340px;padding:15px 0px; font-size:12px; margin-bottom:5px; } .boxnew_L{ float:left; width:125px; padding-left:5px } .boxnew_R{ float:right; width:195px; color:#0065b3; font-weight:bold } .boxnew_bottom{ width:320px; float:left; border-top:1px dotted #bababa; height:80px; padding:15px 0px 0px 15px ; margin-top:15px} .boxnew_t{ width:125px; height:95px; } .boxnew_z{ line-height:22px; width:195px; overflow:hidden;color:#747474; font-weight:normal} .boxnew_z a{ color:#f28000; text-decoration:none;} .boxnew_bottom ul{ width:100%} .boxnew_bottom li{ float:left;background:url(../images/dian_11.gif) no-repeat left; padding-left:5px; width:320px } .boxnew_bottom li a{color:#797979; line-height:22px;} .boxnew_bottom li span{ float:right; line-height:22px; color:#999999} .boxnew_bottom_LL{width:185px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .boxnew_bottom_R{ float:right; width:25%; color:#898989; } #navsss{background:#ebf0f3;} #navsss h3{cursor:pointer;color:#656565; font-size:12px; line-height:30px; border-bottom:1px #fff solid; margin-top:1px; font-weight:normal;padding-left:15px} #navsss a{display:block;line-height:24px;color:#656565; padding-left:25px; border-bottom:1px solid #fff} #navsss a:hover{background-color:#eee;color:#000;} #navsss div{display:none;border-top:none;} ul#menu, ul#menu ul { list-style-type:none; padding: 0; width:213px; } ul#menu a { display: block; text-decoration: none; line-height:24px; } ul#menu li { margin-top: 1px; background:#ebf0f3; } ul#menu li a { color: #808080; padding-left:18px ; background:url(../images/sanjiao.gif) no-repeat 5px 7px; } ul#menu li a.cur{ background:url(../images/xsanjiao.png) no-repeat 5px 7px;} ul#menu li a:hover { color:#1c5aae; } ul#menu li ul{ width:205px; background:#fff} ul#menu li ul li{ width:213px; } ul#menu li ul li a { color: #808080; padding-left: 25px; background:none } ul#menu li ul li a:hover { color:#1c5aae } .newsLi{ height:80px; padding:20px 0px; border-bottom:1px dashed #c6c6c6;} .newsLi .newimg{ float:left; width:123px; height:80px; margin-right:20px; margin-bottom:20px} .newsLi .newnr{ float:left; text-align:left; line-height:22px; overflow:hidden} .newsLi .newnr a{ color:#373737; font-size:14px; font-weight:bold; display:block} .newsLi .newnr span{ color:#004198; display:block} .newsLi .newnr p{ color:#808080} .catpro{ width:100%; float:left; min-height:180px} .cpimg{ width:210px; height:140px; background:url(../images/cpimg.png) no-repeat; float:left; margin-right:20px; margin-bottom:40px; margin-top:20px;} .cpimg span{ display:block; width:210px; height:25px; background:url(../images/touming.png); margin-top:60px; text-align:center; color:#004198; font-size:14px; font-family:黑体} .protitle{ display:inline-block; padding:4px 6px; background-color:#f5f5f5; border:solid 1px #CCC; font-size:12px; text-align:center; color:#808080; float:left; margin:20px 20px 0px 0px;} .protitle:hover{ background-color:#36F;color:#fff; text-decoration:none; } .cplb{ width:420px; float:right;} #page a{background:#e8e8e8; padding:5px 10px} #page span{background:#e8e8e8; padding:5px 10px; color:#004198} .active_page {background:#004198;font-weight:bold; color:#292929 !important; } .page_link{ padding:0px 10px;} .next_link {WIDTH: 22px; height:15px; overflow:hidden; text-indent:-300px; BACKGROUND: url(../images/page.gif) no-repeat 0px -48px; margin-left:10px;} .previous_link { background:#e8e8e8; overflow:hidden; text-indent:-300px; margin-right:10px;} .next{WIDTH: 38px; height:15px; overflow:hidden; text-indent:-300px; BACKGROUND: url(../images/next.png) 0 7px no-repeat; margin-left:10px;} .previous{WIDTH: 38px; height:15px; overflow:hidden; text-indent:-300px; BACKGROUND: url(../images/prev.png) 0 7px no-repeat; margin-right:10px;} html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span{padding:0;margin:0;} #full-screen-slider { width:100%; height:350px; float:left; position:relative} #slides { display:block; width:100%; height:350px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:50%; top:300px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE}