/* CSS Document */

body{ font-size:12px; color:#707070; font-family:"宋体，Arial";margin:0; padding:0;}

ul{ margin:0; padding:0;}

li{ list-style-type:none;}

h1,h2,h3,h4,h5{ margin:0; padding:0;}

img{ border:none;}

p{ margin:0; padding:0;}



a{ color:#707070; text-decoration:none;}

a:hover{ color:#FF0000; text-decoration:none;}



#top{ width:100%; height:86px; background:url("top_bg.jpg")/*tpa=http://www.hnbxzg.com/images/top_bg.jpg*/ repeat-x;margin:auto;}

   .top-cotent{ width:1000px; height:86px; margin:auto;}

   .company-logo{ width:130px; height:63px; padding-top:10px;float:left;}

   .company_name{ width:400px; height:66px; padding-top:20px;margin:0 0 0 10px; display:inline; float:left;}

   .company_name h1{ width:400px; height:25px; line-height:25px; font-weight:bold; font-size:16px;  float:left;}

   .company_name h2{ width:400px; height:15px; font-size:12px; font-weight:normal; line-height:15px; float:left;}

 

   .top-right{ width:290px; height:86px; float:right;}

   

   .four{ width:288px; height:30px; margin-top:13px; float:right;}

.four p{ margin:0; padding:0}

   .seach{ width:197px; height:31px; line-height:31px; padding-left:10px; background:url("seach.jpg")/*tpa=http://www.hnbxzg.com/images/seach.jpg*/ no-repeat; margin-top:5px; float:right;}

   .text{ width:125px; height:31px; padding-left:20px; line-height:31px; border:none; background:none; float:left;}

   .button{ width:42px; height:31px; margin-left:10px; display:inline; border:none; background:none; cursor:hand; float:left;}

#Menu{ width:100%; height:35px;border-bottom:#FFF solid 1px; background:#E8E8E8; margin:auto;}

   .Menu-content{ width:1000px; height:35px; line-height:35px; margin:auto;}

   .Menu-content li{ float:left;}

   .Menu-content li a{ color:#333; text-decoration:none; width:auto; padding:0 10px;display:block;} 

   .Menu-content li a:hover{ color:#FFF; text-decoration:none; background:#800000;}

   

#Banner{ width:100%; height:396px; margin:auto;}

#Banner img{

	margin-right: auto;

	margin-left: auto;

}  

   .banner_content{ width:1000px; height:396px; margin:auto;}    





#info_banner1{ width:100%; height:233px; background:url("/images/banner1.jpg")/*tpa=http://www.hnbxzg.com/images/banner1.jpg*/ center no-repeat;margin:auto;}

#info_banner2{ width:100%; height:233px; background:url("banner2.jpg")/*tpa=http://www.hnbxzg.com/images/banner2.jpg*/ center no-repeat;margin:auto;}

#info_banner3{ width:100%; height:233px; background:url("banner3.jpg")/*tpa=http://www.hnbxzg.com/images/banner3.jpg*/ center no-repeat;margin:auto;}

#info_banner4{ width:100%; height:233px; background:url("banner4.jpg")/*tpa=http://www.hnbxzg.com/images/banner4.jpg*/ center no-repeat;margin:auto;}

#info_banner5{ width:100%; height:233px; background:url("banner5.jpg")/*tpa=http://www.hnbxzg.com/images/banner5.jpg*/ center no-repeat;margin:auto;}

#info_banner6{ width:100%; height:233px; background:url("banner6.jpg")/*tpa=http://www.hnbxzg.com/images/banner6.jpg*/ center no-repeat;margin:auto;}

#info_banner7{ width:100%; height:233px; background:url("banner7.jpg")/*tpa=http://www.hnbxzg.com/images/banner7.jpg*/ center no-repeat;margin:auto;}













#Main{ width:100%; height:auto; background:url("Main-bg.jpg")/*tpa=http://www.hnbxzg.com/images/Main-bg.jpg*/ repeat-x #FFF; padding-bottom:30px; margin:auto;}

   .Main-content{ width:1000px; height:auto; padding-top:12px;margin:auto;}

   

   .company-news{ width:282px; height:200px; overflow:hidden;float:left;}

   .company-title{ width:282px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-title ul{ display:inline; float:left;}

   .company-news-content{ width:282px; height:auto; padding-top:15px; float:left;}

   .news-list{ width:282px; height:17px; line-height:17px; margin:1px 0; float:left;}

   .news-list ul{ display:inline; float:left;}

   .news-ico{ margin-top:8px; margin-right:5px;}

   

   

   .company-pro{ width:395px; height:200px; margin-left:20px; display:inline;overflow:hidden; float:left;}

   .company-pro-title{ width:395px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-pro-title ul{ display:inline; float:left;}

   .company-pro-content{ width:395px; height:auto; padding-top:15px; float:left;}

  

   

   .company-video{ width:277px; height:200px; margin-left:20px; display:inline;overflow:hidden; float:left;}

   .company-video-title{ width:277px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-video-title ul{ display:inline; float:left;}

   .company-video-content{ width:277px; height:auto; padding-top:15px; float:left;}

   .video-list{ width:277px; height:17px; line-height:17px; margin:1px 0; float:left;}

   .video-list ul{ display:inline; float:left;}

   .video-ico{ margin-top:8px; margin-right:5px;}



   

   .company-Introduction{ width:282px; height:200px; margin-top:10px;overflow:hidden; float:left;}

   .company-Introduction-title{ width:282px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-Introduction-title ul{ display:inline; float:left;}

   .company-Introduction-content{ width:282px; height:auto; padding-top:15px; float:left;}

   .company-Introduction-content p{ margin:0; padding:0; line-height:22px;}

   

   

   

   .company-cp{ width:395px; height:200px; margin-left:20px; margin-top:10px; display:inline;overflow:hidden; float:left;}

   .company-cp-title{ width:395px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-cp-title ul{ display:inline; float:left;}

   .company-cp-content{ width:395px; height:auto; padding-top:15px; float:left; overflow:hidden;}

  

   

   .company-contact{ width:277px; height:200px; margin:10px 0 0 20px; display:inline;overflow:hidden;float:left;}

   .company-contact-title{ width:277px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .company-contact-title ul{ display:inline; float:left;}

   .company-contact-content{ width:277px; height:auto; padding-top:15px; float:left;}

   .company-contact-content p{ margin:0; padding:0; line-height:23px;}





   .cp{ width:150px; height:145px; margin:0 5px; display:inline; float:left;}

   .cp-img{ width:146px; height:116px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .cp-font{ width:150px; height:25px; line-height:25px; text-align:center; float:left;}

   

   .al_cp{ width:120px; height:155px; margin:0 5px; display:inline; float:left;}

   .al_cp-img{ width:116px; height:131px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .al_cp-font{ width:120px; height:20px; line-height:20px; text-align:center; float:left;}

   

   .info-cp{ width:150px; height:145px; margin:20px 15px; display:inline; float:left;}

   .info-cp-img{ width:146px; height:116px; border:#DFDFDF solid 1px; padding:1px; float:left;}

   .info-cp-font{ width:150px; height:25px; line-height:25px; text-align:center; float:left;}

   

#bottom{ width:100%; height:auto; background:#f3f3f3;overflow:hidden; margin:auto;}

   .bottom-content{ width:1000px; height:150px; overflow:hidden;margin:auto;}

   .friend{ width:1000px; height:25px; line-height:25px; margin:20px 0 0 0; float:left;}

   .friend li{ float:left;}

   .friend a{ color:#707070;width:auto; padding:0 5px;height:25px;}

   .friend a:hover{ color:#FF0000; text-decoration:none;}

   .adress{ width:1000px; height:auto; line-height:23px; float:left;}

   

   

   .sidebar-left{ width:230px; height:auto; float:left;}

   .sidebar-menu{ width:230px; height:auto; float:left;}

   .sidebar-menu-title{ width:230px; height:29px; line-height:29px; border-bottom:#DFDFDF solid 1px; float:left;}

   .sidebar-menu-title h1{ color:#900006; font-size:14px; font-weight:bold; height:29px; line-height:29px; float:left;}

   .sidebar-menu-content{ width:230px; height:auto; padding-top:2px;float:left;}

   .sidebar-list{ width:230px; height:29px; line-height:30px; border-bottom:#DFDFDF solid 1px; float:left}

   .sidebar-list ul{ display:inline; float:left;}

   

   

   .sidebar-contact{ width:230px; height:200px;  margin-top:20px; display:inline;overflow:hidden; float:left;}

   .sidebar-contact-title{ width:230px; height:27px; line-height:27px;border-bottom:#dfdfdf solid 1px; float:left;}

   .sidebar-contact-title ul{ display:inline; float:left;}

   .sidebar-contact-content{ width:230px; height:auto; padding-top:15px; float:left;}

   .sidebar-contact-content p{ margin:0; padding:0; line-height:23px;}

   

  

   

   

   

   .sidebar-right{ width:725px; height:auto; float:right;}

   .sidebar-right-title{ width:725px; height:29px; line-height:30px; border-bottom:#DFDFDF solid 1px; float:left;}

   .sidebar-right-title ul{ float:left;}

   

   .sidebar-right-content{ width:725px; height:auto; padding-top:10px; line-height:24px;float:left;}

   

   

   .pro-title{ width:725px; height:90px; line-height:80px; text-align:center; font-size:14px; color:#333; font-weight:bold; float:left;}

   .adress-from{ width:725px; height:20px; line-height:20px; text-align:center; color:#666; margin:5px 0; float:left;}

   .information{ width:725px; height:auto; margin-top:10px; float:left;}

   

   .info-news-list{ width:725px; height:17px; border-bottom:#DFDFDF dotted 1px; line-height:17px; margin:3px 0; float:left;}

   .info-news-list ul{ display:inline; float:left;}

   .info-news-ico{ margin-top:8px; margin-right:5px;}

   

   

   

   

   .next{ width:725px; height:25px; line-height:25px; text-align:center; margin:10px 0; float:left;}







#demoLeft {

float:left;

overflow:hidden;

border: 0px dashed #CCC;

width: 990px;

height:145px;

}



#demoLeft .indemo {

float: left;

width: 500%;

}



#demoTop .indemo {

float: left;

width: 100%;

}





#demo1,#demo3 {

float: left;

}



#demo2,#demo4 {

float: left;

}

   

   /*======共用样式======*/

   .clear{ clear:both}

   .title-font{ font-family:"微软雅黑"; color:#900006; font-size:14px; font-weight:bold; margin-right:5px;}

   .menu-list-ico{ margin:11px 10px 0 53px;}

   .sidebar-title-font{ font-size:14px; font-weight:bold; color:#900006;}

   

   

   

   

   

.banner_div{height:420px;margin:1px auto 0px auto;overflow:hidden;position:relative;}



#flash { width:100%; height:420px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}

#flash a {width:100%; height:420px; display:none;}

#flash img {/*width:100%; height:407px; display:none;*/}

.flash_bar { width:130px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; bottom:55px;text-align:center;margin:0 auto;position:relative; }

.flash_bar .dq { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;

background:url("tg_flash_p.png")/*tpa=http://www.hnbxzg.com/images/tg_flash_p.png*/ no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p.png" ,sizingMethod="crop"); }

.flash_bar .no { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;

background:url("tg_flash_p2.png")/*tpa=http://www.hnbxzg.com/images/tg_flash_p2.png*/ no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="tg_flash_p2.png" ,sizingMethod="crop"); }

#flashBg { height:420px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}

#flashLine {height:420px; width:100%; clear:both;}