@charset "utf-8";
/* CSS Document */
/*头部*/
.kyHd{width:100%; height:42px;background: #088fdc; text-align: center; position: relative; z-index: 1000; color: #333;font:12px/1.75 \5FAE\8F6F\96C5\9ED1,\5b8b\4f53,sans-serif,tahoma,arial,'Hiragino Sans GB'; }
.kyTop{width:1000px;margin:0 auto; text-align: left; position:relative;}
.kyLogo{float:left;width:140px; height: 42px; display: inline;  }
.kyLogo a{ width:128px; height: 42px; display: block; line-height: 999em; overflow: hidden;position: relative; }
.kyLogo a i{width:128px; height: 42px; display: block; background: url(https://www.hbcjw.com/templets/default/top_head/logo_topbar.png) no-repeat left center;position: absolute;left: 0;top: 0}
.hdkyList,.kyAccount,.kyHandle{float: left;padding:0; margin: 0; position: relative;}
.kyHandle{margin: 0; }
.kyAccount{padding-right: 10px; }
.hdkyList li,.kyAccount li,.kyHandle li{ float: left;list-style: none;  line-height: 42px; height:42px; position: relative;}
.hdkyList li{margin-right:1px; display: inline;}
.kyHandle li{ line-height: 42px; height:42px; }
.hdkyList li a{ float: left;padding:0 10px;font-size: 12px;color:#fff; text-decoration: none;}
.hdkyList li.kyGap,.kyMyInfo .kyGap{ width:1px;background-position:-21px 16px; }
.hdkyList li a:hover{background: #2fa7ec; color: #fff}
.hdkyList li.kyCur{background: #0780d6; color: #fff}
.hdkyList li i{width:3px; height:40px; float: left; background-position:-19px -22px;  }
.kyFr{float:right; position: relative;}
.kyAccount li a{ width:42px; height: 42px; display: block; line-height: 999em; overflow: hidden;}
.kyAccount li a:hover{ opacity: 0.8;filter:alpha(opacity=80);}

.kyHandle li .kyHandleLink{width:42px; height: 42px; display: block; line-height: 999em; overflow: hidden; border-left:#0980c3 1px solid; cursor: pointer;}

.kyHandle li.kyon .kyHandleLink{background-color: #5eb6e8; height: 42px;  z-index: 3; position: relative;width:42px; height: 42px; display: block; line-height: 999em; overflow: hidden;}
.kyDownMenu{position: absolute;right: -1px;top:42px; padding:10px; border:#ddd 1px solid;border-top: 0 none; width: 300px; height: 30px; background: #fff; z-index: 2; display: none;}
.kyMobile .kyDownMenu{width:65px; height: 48px; right: 0;}
.kyDownMenu p{padding:0; margin: 0; line-height: 24px;}
.kyDownMenu p a{ color: #333}
.kyDownMenu p a:hover{ color: #f60}
.kySearchInput{padding:4px; height: 20px; background: #fff; border:#efefef 1px solid;width:200px; float: left; border-radius: 2px; color: #666; font-size: 12px;}
.kySearchBtn{width:60px; height: 30px; color: #fff; line-height: 30px; background: #088fdc; border-radius: 3px; text-align: center; float: right; font-size: 14px;}
a.kySearchBtn:hover{ color: #e5e5e5; text-decoration: none;}
.kyHandle li.kyon .kyDownMenu{ display: block;}
.kyMyInfo{ float: left; padding:0; margin: 0; line-height: 42px;  color: #ddd}
.kyMyInfo a{ margin-right: 12px; color: #fff; float: left; display: inline;}
.kyMyInfo a:hover{ color: #fff;}
.kyMyInfo span{float: left;}
.kyMyInfo .kyGap{margin: 0 12px 0 0; display: inline; height: 42px;}
.kySearch{

    width: 42px;
    height: 42px;
    border-left: #0980c3 1px solid;


}
.kySearch a{
  display: block;
}

.box1:hover .ycimg{
    position: absolute;

    display:block; 
} 
.box1 .ycimg{
  position: absolute;
    display:none; 
}


/*底部*/
/*版权信息*/
.footer{margin:8px auto 0 auto;padding:12px 0 10px 0;width:960px;border-top:2px solid #709ab9;text-align:center;line-height:20px;color:#444;}
.footer a{color:#0885ef;}
.footer strong{color:#444;}
.footer .subnav{color:#bbb;}
.footer .subnav a{color:#194f77;}


/*悬浮窗口  csss*/
.izl-rmenu {display: none;}
#float-right{width: 180px;
    /*height: 425px;*/
    height: 316px;
    background: url(https://www.hbcjw.com/style/images/ad_ak_ar.png);
    background-size: 100%;
    padding-top: 112px;
    right: 0;
    top: 25%;
    position: fixed;
    z-index: 9999;
}
#float-right>p{text-align: center;font-size:16px;color: #fff;height: 31px;line-height: 34px;}
#float-right>p>a{color: #fff;font-size: 12px;}
#float-right ul{width: 180px;overflow: hidden;}
#float-right li{
    font-size: 16px;
    color: #0168b7;
    text-align: center;
    height: 28px;
    width: 117px;
    line-height: 28px;
    margin: 3px auto;
}
#float-right a{color: #0168b7;font-size: 12px;display: block;}
#float-right a:hover{color: red;}
#float-right .float-right-wsbm{margin-top:13px;}
#float-right .float-right-wsbm a{color: #fff;display: block;}
#float-right-ewm{width: 50px;height: 64px;position: absolute;right: 66px;bottom: 32px;font-size: 0;text-align: center;}
#float-right-ewm img{width: 50px;height: 50px;}
#float-right-ewm>p{font-size: 8px;}
#float-right-totop{    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    font-size: 16px;
    letter-spacing: 4px;}
#float-right-ewm #float-right-ewm-h{    width: 117px;
    height: 117px;
    position: absolute;
    left: -160px;
    top: -68px;
    max-width: 117px !important;
    display: none;}
#float-right-ewm:hover #float-right-ewm-h{display:block;}