*{ margin:0; padding:0;outline:0;} .fl{ float:left;} .fr{ float:right;} .clearfix:after{ content:""; font-size:0px; height:0; _line-height:0; display:block; clear:both; visibility:hidden;} .clearfix {*zoom:1; _zoom:1;} .clear{ clear:both;font-size:0px; height:0; _line-height:0; display:block;visibility:hidden;} ul,li{ margin:0; padding:0; list-style:none;} a{ text-decoration:none; color:#333333; border:0; padding:0; margin:0;cursor:pointer;} img{ border:0;} .rfont{ font-family:Arial} /*公共样式*/ body{ font-size:12px; font-family:宋体; color:#333333; background:url(../images/bady_bj.jpg) 0 0 repeat-x; } .container{ margin:0 auto; width:998px;} .container2{ margin:0 auto; width:998px;} .bold_14{font-size:14px; font-weight:bold;} .wryh{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu ;} .titleX{ height:32px; background-color:#fff} .titleX span{ margin-right:2px; color:#e60230;font-size: 40px; line-height: 32px;} .titleX p{line-height: 16px; } .titleX p label{ padding-left:4px; color:#333333 } .titleX p .wryh{padding-left:0;color:#8a8a8a;font-size:14px;} /*容器和body*/ /*头部开始*/ #header{ height:145px; overflow:hidden; } #head_top{ height:12px; padding:10px 0 11px 0; overflow:hidden} #head_top p{ height:12px; padding-top:1px; line-height:12px; } #head_top p span{ color:#ff0000} #language { text-align:right; height:12px; display:inline; } #language ul li { display:inline; padding-top:1px; line-height:12px; margin:0 5px } #language ul li img { margin:0 3px 0 0 ; height:12px; } #language ul li a {vertical-align:top;border-right:1px solid #000; padding-right:10px;} #language ul li .last{ border:none; padding-right:0;} #head_middle{ height:74px;} #logo{ width:688px; height:73px; display:block ; } #dianhua{ height:67px; width:278px; overflow:hidden; } /*导航栏开始 */ #navigation{ height:35px;overflow:hidden; z-index:1000} #navigation ul li {float:left; padding:0 2px 0 0px;background:url(../images/nav_br.jpg) right no-repeat; text-align:center} #navigation ul li a { display:block; padding:12px 0px 9px 0px; width:105px; height:14px; font-size:14px; color:#010000; line-height:14px; font-weight:bold } #navigation ul .last{background:none; padding-right:0;} #navigation ul .first{ width:193px;background-color:#000; font-weight:bold; text-align:left; } #navigation ul .first span{ display:block; padding:12px 0px 9px 22px;background:url(../images/selec_bg2.jpg) 11px 14px no-repeat; color:#fff;line-height:14px; } #navigation ul li a:hover{color:#F13131;font-weight:bold;} #navigation ul li ul{ display:none; position:absolute; width:193px; z-index:899;background:url(../images/bj.png) 0 0 repeat; } #navigation ul li ul li{ position:relative; width:191px; padding-right:0;border:1px solid #000; border-bottom:1px solid #242424; background:none;color:Red;z-index:1000; text-align:left} #navigation ul li ul li a{ padding-left:22px; background:url(../images/buttonX.gif) 9px -18px no-repeat; color:#9d9d9d} #navigation ul li ul .select{ background:url(../images/selec_bg.jpg) 174px 14px no-repeat; background-color:#0a0a09;border-left:1px solid #0a0a09; border-right:1px solid #0a0a09; } #navigation ul li ul li a:hover{ background:url(../images/buttonX.gif) 9px 10px no-repeat;} #nav li .VeryHuoCom {width:107px;background:#ffffff;position:absolute;display:none; z-index:9999; } #nav li .VeryHuoCom dd{ width:107px; text-align:center; height:33px; line-height:33px; background:url(../images/ej1.jpg) no-repeat 0 11px;} #nav li .VeryHuoCom dd a{ display:block; color:#000;font-size:14px; font-family:Microsoft YaHei;} #nav li .VeryHuoCom dd a:hover{ background:url(/images/nav.jpg) no-repeat;color:#F13131;} #navigation ul li ul li .a_buttonX{background:url(../images/buttonX.gif) 9px 10px no-repeat;} #navigation ul li ul li ul {display:none;position:absolute; left:192px;top:-1px; width:172px; } #navigation ul li ul li ul li{ background-color:#0a0a09; border:none; text-align:center } #navigation ul li ul li ul li a{width:172px;background:none; padding-left:0; font-size:12px; color:#9d9d9d } #navigation ul li ul li ul li a:hover{ color:#fff;background:none;} #navigation ul li ul li ul .select{ background:none; background-color:#0a0a09; border:none;} /*导航栏结束*/ /*banner开始*/ #banner{ height:373px;z-index:23; position:relative; overflow:hidden; margin:0 auto; } .www51buycom { width: 1012px; height: 292px; margin:12px auto; position: relative; overflow:hidden; margin-bottom: 15px; background:url(../images/banner_bj_1.jpg) no-repeat; } .www51buycom img {width: 1000px; height: 280px; margin:6px 0 0 5px; } /*数字按钮样式*/ .www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 } .www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; } .www51buycom .num li.on { background: #FF7700; } /*当前项*/ /*上一个 下一个*/ .www51buycom .prev, .www51buycom .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;} .www51buycom .prev { left: 0; } .www51buycom .next { right: 0; background-position: right } /*banner结束*/ /*头部结束*/ /*内容开始*/ #content{ margin-top:12px; padding:0 1px;} /*内容上部开始*/ #search{ height:32px; width:998px; margin:15px auto; overflow:hidden; background:url(../images/serch.jpg) no-repeat } #searchBox{ width:250px; height:32px; overflow:hidden } #searchBox .text{ float:left; height:12px; border:none; width:203px; padding:10px 0 10px 5px; background:url(../images/search_bg.jpg) 0 3px no-repeat; color:#bbbbbb; line-height:12px;} #searchBox .submit{ height:32px;width:32px;border:none;background:url(../images/search_sub.jpg) 0 0 no-repeat;cursor:pointer } /*内容上部的热门新闻开始*/ #content_top{ height:257px; margin-bottom:12px; overflow:hidden;} #content_top_gsxw{ height:257px;width:403px; background:url(../images/gs_bj.jpg) no-repeat; } #content_top_gsxw h3 { font-size:14px; width:375px; height:23px; color:#020000; font-weight:normal; margin-left:15px; margin-top:10px;} #content_top_gsxw span { *margin-top:-15px; display:block; color:#ba0303; float:right; font-weight:bold; } .gsjs { width:380px; height:200px; overflow:hidden; margin-left:15px; margin-top:10px;} .gsjs img { width:376px; height:98px; margin-bottom:5px; } .gsjs p { line-height:20px; font-size:12px; color:#414450} /*内容上部的热门新闻结束*/ /*内容上部的公司简介开始*/ #content_top_gsjj{ width:575px; margin-left:20px; height:257px; background:url(../images/news_bj.jpg) no-repeat; } #content_top_gsjj h3 { font-size:14px; width:535px; height:23px; color:#020000; font-weight:normal; margin-left:15px; margin-top:10px;} #content_top_gsjj h2 { font-size:14px; width:535px; height:23px; color:#020000; font-weight:normal; margin-left:15px; margin-top:10px;} #content_top_gsjj span { color:#ba0303; float:right; font-weight:bold; *margin-top:-15px; } #content_top_gsjj ul { margin-top:0px; width:500px; height:190px; margin-left:22px; margin-top:20px; } #content_top_gsjj ul li{ overflow:hidden; height:30px; line-height:30px; background:url(../images/buttonX.jpg) 0 12px no-repeat ; padding-left:35px; } #content_top_gsjj ul li a { color:#414450;display:block; float:left;height:12px; line-height:12px; padding: 10px 0 0px 0; } #content_top_gsjj ul li label{ float:right; display:block;height:12px; line-height:12px; padding:10px 0 0px 0; color:#414450 } #content_top_right img { display:block;} /*内容上部的公司简介结束*/ /*内容上部结束*/ /*内容中部结束*/ #content_center{ height:158px; background-color:#fff; margin-bottom:30px; border:2px solid #0e93e9; padding:10px} #content_center .both img{ width:23px; height:94px;display:block; margin-top:31px; } #button_left{ margin-right:5px;} #button_right img{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);/*IE*/ filter:FlipH;} /*内容中部结束*/ /*内容下部开始*/ #content_bottom .box{ height:228px; margin-bottom:20px;overflow:hidden } #content_bottom .lastbox{ height:273px;overflow:hidden; background:url(../images/cp_bj1_03.jpg) no-repeat; width:998px; margin-top:8px;} /*内容下部左侧开始*/ #content_bottom_left{ float:left; overflow:hidden} #content_bottom_left .title{ height:32px; overflow:hidden } #content_bottom_left .title .titlePic{ padding-right:14px; background-color:#fff} #content_bottom_left .title .more { margin-top:14px; padding:0 0 0px 3px; background-color:#fff } #content_bottom_left .title .more img { margin-left:1px} #content_bottom .last{ height:184px;} #content_bottom .img_List{ margin-left:1px; overflow:hidden; margin-top:10px;} #content_bottom .img_List .img_box{ display:inline; float:left; height:183px; width:163px; margin-right:20px; overflow:hidden } #content_bottom .img_List .img_box .for_img{ width:153px; padding:5px 5px 8px 5px; height:150px; } #content_bottom .img_List .img_box .for_img a img { display:block; width:153px; height:150px; } #content_bottom .img_List .img_box h3{ text-align:center; margin-top:6px; height:12px; line-height:12px; padding-top:1px; font-weight:normal; font-size:12px; } #content_bottom .img_List .img_box h3 a {color:#8b8b8b} #content_bottom .img_List .last2{ margin-right:0; } #content_bottom .lastbox .title{ height:34px;} #content_bottom .lastbox .title{} #content_bottom .lastbox .img_List{ height:199px; overflow:hidden; margin-top:15px;} #content_bottom .lastbox .img_List .img_box{ display:inline;float:left;height:199px; width:173px; margin:0px; background:none; overflow:hidden; text-align:center; font-size:14px; color:#787677; font-weight:bold } #content_bottom .lastbox .img_List .img_box img {height:164px; width:164px; } #indemo{ float:left; width: 800%;} #demo1, #demo2 {float: left;display: inline-table;} .tupian { width:164px; height:190px; float:left; text-align:center; margin-top:5px; margin-right:2px; color:#787677; font-size:14px; font-weight:bold } .tupian img { width:164px; height:164px;} /*内容下部左侧结束*/ /*内容下部左侧开始*/ #content_bottom_right{ width:255px; float:right} #content_bottom_right .box{background:url(../images/news_bg.jpg) 0 0 no-repeat; background-color:#f7f7f7} #content_bottom_right .box p{ padding:12px 0 0 60px; } #content_bottom_right .box p span{float:left; color:#ba1816} #content_bottom_right .box p a{ display:block; float:right; margin-top:4px; color:#8b8b8b} #content_bottom_right .box ul{ padding:22px 0px 0px 0px } #content_bottom_right .box ul li{ overflow:hidden; height:33px; line-height:33px;border-bottom:1px dashed #c2c2c2; background:url(../images/button.jpg) 9px 13px no-repeat ; padding-left:21px;} #content_bottom_right .box ul li a { color:#5c5c5c;display:block; height:12px; line-height:12px; padding:10px 0 11px 0; } /*内容下部的联系我们开始*/ #content_bottom_right .lastbox{ background:url(../images/lxwm_bg.jpg) 14px 18px no-repeat; background-color:#e9e9e9;} #content_bottom_right .lastbox p{ margin:65px 0 0 14px; line-height:26px;} /*内容下部的联系我们结束*/ /*内容下部右侧结束*/ /*内容下部结束*/ /*其他页面*/ /*内容左部开始*/ /*内容左部的产品分类开始*/ #content_left{ width:220px; } #top { height:36px; padding:10px 0 0 20px ; background:url(../images/left_top.jpg) no-repeat; color:#FFF} #left_cpfl{ margin-bottom:10px; overflow:hidden; } #left_cpfl ul { border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; overflow:hidden} #left_cpfl ul li{overflow:hidden; height:39px; line-height:36px; background:url(../images/cpdh.jpg) no-repeat ; padding-left:50px; } #left_cpfl ul li a { color:#020000;display:block; height:39px; line-height:14px; font-size:14px; padding-top:12px; } #left_cpfl ul li a:hover{ color:#226da7; } #left_cpfl ul li ul{ padding-left:20px;} #left_cpfl ul li ul li{ margin:0;background:none;} #left_cpfl ul .prrrr {overflow:hidden; height:39px; line-height:36px; background:url(../images/cpdh1.jpg) no-repeat ; padding-left:70px; } #left_cpfl ul .prorrr {overflow:hidden; height:39px; line-height:36px; background:url(../images/cpdh1.jpg) no-repeat ; padding-left:70px;} #left_cpfl ul .prorrr a {color:#226da7; } #left_cpfl ul .pro a {color:#226da7; } /*内容左部的产品分类结束*/ /*内容左部的联系我们开始*/ #left_lxwm{ overflow:hidden; } #left_lxwm ul { height:226px; border:1px solid #cccccc; } #left_lxwm img { margin-left:5px; margin-top:5px; margin-bottom:10px;} #left_lxwm ul li { width:192px; height:15px; margin-left:10px; margin-top:5px; } #left_lxwm ul li span {width:156px; display:block; height:30px; float:right; *margin-top:-10px} /*内容左部的联系我们结束*/ /*内容左部结束*/ /*内容右部开始*/ #content_right{ width:770px; margin-top:8px; overflow:hidden; } #content_right h3 { font-size:16px; font-weight:bold; color:#000; padding-left:20px;} #content_right h3 span { color:#F00; margin-right:20px;*margin-top:-15px;} #content_right .title{ height:29px;background:url(../images/cp29.jpg) no-repeat bottom; } #content_right .title .titlePic{ padding-right:14px; background-color:#fff} #content_right .title .more { margin-top:18px; padding:0 0 0px 3px; background-color:#fff } #content_rightInfo　{ border:1px solid #787677;} #content_right .img_List .img_box{display:inline; float:left; height:220px; width:210px; margin:0 9px 0px 27px; } #content_right .img_List .img_box .for_img{ width:207px; overflow: hidden;padding:0px 1px 0px 0px; height:180px; border:1px solid #8B8B8B } #content_right .img_List .img_box .for_img a img { display:block; width:210px; } #content_right .img_List .img_box h3{ text-align:center; margin-top:6px; height:24px; display:block; overflow:hidden; line-height:12px; padding-top:1px; font-weight:normal; font-size:12px; padding-left:0px; } #content_right .img_List .img_box h3 a {color:#000} #content_right #img_List tr td { width:210px;padding:0 0px 12px 0px; text-align:center;} #content_right #img_List tr td img { width:210px;border:1px solid #8B8B8B; margin:10px 20px 5px 20px;} #news_content{ padding:0px 20px 0px 20px; } #news li{ overflow:hidden; height:32px; line-height:32px;border-bottom:1px dashed #666; background:url(../images/buttonX.gif) 0px 6px no-repeat; padding-left:10px;} #news li a { color:#666;display:block; float:left;height:12px; line-height:12px; padding:10px 0 10px 0; } #news li a:hover{ color:Red;} #news li label{ float:right; display:block;height:12px; line-height:12px; padding:10px 0 10px 0; color:Red } #page{ height:20px;text-align:right;overflow:hidden; margin:20px 0; } #page ul { padding-top:3px; padding-bottom:3px;} #page ul li { display:inline;} #page ul li a{ color:#000; margin:0 5px; height:12px; line-height:12px;} #page ul li a:hover{color:Purple; } #page .select{ color:Purple;font-weight:bold; font-size:14px; height:14px;} #news_content_info{ position:relative; padding:0px 20px 30px 20px; min-height:480px; _height:480px; margin-top:20px; } #news_content_info h1{ text-align:center; margin-bottom:10px; font-size:24px;} #news_content_info h3 { text-align:center; font-weight:normal; margin-bottom:10px; font-size:18px; font-weight:bold; margin-top:10px;} #news_content_info p{ line-height:2;} #news_content_info table {border-collapse:collapse} .jqzoom img { display:block; text-align:center; } .jqzoom{ margin-bottom:10px; position: relative; margin-left:250px; width:750px; padding: 0px;z-index:20; cursor:pointer ;} div .zoomdiv{ z-index: 999; position: absolute; top: 0px;left: 0px; width: 200px;height: 200px;background: #ffffff; border: 1px solid #CCCCCC; display: none;text-align: center;overflow: hidden;} div .jqZoomPup{ z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa;background: #ffffff url(/images/zoomlens.gif) 50% top no-repeat;opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5;filter: alpha(Opacity=50);} #Info{ width:360px; height:300px; margin:0 0 10px 0px; padding-left:10px; overflow:hidden;word-break:break-all; } .jqzoom img {border: 1px solid #aaa;} div.zoomdiv{z-index: 999; position: absolute;top: 0px;left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC;display: none;text-align: center; overflow: hidden; } div.jqZoomPup{ z-index: 999; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border: 1px solid #aaa; background: #ffffff url(/images/zoomlens.gif) 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;filter: alpha(Opacity=50);} #imgList{ height:64px; margin: 0 0 10px 20px;; width:100% } #imgList li{ height:64px; width:64px; float:left; display:inline;margin-right:5px;} #imgList li img{ height:62px; width:62px; border:2px solid #dbdbdb; cursor:pointer } #imgList li .red{ border-color:#0000FF} #imgList li .blue{ border-color:#0000FF} #menuList li { width:75px; height:20px; float:left ; background:url(../images/t2.jpg) 0 0 no-repeat; text-align:center; padding-top:10px; color:#FFFFFF; margin-right:10px;} #menuList .tagHover{ background:url(../images/t1.jpg) 0 0 no-repeat; cursor:pointer} #tagContentBox{min-height:298px; _height:298px} #tagContentBox div{ border:1px solid #dbdbdb; display:none; min-height:294px; _height:294px; padding:5px 5px 5px 10px; } #Related_News{ bottom:0; left:20px; width:680px; padding:10px 0 10px 0; overflow:hidden; } #Related_News p { text-align:center; margin-bottom:10px; padding-top:1px; height:12px; line-height:12px;} #Related_News p a{ margin:0 3px;} #Related_News h4 { margin:5px 0; font-size:14px;} #Related_News ul li{ margin:3px 0;} #newsL li{ overflow:hidden; height:17px; line-height:17px; border-bottom:1px dashed #dadada; padding-left:12px; } #newsL li a { color:#666;display:block; float:left;height:12px; line-height:12px; padding:1px 0 4px 0px; } #newsL li a:hover{ color:Red;} #newsL li label{ float:right; display:block;height:12px; line-height:12px; padding:1px 0 4px 0; } /*内容右部结束*/ /*其他页面*/ /*内容结束*/ /*底部开始*/ #footer{ height:128px; padding-top:24px; margin-top:20px; background:url(../images/footer_bj.png) no-repeat center 0; text-align:center; } #footer ul{ padding-top:1px; text-align:center; margin-bottom:10px; } #footer ul li{ display:inline; height:12px; line-height:12px; color:#fff; } #footer ul li a{margin:0 9px; color:#ffffff;} #footer ul li .first{ margin-left:0;} #footer ul .last{border-right:none;} #footer p { color:#ffffff; padding-top:1px; line-height:12px; font-size:12px; text-align:center; line-height:26px;} #footer p a{color:#ffffff;} /*底部结束*/ /*脚本的开始*/ .fn-clear { zoom: 1; } .box_skitter { position: relative; background: none; } .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none; } .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; } .box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; } .box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; } .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; } .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; } #slideshow { width: 100%; height: 370px; overflow:hidden;} #slideshow ul { display: none; } /*脚本的结束*/ .honn{ width:210px; float:left;height:200px; margin:15px 10px 0px 25px;} .himg{ width:210px; margin-bottom:10px; border:2px solid #8B8B8B } .ff{ width:210px; text-align:center; height:30px; line-height:30px;} .h2s { font-size:13px; color:#000; padding-left:32px;}