@charset "utf-8";

body{margin:0px auto; padding:0px; color:#333333; font-size:16px; font-family:"微软雅黑",sans-serif; overflow-x:hidden;}
form,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px;padding:0px;}
i{ font-style:normal;}
img{margin:0px; padding:0px; border:0px;}
li{ list-style:none; padding:0; margin:0;}
ul{margin:0px;padding:0px;list-style-type:none;}
input,select{margin:0px;padding:0px;font-size:12px;vertical-align:middle;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#d91e13; }
.clear{font-size:0px;line-height:0px;float:none;rheight:0px;clear:both;overflow:hidden;}
table { border-collapse:collapse;}
.space{font-size:0px;line-height:0px;height:10px;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}


.top{ width:1080px; height:36px; line-height:36px; background:#919191; margin:auto;color:#e6e6e6; padding:0 20px; font-size:14px;}
.top_l{ float:left;}
.top_r{ float:right; background:url(../image/dh_b.jpg) no-repeat left center; padding-left:20px;}
.logo{ width:1120px; height:100px; margin:auto;}
.logo_l{ float:left;}
.logo_r{ float:right;}
.yz{ float:left;line-height:90px; padding-right:68px;}
.yz i{ padding-right:28px;}
.yz i a{ color:#d91e13}
.bz{ float:left}
.bz img{ padding-top:26px;}

.weixin{ float:left; position:relative; z-index:999;}
.weixin a{ width:38px; height:38px; display:block; position:absolute; left:-45px; top:26px; background:url(../image/wechat.png) no-repeat;}
.weixin .weixin_nr{text-align:center; position:absolute; top:20px; display:none; left:-74px;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block; margin-top:30px;}


.navs{ width:1120px; margin:auto; background:url(../image/nav.jpg) repeat-x; position:relative; z-index:99;}
.nav{ float:left;position:relative;}
.nav .list li{float:left; width:152px; height:55px;line-height:55px; overflow:hidden; text-align:center; font-size:16px; font-weight:600;}
.home{ background:url(../image/home.jpg) no-repeat 35px center;}
.nav .list a{display:block;color:#333;height:55px; }
.nav .list a:hover{color:#d91e13;}
.nav .list li.on{ background:url(../image/nav_bg.png) no-repeat;}
.list a:hover,.nav .list .now{background:url(../image/nav_bg.png) no-repeat;}
.nav .box{ width:1120px; margin:auto; background:#fafafa;top:55px;overflow:hidden;height:0;}

.sublist{ padding:30px 20px 15px 20px;}
.cp_list{ float:left; width:165px; margin:0 34px 25px 17px; display:inline;}
.mcate-item-hd{ width:165px; font-size:15px; font-weight:600; background:url(../image/sx.jpg) no-repeat left bottom; padding-bottom:10px;}
.mcate-item-bd{ padding-top:8px;}
.mcate-item-bd a{font-size:15px; padding-right:20px;}

.l_xw{ float:left; width:200px; padding-bottom:30px; margin-left:18px; display:inline;}
.l_xw ul li{ width:200px; height:50px; line-height:50px; text-align:center; padding:0px;  background:url(../image/sx.jpg) no-repeat left bottom; display:block; font-weight:600; font-size:15px; }

.r_xw{ float:left; padding-left:50px; padding-top:10px;}
.r_xw ul li{ float:left; width:222px; margin:0px 20px; display:inline; position:relative; }
.r_xw ul li img{ width:212px; height:148px; padding:4px; border:1px #d3d3d3 solid; }
.r_xw ul li img:hover{ border:1px #d91e13 solid;}
.r_xw ul li span{ display:block; position:absolute; width:197px; height:40px; line-height:40px; bottom:0px; left:5px; background:url(../image/yy.png) repeat-x; padding-left:15px;}
.r_xw ul li span a{ color:#fff; font-size:15px;}
.r_xw ul li span a:hover{  color:#fff;}

.ss_nr{ float:right; position:absolute; right:15px; top:9px}
.ss{ float:left; width:139px; height:36px; vertical-align:middle; background:url(../image/search.jpg) no-repeat left center ;border:none; padding-left:10px; padding-right:10px; color:#666666; display:inline; line-height:36px;}
.an{ float:left; width:38px; height:36px;  color:#FFF; background:url(../image/an.jpg) no-repeat right center; border:none; font-size:12px; cursor:pointer; }
input{ border:none;}
		

.slideBox{ width:100%; margin:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:17px; overflow:hidden; position:absolute;  z-index:1; bottom:15px; left:50%; margin-left:-38px;  }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; width:17px; height:17px; background:url(../image/an01.png) no-repeat; cursor:pointer; margin-right:12px;}
.slideBox .hd ul li.on{ background:url(../image/an02.png) no-repeat;}
.slideBox .bd{ width:1120px; margin:auto; position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1120px; height:540px; display:block;  }


.mian{ width:1120px; height:auto; margin:auto;}
.ggxx{ width:1120px; height:60px; line-height:60px; background:url(../image/gg_bg.jpg) no-repeat left center #f7f7f7; margin-top:25px;}
.ggxx_bt{ float:left; font-size:18px; width:110px; text-align:center; font-weight:600; margin-right:30px; display:inline;}

.txtScroll-top{ float:left; width:980px; height:43px;  overflow:hidden; position:relative; top:17px;  }
.txtScroll-top .hd{ width:26px; position:absolute; right:20px; overflow:hidden;}
.txtScroll-top .hd .prev{ display:block; background:url(../image/b.jpg) no-repeat; cursor:pointer; width:26px; height:12px;}
.txtScroll-top .hd .next{ display:block; background:url(../image/t.jpg) no-repeat; cursor:pointer; width:26px; height:12px; padding-top:3px; }
.txtScroll-top .bd{ width:860px; }
.txtScroll-top .infoList li{  height:24px; line-height:24px; }
.txtScroll-top .infoList li .date{color:#666; padding-left:30px;}


.box{ width:1120px; height:458px; margin:auto; margin-top:25px; overflow:hidden;}


.ggjj{ float:left; width:350px; height:458px; background:#f5f5f5; position:relative;}
.gsjj_bt{ font-size:20px; padding:18px 20px 10px 20px; font-weight:600;}
.gsjj_nr{ padding:0 20px;  line-height:30px;}
.more{ position:absolute; bottom:0; right:0; cursor:pointer;}

.r_xws ul li{ float:left; width:250px; margin:15px; display:inline; position:relative; }
.r_xws ul li img{ width:240px; height:168px; padding:4px; border:1px #d3d3d3 solid; }
.r_xws ul li img:hover{ border:1px #d91e13 solid;}



.slideBox1{ float:left; width:350px; height:458px; overflow:hidden; position:relative; margin-left:35px; display:inline; background:#f5f5f5;}
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd img{ width:350px; height:280px; display:block;  }


.slideBox1 .prev{ position:absolute; display:block; background:url(../image/an_l.png) no-repeat; width:39px; height:60px; cursor:pointer; top:110px; left:0;}
.slideBox1 .next{ position:absolute; display:block; background:url(../image/an_r.png) no-repeat; width:39px; height:60px; cursor:pointer; top:110px; right:0; }

.cp_bt{ font-size:20px; padding:18px 20px 10px 20px; font-weight:600;}


.xwzx{ float:right; width:350px; height:458px; background:#f5f5f5; position:relative;}
.xwzx ul{ padding:14px 20px 0px 20px;}
.xwzx ul li{ line-height:30px; background:url(../image/d.jpg) no-repeat left center;  padding-left:20px;}


.foot{ width:1120px; height:314px; background:url(../image/foot_bg.jpg) repeat-x; margin:auto; margin-top:25px;}
.foot_t{ width:1080px; padding: 30px 20px 20px 20px; margin-bottom:40px;}
.foot_z1{ float:left; line-height:33px;  padding-right:144px;}
.foot_z1 a{ float:left;  color:#fff;}
.foot_lm{ font-size:20px; color:#fff; font-weight:bold; margin-bottom:13px; }
.rwm{ float:right; padding-top:7px;}

.foot_b{ float:left; width:1080px; margin-top:20px; padding-left:20px; padding-right:20px; color:#fff;}
.foot_b span{ float:right;}
.foot_b span a{ color:#fff; padding-left:8px; padding-right:8px;}

.mbx_dh{ width:1120px; margin:auto; height:60px; line-height:60px;font-size:15px;}
.mbx_dh span{ font-weight:600; }


.rj_mian{ width:1120px; margin:auto; padding-top:15px;}
.rj_left{ float:left; width:230px; padding-top:8px;}

.sideMenu{ width:230px  }
.sideMenu h3{ height:50px; line-height:49px; padding-left:22px; font-size:15px; font-weight:normal; border-bottom:1px dashed #c7c5c5; overflow:hidden}
.sideMenu h3 em{ float:right; display:block; width:7px; height:7px; cursor:pointer; background:url(../image/1.jpg) no-repeat; margin-right:22px; margin-top:22px; display:inline; }
.sideMenu h3.on em{ background:url(../image/2_.jpg) no-repeat; width:7px; height:7px; }
.sideMenu h3.on a{ color:#03418a; font-weight:bold;}
.sideMenu ul{ width:190px; border-bottom:1px dashed #d2d2d2; display:none;  padding-left:40px; padding-top:10px; padding-bottom:10px;}
.sideMenu ul li{width:170px; background:url(../image/hd.jpg) no-repeat left center; padding-left:20px; font-size:14px; font-family:"宋体"; line-height:30px;}

.rj_right{ float:right; width:889px; min-height:500px;}
.p_bt{ float:right; width:845px;line-height:59px; font-size:18px; font-weight:bold; color:#a90900; background:url(../image/p_bt.jpg) no-repeat left bottom; padding-bottom:8px;}
.cpzx_nr{ width:845px; float:right; padding-top:5px;}
.cpzx_nr ul{ margin-left:-25px; padding-top:25px;}
.cpzx_nr ul li{ float:left; width:256px; height:344px; border:1px #e7e7e7 solid; background:#f5f5f5; padding:3px; position:relative; margin-left:25px; margin-bottom:35px; display:inline;}
.cpzx_nr ul li:hover{ border:1px #03418a solid; cursor:pointer;}
.cp_tu img{ width:256px; height:206px;  }
.cp_nr{ width:234px; margin:auto; line-height:28px; }
.nr_bt{ font-weight:bold; padding-top:10px; padding-bottom:4px;}
.mores{ position:absolute; bottom:0; right:0}


#page{font-family:"宋体";text-align:left; margin-top:25px;}
#page a { display:inline-block; height:27px; line-height:27px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 { background:url(http://www.hbmec.com/images/admin_img/pages.png) no-repeat 0 5px; width:56px;  }
#page a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#page span { display:inline-block; height:27px; line-height:27px; background:#01599d;color:#fff; text-align:center;padding:0 12px}


.cpzx_xq{ width:1120px; margin:auto;}
.cpzx_xq_t{ width:1120px;}


.lzcontl_left{ float:left; width:448px;}
#preview{ float:left; width:448px;}
#spec-n1 img{ width:446px; height:357px; border:1px #d5d5d5 solid;}
.zoomdiv{ float:left ; height:auto; width:351px;}
#spec-n5{ float:left; width:448px; overflow:hidden; margin-top:10px;}
#spec-left{ float:left;width:27px; height:68px; float:left; cursor:pointer;}
#spec-right{ float:left; width:27px; height:68px; float:left;cursor:pointer; }
#spec-left .prev{ float:left; position:absolute; background:url(../image/l.jpg) no-repeat; width:27px; height:68px;}
#spec-right .next{ position:absolute;display:block; background:url(../image/r.jpg) no-repeat; width:27px; height:68px;}
#spec-list{ float:left; width:394px; float:left; overflow:hidden;  display:inline;  position:relative; }
#spec-list ul{ float:left; padding-left:11px; }
#spec-list ul li{ float:left; width:96px; height:68px; display:inline; cursor:pointer;}
#spec-list ul li img{border:1px solid #d2d2d2; width:83px; height:66px;}

.jqzoom{ float:left;position:relative; width:349px;}
.zoomdiv{ float:left;z-index:100;position:absolute; left:0px;width:466px; height:357px; background:url(http://www.hbmec.com/css/i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:72px;height:67px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ float:left;}

.fd_r{ float:right; width:615px; height:200px; padding-top:70px;}
.Produc_name{ font-size:20px; font-weight:bold;}
.fd_r ul li{ width:615px; line-height:38px;}
.fd_r ul li span{ font-weight:bold;}

.slideTxtBox{ width:1118px; border:1px solid #d0d0d0; text-align:left; margin-top:32px; border-top:2px #999999 solid }
.slideTxtBox .hd{ height:36px; line-height:36px; background:#f7f7f7; border-bottom:1px solid #d0d0d0;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px;}
.slideTxtBox .hd ul li{ float:left; padding:0 34px; cursor:pointer; font-weight:bold; font-size:15px;}
.slideTxtBox .hd ul li.on{ height:40px;  background:#fff;  border-top:3px solid #e4393c; margin-top:-7px; border-bottom:1px #dedfde solid; border-left:1px #dedfde solid; border-right:1px #dedfde solid; color:#033d81;  }

.fd_dh{ height:44px; background:url(../image/fd_dh.jpg) no-repeat left center; padding-left:52px; margin-top:8px; font-size:14px; color:#333;}
.fd_dh span{ display:block; color:#af0a00; font-size:20px; font-weight:bold;}




.cpjs{ width:1118px;}
.cpjs_t{ width:1118px;}
.cpjs_t ul li{ width:1118px; height:36px; line-height:36px; border-bottom:1px #e3e3e3 solid; font-size:14px;}
.cpjs_mc{ float:left; width:180px; text-align:right; padding-right:15px; border-right:1px #e3e3e3 solid;}
.cpjs_sj{ float:left; padding-left:15px;}

.cpjs_tp{ width:1118px; margin:auto; padding-top:20px; padding-bottom:20px;border-bottom:1px #e3e3e3 solid;}



.hydt{width:845px; float:right; padding-bottom:10px;}
.hydt ul li{ width:845px; height:154px; overflow:hidden; padding-bottom:20px;  border-bottom:1px #d7d6d6 dashed; padding-top:20px}
.tzgg_tu{ float:right; width:218px; height:154px;}
.tzgg_tu img{ width:212px; height:148px; padding:2px; border:1px #dfdfdf solid;}

.tzgg_nr{ float:left; width:600px; height:154px;}
.tzgg_nr p{ font-weight:bold;}
.rq{ font-size:15px; color:#828282; padding-top:12px;}
.js{ height:60px; overflow:hidden; line-height:30px; padding-top:8px;}
.gd{ padding-top:8px; font-family:"宋体";}
.gd a{ color:#034590;}
.gd a:hover{ color:#cb0e02}


.gsxw{width:845px; float:right; padding-bottom:10px; margin-top:25px;}
.gsxw_l{ float:left; width:532px; height:auto; padding-right:30px; min-height:800px; border-right:1px #e6e6e6 solid; padding-bottom:10px;}
.gsxw_l ul li{ width:514px; font-size:16px; background:url(../image/d.jpg) no-repeat left center; line-height:34px; padding-left:18px;}

.gsxw_r{ float:right; width:252px;}
.gsxw_r ul li{ width:252px;padding-bottom:5px;}
.gsxw_r ul li span{ display:block; text-align:center; font-weight:600; height:40px; line-height:40px; }
.gsxw_r ul li img{ width:246px; height:170px; padding:2px; border:1px #e2e2e2 solid;}
.gsxw_r ul li img:hover{ border:1px #104e97 solid;}


.article{width:845px; float:right; padding-bottom:10px; margin-top:20px;}
h6{ width:845px; font-size:17px; font-weight:bold; text-align:center;}
.times{ width:845px; display-inline:block; height:40px; overflow:hidden; line-height:40px; color:#666666; padding-bottom:2px; border-bottom:1px #d4d4d4 dashed; padding-bottom:4px; font-family:"宋体"; font-size:15px; color:#666; padding-top:8px; padding-bottom:5px;}
.fbsj{ float:left; width:412px; text-align:right; padding-right:10px;}
.bdsharebuttonbox{ float:left; width:412px; padding-left:10px; margin-top:5px;}
.article p{ font-size:16px; line-height:30px; padding-top:15px; padding-bottom:15px;}

.pre{ width:845px; margin-top:30px; border-top:1px #d4d4d4 dashed; padding-top:15px;}
.pre ul{ width:845px;}
.pre ul li{ font-size:16px; line-height:32px;}
.pre ul li span{ font-weight:bold}


.rj_gsjj{ width:845px; float:right; padding-bottom:10px; margin-top:16px; line-height:30px; font-size:16px;}


.rj_rysz{width:845px; float:right; padding-bottom:10px; margin-top:16px;}
.rj_rysz ul{ width:845px;}
.rj_rysz ul li{ float:left;}
.rj_rysz ul li img{ width:240px;}


.rj_ryzs{ width:845px; float:right; padding-bottom:10px; margin-top:16px;}
.rj_ryzs ul{ padding-left:8px; margin-bottom:20px; }
.rj_ryzs ul li{ float:left; margin:10px 20px; display:inline; cursor:pointer;}
.rj_ryzs ul li img{ width:230px; padding:2px; border:1px #e5e5e5 solid;}
.rj_ryzs ul li img:hover{ border:1px #bb0900 solid;}
.rj_ryzs ul li span{ display:block; font-weight:bold; text-align:center; font-size:16px; padding-top:15px;}


.rj_lxwm{ width:845px; float:right; padding-bottom:10px; margin-top:25px }
.gsdz{ width:845px; margin-bottom:20px; line-height:30px;}
.gsdz p{ font-size:18px; font-weight:bold; padding-bottom:6px;}
.xw_lm{ width:384px; margin:auto;}
.ellipsis{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }