@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
body{ margin:0 auto;font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#F5F5F5 url("../images/mbj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/mbj.png*/) repeat-y center center;}
div,input,dl,dd,dt,ul,li,p,h1,h2,h3,h4,h5,h6,p,fieldset{margin:0; padding:0;}
ul,li{ list-style:none;}
img,input{ border:none;}
a{ text-decoration:none;}

/* ------------------------------------------header头部----------------------------------------------------- */
.header{width:auto;height:596px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px 0px repeat-x;overflow:hidden;}

.heatop{width:1000px;height:30px; margin:0 auto; overflow:hidden;color:#000; font-size:12px; line-height:27px;}
.heatop ul{display:block;width:300px;height:30px;float:right; overflow:hidden;}
.heatop ul li{ display:block;width:70px;height:30px; float:right; overflow:hidden; text-align:center;color:#000; font-size:12px; line-height:27px;}
.heatop ul li a{color:#000; font-size:12px; line-height:27px;}
.heatop ul li a:hoveR{color:#F00; text-decoration:underline;}


.logo{width:1000px;height:90px;margin:0 auto;overflow:hidden;}
.logole{width:700px;height:90px;float:left;display:inline; overflow:hidden;}
.logori{width:300px;height:70px;padding-top:20px;float:right;display:inline;overflow:hidden;color:#515151;font-size:20px;line-height:27px; text-align:center;}


.nav{width:1000px;height:58px; margin:0 auto;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -610px no-repeat;overflow:hidden;}
.nav ul li{display:block;width:100px;padding-left:11px;height:42px;float:left;text-align:center;overflow:hidden;}
.nav ul li a{display:block;width:90px;height:42px;color:#000;font-size:14px;line-height:40px;}
.nav ul li a:hover{color:#FFF;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -300px -800px no-repeat;}

.banner{width:1000px;height:auto;margin:0 auto;overflow:hidden;}




/* ------------------------------------------main01左边部分 ----------------------------------------------------- */
.main{width:990px;height:auto;padding:0px 5px;margin:0 auto;overflow:hidden;}

.main01{width:990px;height:auto; padding:10px 0px; margin:0 auto;overflow:hidden;}
.m01le{width:231px;height:auto;float:left; display:inline; overflow:hidden;}
.m01letop{width:190px;height:43px;padding:5px 0px 0px 41px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -680px no-repeat; overflow:hidden;color:#FFF; font-size:14px; font-weight:bold; line-height:35px;}

.m01lemain{width:219px;height:auto;background:#F1F1F1;border:#BFBFBF solid 1px;border-top:none;margin-left:5px; overflow:hidden;}
.m01lemimg{width:219px;height:auto; overflow:hidden;}



.m01lemmain{width:210px;height:auto;background:#F2F2F2; border-left:#FFF solid 1px; border-right:#FFF solid 1px;padding:5px 3px 10px 4px; overflow:hidden;}
.m01lemmain ul.expmenu {width:210px;height:auto; overflow:hidden;}

/*一级导航*/
.m01lemmain ul.expmenu li div.header{width:208px;height:30px;margin-bottom:5px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -255px -680px no-repeat;border:#C2C2C2 solid 1px;overflow:hidden;}
.m01lemmain ul.expmenu li div.header a{font-size:14px; color:#2F2F2F; line-height:30px;padding-left:30px;}
.m01lemmain ul.expmenu li div.header a:hover{text-decoration:underline;color:#F00;}

.m01lemmain ul.expmenu li  div.header .arrow{display: block;width:25px;height:30px;line-height:30px;background: no-repeat center; float:right; overflow:hidden;}/*三角按钮*/
.m01lemmain ul.expmenu li  div.header .arrow.up{background-image:url("../images/arrow_u.gif"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/arrow_u.gif*/);}
.m01lemmain ul.expmenu li  div.header .arrow.down{background-image:url("../images/arrow_d.gif"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/arrow_d.gif*/);}

/*二级导航*/
.m01lemmain ul.expmenu li .menu{display:block;width:207px;height:auto;padding:5px 0px 10px 0px;overflow:hidden;}
.m01lemmain ul.expmenu li .menu li{display:block;width:207px;height:30px;hidden;}
.m01lemmain ul.expmenu li .menu li a{display:block;width:167px;height:30px;padding:0px 10px 0px 30px;font-size:14px; color:#666; line-height:30px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -488px -680px no-repeat;overflow:}
.m01lemmain ul.expmenu li .menu li a:hover{background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -250px -1630px no-repeat;color:#FFF;}



.m01lenew{width:221px;height:auto; padding:10px 0px 0px 5px;overflow:hidden;}
.m01lenewtop{width:200px;height:34px;padding:0px 10px 0px 11px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -250px -1500px no-repeat; overflow:hidden;color:#FFF; font-size:14px; line-height:34px;}
.m01lenewtop a{ display:block; float:right; color:#FFF; font-size:12px; line-height:34px; font-family:"宋体";}
.m01lenewtop a:hover{color:#F00;text-decoration:underline;}


.m01lenewmain{width:209px;height:auto;padding:5px 5px 13px 5px;background:#FCFCFC; border:#E7E6E6 solid 1px; border-top:none;overflow:hidden;}
.m01lenewmain ul li{display:block;width:189px;height:25px;padding:3px 5px 0px 15px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -250px -1550px no-repeat; border-bottom:#e3e3e3 dotted 1px;overflow:hidden;}
.m01lenewmain ul li a{color:#555; font-size:12px; line-height:25px;}


.m01lenewmain01{width:199px;height:auto;padding:10px;background:#FCFCFC; border:#E7E6E6 solid 1px; border-top:none;overflow:hidden;color:#555; font-size:12px; line-height:22px;}




/* ------------------------------------------main01右边部分 ----------------------------------------------------- */
.m01ri{width:755px;height:auto;float:right; display:inline; overflow:hidden;}

.m01ri01{width:755px;height:auto;padding-bottom:10px;overflow:hidden;}
.m01ri01le{width:473px;height:auto; float:left; display:inline;overflow:hidden;}
.m01ri01letop{width:445px;height:29px;padding:0px 10px 0px 18px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -750px no-repeat; overflow:hidden;color:#FFF; font-size:14px; line-height:29px;}
.m01ri01letop a{ display:block; float:right; color:#FFF; font-size:12px; line-height:29px; font-family:"宋体";}
.m01ri01letop a:hover{color:#F00;text-decoration:underline;}

.m01ri01lemain{width:461px;height:136px;padding:7px 5px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -490px -745px no-repeat; border:#C3C3C3 solid 1px;overflow:hidden;}
.m01ri01lemimg{width:160px;height:105px;float:left; float:left;overflow:hidden;}
.m01ri01lemain span{color:#000; font-size:12px; line-height:23px; text-indent:24px;}


.m01ri01ri{width:277px;height:180px; border-bottom:#CECECE solid 1px;float:right; display:inline;overflow:hidden;}
.m01ri01ritop{width:277px;height:69px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -800px no-repeat; overflow:hidden;}
.m01ri01ritop h1{display:block;width:217px;height:45px; padding:0px 30px;overflow:hidden;color:#000; font-size:14px; line-height:40px;}
.m01ri01ri .m01ri01ritop span{display:block;width:180px;height:20px;padding-left:30px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -890px no-repeat; overflow:hidden;color:#000; font-size:12px; line-height:20px;}
.m01ri01ri span{display:block;width:247px;height:22px;padding-left:30px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -890px no-repeat; overflow:hidden;color:#000; font-size:12px; line-height:20px;}


/* ------------------------------------------main01右边产品展示部分 ----------------------------------------------------- */
.m01ri02top{width:710px;height:40px;padding:0px 30px 0px 15px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -950px no-repeat; overflow:hidden;color:#FFF; font-size:14px; line-height:40px;}
.m01ri02top a{ display:block; float:right;color:#000; font-size:12px; line-height:40px; font-family:"宋体";}
.m01ri02top a:hoveR{color:#F00;text-decoration:underline;}

.m01ri02main{width:753px;height:auto; background:#F2F2F2; border-left:#C6C6C6 solid 1px;border-right:#C6C6C6 solid 1px;padding:5px 0px;overflow:hidden;}
.m01ri02main dl{display:block;float:left;width:180px;height:135px;padding:5px 0px 0px 7px;overflow:hidden;}
.m01ri02main dl dt{display:block;width:175px;height:105px;padding:5px 0px 0px 4px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1010px no-repeat;overflow:hidden;}
.m01ri02main dl dd{text-align:center;color:#384861; font-size:12px;line-height:27px;}
.m01ri02main dl dd a{color:#2F2F2F; font-size:12px;line-height:27px;}
.m01ri02main dl dd a:hover{color:#F00; text-decoration:underline;}


.m01ri02foo{width:755px;height:8px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -200px -1010px no-repeat; overflow:hidden;}



.m01ri03le{width:373px;height:auto;float:left; display:inline; overflow:hidden;}
.m01ri03letop{width:343px;height:27px;padding:5px 5px 0px 25px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -200px -1050px no-repeat; overflow:hidden;color:#000; font-size:14px; line-height:27px;}
.m01ri03letop a{ display:block; float:right;color:#999; font-size:12px; line-height:27px; font-family:"宋体";}
.m01ri03letop a:hoveR{color:#F00;text-decoration:underline;}

.m01ri03lemain{width:361px;height:auto;padding:5px;border:#DADADA solid 1px; border-top:none;overflow:hidden;}
.m01ri03lemain ul li{display:block;width:345px;height:25px;padding-left:15px;border-bottom:#CCC dotted 1px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -200px -1100px no-repeat;overflow:hidden;line-height:25px; word-break:break-all; word-wrap:break-word;}
.m01ri03lemain ul li span{ display:block;width:25px;height:10px;float:right;padding:10px 0px 0px 30px; overflow:hidden;}
.m01ri03lemain ul li a{color:#000; font-size:12px; line-height:25px;}
.m01ri03lemain ul li a:hoveR{color:#F00; text-decoration:underline;}

.m01ri03ri{width:373px;height:auto;float:right; display:inline; overflow:hidden;}






/* ------------------------------------------main02部分 ----------------------------------------------------- */
.main02{width:990px;height:auto;margin:0 auto;padding-bottom:10px;overflow:hidden;}
.m02top{width:970px;height:26px;padding-left:20px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -610px -1050px no-repeat; overflow:hidden;color:#000; font-size:14px; line-height:26px;}


.m02main{width:950px;height:145px;padding:8px 20px 0px 20px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1150px no-repeat;overflow:hidden;}
.m02main ul{width:950px;height:145px;overflow:hidden;}
.m02main ul li{display:block;float:left;width:180px;height:145px;padding:0px 0px 0px 7px;overflow:hidden;}
.m02main ul li span a{display:block;width:175px;height:105px;padding:5px 0px 0px 4px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1010px no-repeat; text-align:left;overflow:hidden;}
.m02main ul li a{display:block;width:175px;height:26px; overflow:hidden;text-align:center;color:#384861; font-size:12px;line-height:26px;}
.m02main ul li a{color:#2F2F2F; font-size:12px;line-height:26px;}
.m02main ul li a:hover{color:#F00; text-decoration:underline;}









/* ------------------------------------------子页部分 ----------------------------------------------------- */
.zy_m01ri02top{width:725px;height:33px;padding-left:30px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) -250px -1440px no-repeat; overflow:hidden;color:#000; font-size:12px; line-height:33px;}
.zy_m01ri02top a{color:#000; font-size:12px; line-height:25px; font-family:"宋体"; font-weight:normal;}
.zy_m01ri02top a:hover{text-decoration:underline;}



.zy_m01ri02main{width:753px;height:auto; background:#F2F2F2;border:#A6A8AD solid 1px; border-top:none;padding:10px 0px 30px 0px;overflow:hidden;}
.zy_m01ri02main dl{display:block;float:left;width:180px;height:135px;padding:5px 0px 0px 7px;overflow:hidden;}
.zy_m01ri02main dl dt{display:block;width:175px;height:105px;padding:5px 0px 0px 4px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1010px no-repeat;overflow:hidden;}
.zy_m01ri02main dl dd{text-align:center;color:#384861; font-size:12px;line-height:27px;}
.zy_m01ri02main dl dd a{color:#2F2F2F; font-size:12px;line-height:27px;}
.zy_m01ri02main dl dd a:hover{color:#F00; text-decoration:underline;}



.zy_mrify{width:733px;height:30px;padding:17px 10px;background:#F2F2F2;font-size:12px;overflow:hidden;color:#666; font-size:12px; line-height:25px;border:#A6A8AD solid 1px; border-top:none;}


.new_m01ri02main{width:733px;height:auto; background:#F2F2F2;border:#A6A8AD solid 1px; border-top:none;padding:10px 10px 30px 10px;overflow:hidden;}
.new_m01ri02main ul li span{display:block;width:85px;height:28px;float:right;padding-left:50px; overflow:hidden;color:#777; font-size:12px; line-height:28px; font-family:Verdana, Geneva, sans-serif;}
.new_m01ri02main ul li{display:block;width:715px;height:28px;padding-left:18px;border-bottom:#CCC dotted 1px; background:url("../images/newtu.gif"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/newtu.gif*/) 2px 7px no-repeat;overflow:hidden;line-height:28px;}
.new_m01ri02main ul li a{color:#000; font-size:12px; line-height:28px;}
.new_m01ri02main ul li a:hoveR{color:#F00; text-decoration:underline;}


.xwnymtop{width:733px;height:auto;text-align:center;overflow:hidden;}
.xwnymtop h3.news_title{padding:5px 0px;font-size:18px; font-weight:bold;line-height:30px;color:#333;}
.xwnymtop div.time{width:731px;height:30px;border:#ccc solid 1px;line-height:30px;color:#666;font-size:12px;}
.xwnymmain  .zyfeedback{ line-height:45px;margin-left:35px; }
.lyinput { margin:3px; height:18px; line-height:18px; padding:3px;border:#A6A8AD solid 1px; width:350px;}
textarea{border: 1px solid  #999;width:400px;height:100px;margin-top:8px;}
.xwnymmain  .zyfeedback input {border: 1px solid  #999; height:25px;}

.xwnymmain{width:713px;padding:10px 10px 30px 10px;font-size:12px;color:#555;line-height:22px;}
.cpzsny{width:733px;height:auto;padding:20px 0px 10px 0px;text-align:center; overflow:hidden;}














/* ------------------------------------------footer部分 ----------------------------------------------------- */
.link{width:990px;height:auto;margin:0 auto;overflow:hidden;}
.linktop{width:965px;height:23px;padding:10px 0px 0px 25px;color:#555; font-size:14px; font-weight:bold;line-height:23px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1320px no-repeat;overflow:hidden;}
.linkmian{width:968px; height:auto;padding:10px;border:#EAEAEA solid 1px; border-top:none;overflow:hidden;color:#818181;font-size:12px; line-height:23px;}
.linkmian a{padding-right:5px;color:#818181;font-size:12px; line-height:23px;}
.linkmian a:hover{ color:#F00; text-decoration:underline;}




.mfooter01{width:990px;height:25px; background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1373px no-repeat; margin:0 auto;overflow:hidden;}
.mfooter02{width:auto;height:5px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1410px repeat-x;overflow:hidden;}
.mfooter02m{width:990px;height:5px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1420px no-repeat; margin:0 auto;overflow:hidden;}


.footer{width:auto;height:auto;background:#A9CA75;overflow:hidden;}
.foomm{width:981px;height:auto;padding:0px 0px 20px 9px;margin:0 auto;overflow:hidden;}
.foommle{width:230px;height:90px;background:url("../images/zj.png"/*tpa=http://www.hbgwd.com/home/Tpl/default/images/zj.png*/) 0px -1435px no-repeat;float:left;display:inline;overflow:hidden;}


.foommri{width:730px;height:auto;padding:10px 20px 0px 0px;float:right;display:inline; overflow:hidden;font-size:12px;line-height:22px;color:#000; text-align:center;}


#fiber {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 200px; PADDING-TOP: 0px}
#wufangbudai {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url("fiber/rb01.jpg"/*tpa=http://www.hbgwd.com/home/Tpl/default/css/fiber/rb01.jpg*/); PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 340px; PADDING-TOP: 0px; HEIGHT: 467px}
#wufangbudai IMG {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}
#text {Z-INDEX: 10; LEFT: 60px; WIDTH: 235px; COLOR: #ffffff; POSITION: relative; TOP: -280px; HEIGHT: 178px; TEXT-ALIGN: center}
#text p{ margin:10px 0; color:#FFF;}
#STYLE1 {FONT-WEIGHT: bold; FONT-SIZE: 36px; FONT-FAMILY: Arial}
#STYLE2 {FONT-WEIGHT: bold; FONT-SIZE: 92px; FONT-FAMILY: Webdings}
#STYLE3 {FONT-SIZE: 18px; FONT-FAMILY: Arial}
#STYLE4 {FONT-SIZE: 18px; FONT-FAMILY: Arial}
IMG {BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px}
#fiber IMG {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; magin: 0;}
.wbytext{ height:18px; padding:5px; outline:none; border:1px solid #CCC;}
#colours{ padding:5px;}
.other p{ margin:10px 0;}