.head{ min-height: 135px;}
.hbnav{ height: 86px; background: #f99f29; min-width: 1155px; }
.hbnav .logobox{width: 254px; height: 70px; top: 8px; left: 9px; }
.hbnav .logobox .prologo{ width: 90px; height: 67px;  left: 0px; top: 0px; }
.hbnav .logobox .proinfo{ padding-left: 100px;}
.hbnav .logobox .proinfo h3{ height: 30px; line-height: 30px; font-size: 16px; }
.hbnav .logobox .proinfo p { height:15px; line-height: 15px; display: block; margin-bottom: 3px; color: #fff;}
.hbnav .btnbox{ width: 900px; height: 86px; left: 255px; top: 0px;}
.hbnav .btnbox .btn{ width: 120px; height: 86px; position: absolute; top: 0px;}
.hbnav .btnbox .btn.btn1{ left: 4px;}
.hbnav .btnbox .btn.btn2{ left: 127px;}
.hbnav .btnbox .btn.btn3{ left: 254px;}
.hbnav .btnbox .btn.btn4{ left: 762px;}

.hbnav .btnbox .btn .ic{ display: block; width: 37px; height: 37px; position: absolute; left: 40px; top: 14px; background:url(../images/findpro/pro-nav-ic.png) no-repeat; }
.hbnav .btnbox .btn .ic.ic1{ background-size:300px auto;  background-position:0px 1px;  }
.hbnav .btnbox .btn .ic.ic2{  background-size:300px auto;  background-position:-38px 1px;  }
.hbnav .btnbox .btn .ic.ic3{  background-size:300px auto;  background-position:-75px 1px;  }
.hbnav .btnbox .btn .ic.ic4{ background-size:300px auto;  background-position:-110px -43px;  }
.hbnav .btnbox .btn.on .ic.ic1{ background-position:1px -43px;}
.hbnav .btnbox .btn.on .ic.ic2{ background-position:-38px -43px;}
.hbnav .btnbox .btn.on .ic.ic3{ background-position:-75px -43px;}
/*.hbnav .btnbox .btn.on .ic.ic4{ background-position:-110px -43px;}*/


.hbnav .btnbox .btn p{ height: 25px; display: block; width: 120px; line-height: 25px; position: absolute; left: 0px; bottom: 10px; overflow: hidden; color: #fff; text-align: center;}
.hbnav .btnbox .btn.on{ background: #ebebeb;}
.hbnav .btnbox .btn.on p{  color: #f99f29 ;}
.hbnav .btnbox .bdic{ position: absolute; height: 44px; width: 1px; background:url(../images/findpro/hb/nav-bg01.jpg) no-repeat; top: 20px; }
.hbnav .btnbox .bdic.bdic1{ left: 0px;}
.hbnav .btnbox .bdic.bdic2{ left: 122px;}
.hbnav .btnbox .bdic.bdic3{ left: 252px;}
.hbnav .btnbox .bdic.bdic4{ left: 380px;}

.hbnav .btnbox .bdic.bdic5{ left: 758px;}
.hbnav .btnbox .bdic.bdic6{ left: 885px;}

.hbcont{ clear: both; overflow: hidden;}
.hbcont img{ width: 100%; display: block; clear: both; border: 0px;}

/*detail*/

.prodetailBox{ min-height: 500px; font-size: 12px;}
.prodetailBox .prolf{ float: left; width: 906px; float: left;}
.prodetailBox .proTabBox{ border: 1px solid #eeeeee; }
.prodetailBox .proTabBox ol{ height: 31px; border-bottom: 1px solid #eeeeee;}
.prodetailBox .proTabBox ol li{ width: 103px; height: 31px; float: left; position: relative; text-align: center; line-height: 31px; font-size: 14px; }
.prodetailBox .proTabBox ol li .ic{ position: absolute; width: 1px; height:14px; top:8px; right: 0px; background: #eeeeee; }
.prodetailBox .proTabBox ol li a{ display: block; color:#f99f29; }
.proTabCont{  line-height: 26px; padding: 15px; overflow: hidden; }
.proTabCont h5{ margin-bottom: 15px; font-size: 14px; }
.proTabCont h5 em{ font-style: normal; color:#f99f29; }
.proTabCont p{ margin-bottom: 15px;  } 
.prodetailBox .prort{ width: 233px; float: right;  }

.tabProList{ position: relative; overflow: hidden; }
.tabProList .tab{ height: 30px; background: #f99f29; color: #fff; }
.tabProList .tab li{ height: 30px;  width: 90px; float: left; cursor: pointer; text-align: center; line-height: 30px; }
.tabProList .tab li.on{ background: #eeeeee; color: #f99f29;}
.atList.al1 { padding: 0px 15px; }
.atList.al1 li { float: left; width: 185px;}

.jmBox .atList li{ float: left; width: 185px; }
.proListBox{ overflow: hidden; }
.proList li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #eeeeee;}