body{font-size:14px;color:#333333;font-family: "微软雅黑";background-color:#ffffff;background:url("../../images/topbg.jpg")/*tpa=http://www.hbbolaite.com/images/topbg.jpg*/ repeat-x;}
*{margin:0px;padding:0px}
li{list-style-type:none;}
img{border:0px;}
a:link{color:#333333;text-decoration:none;}
a:visited{color:#333333;text-decoration:none;}
a:hover{color:#FF3300;text-decoration:none;}
a:active{text-decoration:none;}
/*万能清除浮动开始*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear:both;height: 0;}
.clearfix {display: inline-table;} /* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.bian{border:1px solid #DDDDDD;height:100%}
.clear{clear:both;font-size:0px;}
.line{height:10px;font-size:0px;clear:both;}
.line2{height:14px;background:url("../../images/dede.jpg")/*tpa=http://www.hbbolaite.com/images/dede.jpg*/ repeat-x;}
.con{width:1200px;margin:0px auto;overflow:hidden;}
.container{margin:0 auto;width:1200px;}
.container2{margin:0 auto;width:1200px;height:40px;}

.topwz{float:left;line-height:40px;}
.search{float:right;padding-top:10px;}
.logo{margin:0px auto;height:120px;}


.nav{margin:0px auto;width:1200px}
.nav li{line-height:60px;height:60px;float:left;width:133px;background:url("../../images/navbg2.png")/*tpa=http://www.hbbolaite.com/images/navbg2.png*/;text-align:center;}
.nav li a{font-size:16px;color:#1F1E1E;}
.nav li a:hover{color:#D20202;text-decoration:none}

/*banner*/
.banner{position:relative;height:640px;overflow:hidden;background:url("../../images/loading.gif")/*tpa=http://www.hbbolaite.com/images/loading.gif*/ 50% no-repeat;min-width: 1200px;}
.Bannerslider {position: relative;width: 100%;margin: 0 auto;overflow: hidden;}
.Bannerslider ul {position: relative;width: 1000%;overflow: hidden;}
.Bannerslider ul li {width: 10%;float: left;display: block;background: center top no-repeat;}
.Bannerslider ul li img {display: block;visibility: hidden;}
.Bannerslider ol {text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;margin: 0;}
.Bannerslider ol li {width: 16px;height: 16px;background: url("dot.png")/*tpa=http://www.hbbolaite.com/en/images/dot.png*/ 0 -16px;cursor: pointer;display: inline-block;*display:inline;*zoom:1;}
.Bannerslider ol li.on {width: 16px;height: 16px;background: url("dot.png")/*tpa=http://www.hbbolaite.com/en/images/dot.png*/ 0 0px;}
.Bannerslider .ScrollLeft {display: none;width: 60px;height: 90px;position: absolute;top: 50%;left: 0;opacity: 0.8;background: url("../../images/ad_ctr.png")/*tpa=http://www.hbbolaite.com/images/ad_ctr.png*/ 0 0;cursor: pointer;z-index: 1;margin-top: -60px;}
.Bannerslider .ScrollRight {display: none;width: 60px;height: 90px;position: absolute;top: 50%;right: 0;opacity: 0.8;background: url("../../images/ad_ctr.png")/*tpa=http://www.hbbolaite.com/images/ad_ctr.png*/ 0 -90px;cursor: pointer;z-index: 1;margin-top: -60px;}
.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover {opacity: 1;}
.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight {display: block;}

.gongsiban{width:100%;height:380px;background-image:url("../../images/gsjjban.jpg")/*tpa=http://www.hbbolaite.com/images/gsjjban.jpg*/;background-position: center center;min-width: 1200px;}
.chanpinban{width:100%;height:380px;background-image:url("chanpinban.jpg")/*tpa=http://www.hbbolaite.com/en/images/chanpinban.jpg*/;background-position: center center;min-width: 1200px;}
.xinwenban{width:100%;height:380px;background-image:url("xinwenban.jpg")/*tpa=http://www.hbbolaite.com/en/images/xinwenban.jpg*/;background-position: center center;min-width: 1200px;}


.links{width:1200px;margin:20px auto 0;border-top:1px dotted #9c9c9c;background:url("../../images/links.jpg")/*tpa=http://www.hbbolaite.com/images/links.jpg*/ 5px center no-repeat;text-indent:39px;font:14px/62px "microsoft yahei";color:#666;overflow:hidden;}
.links a{margin:0 12px;color:#666}

/*底部*/
.foot2{width:100%;background:#0E0E0E;}
.foot{width: 1200px;margin-right: auto;margin-left: auto;background:#0E0E0E;text-align:center;padding-top:20px;padding-bottom:20px;overflow:hidden;}
.foot a{margin:0px auto;width:1200px;color:#ffffff;line-height:36px;}
.foot p{margin-top:10px;line-height:38px;text-align:center;font-size:14px;color:#ffffff;}
/*分页*/
.pages{clear:both;line-height:30px;text-align:center}
.pages span{padding:2px 4px;margin-left:5px;color:#FF6600;font-weight:blod;}
.pages a{padding:2px 6px;margin-left:5px;border:1px solid #DDDDDD;}



/*首页样式*/

.title{overflow:hidden;width:100%;text-align:center;position: relative;margin:20px 0;}
.title span{display:block;text-transform:uppercase;font-weight:lighter;font-size:38px;color:#dad9d9;}
.title h2{font-weight:normal;margin:5px 0;font-size:28px;color:#000;}
.title .sc{display:block;width:196px;height:26px;text-align:center;line-height:26px;font-size:13px;color:#666;position:relative;z-index:1;background-color:#f0f0f0;margin:0 auto;border-radius:3px;}
.title i{display:block;width:100%;height:1px;background-color:#d9d9d9;position:absolute;left:0;bottom:13px;}


.zjwy2{width:100%; height:526px; background-color:#F5F6F8;}
.zjwy{ overflow:hidden; width:1200px; height:526px; background-color:#F5F6F8;margin-right: auto;margin-left: auto;}
.zjwbBox{width:100%;}
.zjwbBox h3{font-size:26px;text-align:center; margin-top:30px; background:url("../../images/zjwy_bg.png")/*tpa=http://www.hbbolaite.com/images/zjwy_bg.png*/ no-repeat center top}
.zjwbBox h3 a{color:#227ecb;}
.zjwbBox .wy_tupian{width:480px; height:252px; margin-top:32px; float:left; }
.zjwbBox .wy_tupian img{border:1px solid #E7E7E7; padding:3px}
.zjwbBox .wy_jianjie{width:720px; height:235px; margin-top:40px; float:right;}
.wy_jianjie dt{color:#666; line-height:32px; height:186px; overflow:hidden; font-size:14px;}
.wy_jianjie dd{display:block;width:116px;text-align:center;border:2px solid #FF3333;padding:5px;margin-top:20px;border-radius:15px;}
.wy_jianjie dd a{color: #999999;}
.wy_jianjie dd:hover{width:116px;border:2px solid #0066CC;color: #FF3333;}


/*实力强，有保障*/
.slq{width:100%;position:relative;margin-top:40px;}
.Boxbg{width:100%;height:196px;background-color: #EFEFEF;}
.Boxbg2{width: 1200px;margin-right: auto;margin-left: auto;height:196px;background-color: #EFEFEF;}




.slqBox{width:1200px;margin:0 auto;}
.slqBox h4{font-size:30px;color:#333;}
.slqBox h5{font-size:18px;color:#666666;margin:10px 0px 30px;}
.slqBox p{font-size:14px;color:#333333;padding-left:20px;margin-top:10px;background:url("../../images/xiaohua.png")/*tpa=http://www.hbbolaite.com/images/xiaohua.png*/ no-repeat left 10px;line-height:30px}

.slq01{width:100%;height:438px;background:url("../../images/ys_line.jpg")/*tpa=http://www.hbbolaite.com/images/ys_line.jpg*/ bottom no-repeat }
.Box{overflow:hidden;margin:0 auto;height:190px;background:url("../../images/slq01.jpg")/*tpa=http://www.hbbolaite.com/images/slq01.jpg*/ no-repeat center;}
.Box h3{font-size:30px;color:#333;text-align:center;margin-top:26px }
.Box h3 span{font-size:40px;}
.Box p{font-size:14px;color:#114661;text-align:center;margin-top:16px;}
.Box p>span{font-size:30px;color:#114661;}



.slqBox .Box1{padding-left:115px;}
.slqBox b{font-size:30px;position: absolute;font-weight: bold;width:96px;height:96px;display:block;background:url("../../images/ys1.png")/*tpa=http://www.hbbolaite.com/images/ys1.png*/ no-repeat;text-align: center;line-height:96px;color: #333;margin-top:40px;}
.slq02 .slqBox b{font-size:30px;position: absolute;left:1000px;font-weight: bold;width:96px;height:96px;display:block;background:url("../../images/ys1.png")/*tpa=http://www.hbbolaite.com/images/ys1.png*/ no-repeat;text-align: center;line-height:96px;color: #333;margin-top:20px;}
.slqBox .Box1 .wz{float:left;padding-top:50px;width:513px;overflow:hidden}
.slqBox .Box1 .ystp1 img{padding-left:100px}
.slq .slq02{width:100%;height:420px;background:url("../../images/ys_line.jpg")/*tpa=http://www.hbbolaite.com/images/ys_line.jpg*/ bottom no-repeat}
.slqBox .Box2 .ystp2{float:left;}
.slqBox .Box2 .wz{width:442px;float:right;padding:20px 10px 0px 130px}
.slq .slq03{width:100%;margin-top:50px;height:420px;background:url("../../images/ys_line.jpg")/*tpa=http://www.hbbolaite.com/images/ys_line.jpg*/ bottom no-repeat}
.slqBox .Box3 .wz{float:left;padding:40px 20px 0px 120px;width:460px}
.slqBox .Box3 .ystp3 img{padding-left:50px;float:right;}
.slq04 .slqBox b{font-size:30px;position: absolute;left:1000px;font-weight: bold;width:96px;height:96px;display:block;background:url("../../images/ys1.png")/*tpa=http://www.hbbolaite.com/images/ys1.png*/ no-repeat;text-align: center;line-height:96px;color: #333;margin-top:20px;}
.slq .slq04{width:100%;}
.slqBox .Box4 .ystp4{float:left;}
.slqBox .Box4 .wz{width:442px;float:right;padding:20px 1px 0px 130px}


/*企业相册*/

.kehu{width:100%;background-color:#eee;}
.anniu_kj{width: 1200px;margin-right: auto;margin-left: auto;background-color:#eee;background-color:#eee;height:300px;overflow:hidden;}

.khdl{width: 1200px;margin-right: auto;margin-left: auto;background-color:#eee;}
.khdl ul{margin-top:50px;}
.khdl li{float:left;margin-right:18px;height:214px;width:236px;background-color:#FFF;}
.khdl li img{display:block;padding:10px;background:#FFF;}
.khdl li span{display:block;font-size:14px;font-weight:bold;text-align:center;color:#666;height:19px;width:236px;overflow:hidden}
.khdl li  p{font-size:14px;color:#404040;width:209px;height:60px;line-height:20px;margin:0 auto;margin-top:20px;overflow:hidden}
.khdl li i{display:block;width:26px;height:26px;float:right;background:url("kuhu.png")/*tpa=http://www.hbbolaite.com/en/images/kuhu.png*/ no-repeat top right;top: -20px;position: relative;}
.anniu_kj em{display:block;width:43px;height:43px;cursor:pointer;position:absolute;top:45%;}
.anniu_kj em:hover{background-position:bottom;}
.khdl li.ys_last{margin-right:0px;}


/*首页新闻*/
.synewsbg{background-image: url("../../images/synewsbg.jpg")/*tpa=http://www.hbbolaite.com/images/synewsbg.jpg*/;background-repeat: repeat-x;background-position: left top;height: 360px;width: 100%;margin-right: auto;margin-left: auto;}
.synewsbot{background-image: url("../../images/synewsbot.jpg")/*tpa=http://www.hbbolaite.com/images/synewsbot.jpg*/;background-repeat: no-repeat;background-position: left top;height: 30px;width: 1200px;margin-right: auto;margin-left: auto;}
.fl {float:left;}
.fr {float:right;}
.contTit{position:relative;padding-left:20px;height:48px;line-height:48px;font-size:15px;background-image: url("../../images/synewsico.png")/*tpa=http://www.hbbolaite.com/images/synewsico.png*/;background-repeat: no-repeat;background-position: 20px 35px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E7E7E7;}
.contTit .titA{font-size:16px;color:#00458d;margin-right:8px;font-family: "微软雅黑";}
.contTit span{font-size:14px;color:#999;font-weight:normal;}
.contTit .titMore{position:absolute;right:20px;top:0px;font-size:13px;color:#3c3c3c;font-weight:normal;}

.synews{background-color: #FFFFFF;width: 1200px;height: 290px;float: left;margin-top: 20px;margin-bottom: 20px;padding-top: 20px;padding-bottom: 10px;}
.wtjds{width:570px;border:0px solid #cbcbcb;overflow:hidden;background-image: url("../../images/titicon.png")/*tpa=http://www.hbbolaite.com/images/titicon.png*/;background-repeat: no-repeat;background-position: left 17px;}
.wtjd{width:420px;border:1px solid #cbcbcb;overflow:hidden;}
.wtjdCont{margin-top:10px;overflow:hidden;}
.wtjdnews{width:100%;overflow:hidden;;}
.wtjdnews ul{margin:10px}
.wtjdnews ul li{line-height:38px;height:38px;overflow:hidden;background-image: url("../../images/xiaohua.png")/*tpa=http://www.hbbolaite.com/images/xiaohua.png*/;background-position: left center;background-repeat: no-repeat;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #EBEBEB;}
.wtjdnews ul li a{line-height:38px;height:38px;color: #666666;font-size: 14px;margin-left: 15px;}
.wtjdnews ul li a:hover{color: #333;}
.wtjdnews ul li span{float:right;color:#ccc;font-size: 14px;}



.left .contact{margin-bottom:0px;margin-top: 15px;float: left;width: 275px;background-image: url("../../images/contactbg.png")/*tpa=http://www.hbbolaite.com/images/contactbg.png*/;background-repeat: no-repeat;background-position: left top;}
.left .contact h3{width:240px;height: 60px;font-size: 24px;color: #B0B0B0;letter-spacing: 0.2em;float: left;display: block;padding-left: 35px;padding-top: 10px;}
.left .contact h3 span{display: block;text-transform: uppercase;font-size: 13px;}
.left .box .content{padding:5px 0px;}

.n_contact .leftcontent{float: left;width: 245px;line-height:28px;color: #333232;font-family: "微软雅黑";font-size:13px;padding-top: 0px;padding-left:20px;border-right-width: 5px;border-bottom-width: 5px;border-left-width: 5px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #eee;border-bottom-color: #eee;border-left-color: #eee;padding-bottom: 10px;}
.n_contact .leftcontent span{color:#F80326;margin-top:10px;font-size:15px;font-weight:bold;}

.main_box{width:1200px;margin:20px auto;margin-bottom:20px;overflow:hidden;}
.left {float: left;width: 275px;}
/*二级页面  产品分类*/
#subnavs{width:275px;font-family: "Microsoft YaHei";}
#subnavs h2 {color:#fff;font-size:24px;background:url("../../images/tit1n.jpg")/*tpa=http://www.hbbolaite.com/images/tit1n.jpg*/ no-repeat;height:80px;line-height:80px;text-align:center;overflow:hidden;font-weight:bold;}
#subnavs h2 a{color:#fff;float: left;width: 200px;letter-spacing: 0.2em;}
#subnavs span {font-family: "微软雅黑";font-size: 14px;}
.expmenu{background:#fff;overflow:hidden;border-top-width: 0;border-right-width: 5px;border-bottom-width: 5px;border-left-width: 5px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #2178D2;border-right-color: #00C0FF;border-bottom-color: #00C0FF;border-left-color: #00C0FF;padding-top: 5px;padding-bottom: 5px;}
.expmenu li div.header{width:265px;margin-top: 5px;margin-bottom: 5px;float:left;}
.expmenu li div.header a{width:250px;height:36px;line-height:36px;overflow:hidden;padding-right: 0;padding-left:10px;padding-bottom: 0px;padding-top: 0px;float: left;background-image: url("../../images/jia.png")/*tpa=http://www.hbbolaite.com/images/jia.png*/;background-repeat: no-repeat;background-position: left center;border-radius:3px;margin-right: 3px;margin-left: 2px;}
.expmenu li div.header a{font-size:15px;color:#212627;font-weight: normal;}
.expmenu li div.header a:hover{width:247px;height:36px;line-height:36px;overflow:hidden;color: #fff;float: left;background-image: url("../../images/jiahover.png")/*tpa=http://www.hbbolaite.com/images/jiahover.png*/;background-repeat: no-repeat;background-position: left center;border-radius:3px;margin-right: 3px;margin-left: 2px;padding-left: 13px;}
/*三角按钮*/
/*.expmenu li div.header .arrow{display:block;width:20px;height:30px;float:right;overflow:hidden;cursor:pointer;margin-top:5px;}
.expmenu li div.header .arrow.down{background:url(jian.png) right no-repeat;margin-right:20px;}
.expmenu li div.header .arrow.up{background:url(jiaj.png) right no-repeat;margin-right:20px;}*/ 
/*二级导航*/
.expmenu li .menu{padding:0px;margin-left:2px;float:left;overflow:hidden;}
.expmenu li .menu li{}
.expmenu li .menu li a{float:left;width:120px;height:36px;line-height:36px;padding-left:0px;overflow:hidden;font-size:14px;color: #333;background-color: #DFDFDF;margin: 5px;text-align: center;}
.expmenu li .menu li a:hover{color: #fff;background-color: #0066CC;}
.right {float: right;width: 880px;}
.body_title_td {height:100px;}
.body_title_div {line-height:100px;font-size:18px;font-weight:bold;color:#ffffff;text-align:left;margin-left:45px;margin-top:20px;width:200px;float:left;}
.body_title_td_sty {height:70px;background:url("../../images/body_title_bg.png")/*tpa=http://www.hbbolaite.com/images/body_title_bg.png*/ bottom left no-repeat;}
.body_title_sty {float:left;font-size:24px;color: #333;height:50px;line-height:50px;font-weight: bold;background-image: url("../../images/titicon.png")/*tpa=http://www.hbbolaite.com/images/titicon.png*/;background-repeat: no-repeat;background-position: left center;padding-left: 17px;}
.body_title_sty span {color: #ccc;font-weight: normal;font-size: 14px;}
.body_weizhi_sty {line-height:65px;font-size:14px;color:#464646;float:right;}
.body_content {padding-top:15px;padding-bottom:15px;text-align:left;line-height:30px;font-family: "微软雅黑";font-size: 14px;}
.body_content input{line-height: 25px;border: 1px solid #EAEAEA;font-family: "微软雅黑";padding-right: 5px;padding-left: 5px;}
.body_content textarea{border: 1px solid #EAEAEA;font-family: "微软雅黑";padding-right: 5px;padding-left: 5px;}
.body_content .submit{font-family: "微软雅黑";color: #FFFFFF;background-color: #FF6666;width: 80px;font-size: 14px;line-height: 35px;height: 35px;border-radius:3px;}
.body_content .submit:hover{background-color: #00CC66;}

.pro_list{margin-top:0px;width:880px;}
.pro_list ul li{border:solid 5px #eee;width:265px;float:left;margin-top: 0;margin-right: 8px;margin-bottom: 15px;margin-left: 8px;height: 250px;background-color: #eee;}
.pro_list ul li .ys{display:block;background:#eee;height:36px;line-height:;color:#666;font-size:14px;text-align:center;overflow:hidden;}
.pro_list ul li:hover{border:5px solid #E8E8E8;}
.pro_list ul li:hover .ys{background:#eee;color:#333;}


.news1{width:100%;height:auto;overflow:hidden;margin-right: auto;margin-bottom: 12px;margin-left: auto;}
.news1 li{width:100%;padding:5px 0;height:30px;color:#737373;/* background:#fff; */border-bottom:1px dashed #A4A2A2;background-image: url("../../images/news_dot.jpg")/*tpa=http://www.hbbolaite.com/images/news_dot.jpg*/;background-repeat: no-repeat;background-position: left center;font-family: "微软雅黑";font-size: 14px;line-height: 30px;}
.news1 li a{float:left;margin-left:18px;}
.news1 li span{float:right;margin-right:12px;}



.wxt{width: 24px;float: right;position: relative;margin-right:60px;}
.wxt img{display: block;margin: 0 auto;}
.tcwx{position: absolute;top:30px;z-index: 100;display: none;visibility: hidden;left:-40px;}
.wxt:hover .tcwx{display: block;visibility: visible;width: 120px;}