/*经典案例-开始*/
.case{width: 1200px;height: 949px; margin:0 auto; margin-top: 30px;}
.case .case_left{float: left; display: block; }
.case .right{float: right; width: 800px; height:auto; background:#fff; border: 1px solid #eaeaea;}
/*经典案例 左半部分-开始*/
.case .case_left .case_left-top{width: 353px;height: 632px;background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/left_top.png) 0 0 no-repeat;}
.case_left .case_left-top .pbg{background: #2294dc;}
.case_left .case_left-top .pbg p{height: 44px;line-height: 44px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat ;background-position: -1px 0px; background-position:40px 9px; padding:0 40px 0 97px; margin-bottom: 4px; color:#fff;}
.case_left ul li{ width: 271px; height: 44px;line-height: 44px; padding:0 40px 0 40px; background:#eeeeee url(http://www.hnhxlc.com/static/duanxin/images/img-index/blue-right.png) 296px center no-repeat; margin-bottom: 4px; margin-left: 1px; color:#0087dd; position: relative;}
.case_left ul li:hover{background: #ff9428;color:#fff;}
.case_left ul li a{color: #0087dd;}
.case_left ul li a:hover{background: #ff9428;color:#fff;}
.current a span{color:#fff;}
.case_left ul li em{display:inline-block;margin:0 26px 0 0;}
.case_left ul li span{ height: 24px; display:inline-block; position: absolute; top:0;}
.case_left ul .li01 em{ width: 30px; height: 24px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -50px; margin-top: 11px;}
.case_left ul .li02 em{ width: 30px; height: 28px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -96px; margin-top: 9px;}
.case_left ul .li03 em{ width: 30px; height: 25px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -144px; margin-top: 10px;}
.case_left ul .li04 em{ width: 30px; height: 20px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -195px; margin-top: 13px;}
.case_left ul .li05 em{ width: 30px; height: 29px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -238px; margin-top: 8px;}
.case_left ul .li06 em{ width: 30px; height: 27px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -287px; margin-top: 9px;}
.case_left ul .li07 em{ width: 30px; height: 26px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -335px; margin-top: 9px;}
.case_left ul .li08 em{ width: 30px; height: 25px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -384px; margin-top: 10px;}
.case_left ul .li09 em{ width: 30px; height: 25px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -432px; margin-top: 10px;}
.case_left ul .li10 em{ width: 30px; height: 25px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -480px; margin-top: 10px;}
.case_left ul .li11 em{ width: 30px; height: 25px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -527px; margin-top: 9px;}
.case_left ul .li12 em{ width: 30px; height: 19px; display:inline-block; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/bgzu.png) no-repeat;background-position: 0px -578px; margin-top: 12px;}
.case_left ul li.current{ background: #ff9428 url(http://www.hnhxlc.com/static/duanxin/images/img-index/white-right.png) 296px center no-repeat; color:#fff;}
/*经典案例 左下方-*/
.case_left .case_left-bottom{width: 271px;height: 291px;background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/left_bottom.png) 0 0 no-repeat;margin-top: 26px; padding-left:43px; padding-right: 41px; position: relative;}
.case_left .case_left-bottom span{color:#333; line-height:51px;}
.case_left .case_left-bottom .tel{height: 62px;border-bottom: 1px solid #efefef; line-height: 24px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/tel01.png) center left no-repeat; overflow:hidden; padding-left:55px;}
.case_left .case_left-bottom .mail{height: 62px;border-bottom: 1px solid #efefef; line-height: 24px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/mail.png) center left no-repeat; overflow:hidden; padding-left:55px;}
.case_left .case_left-bottom .chuanzhen{height: 62px;border-bottom: 1px solid #efefef; line-height: 24px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/dayin.png) center left no-repeat; overflow:hidden; padding-left:55px;}
.case_left .case_left-bottom .tel .p1,.mail .p1,.chuanzhen .p1{ color:#333;margin-top: 8px;}
.case_left .case_left-bottom .guanggao{width: 352px; height: 47px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/tu.png) 0 0 no-repeat; position: absolute;top:240px;left:2px;}
/*经典案例 左半部分-结束*/
/*经典案例 右半部分-开始*/
.case_right .top{width: 800px;height: 47px;background:#17a5fc;}
.case_right .top p{height: 45px;margin-left: 40px; background: url(http://www.hnhxlc.com/static/duanxin/images/img-index/yuantuo.png) center left no-repeat; line-height: 43px; color:#fff; padding-left: 38px;}
/*经典案例 右半部分-结束*/
.case_right{display:none;}
#current{display:block;}
.case_right .content .con{width: 720px;height:auto; margin: 25px auto; border-bottom: 1px solid #e5e5e5; overflow:hidden; padding-bottom:25px;} 
.case_right .content .con .conbox{float: left;}
.case_right .content .con .context{width: 517px;float: right;}
.case_right .content .con .context span{color:#333;}
.case_right .content .con .context p{line-height: 20px;}
.case_right .content .con .context small{line-height: 20px;color:#e67400;}
.case_right .content .con .context .btn a{display:block; width: 88px; height: 24px; background:url(http://www.hnhxlc.com/static/duanxin/images/img-index/btnblue.png) 0 0 no-repeat; text-align: center; line-height: 20px;color:#fff; margin:8px 0 0 414px;}
.case_right .bottom{width: 204px;height: 34px; margin: 30px auto; background: #ededed; line-height: 34px; text-align: center;}
.case_right .bottom span{width: 35px;height: 35px; display:inline-block; float: left;cursor:pointer ;}
.case_right .bottom .bs{float: left; width:67px; cursor:pointer ; }
.case_right .bottom .bx{float: right;width:67px; cursor:pointer ; }
.case_right .bottom .current{background: #00acee;color:#fff;}
/*经典案例-结束*/
.pagination-container {margin-bottom: 20px; text-align: center;
}