#kb5-pro {
    width: 100%;
    
}


#kb5-pro .pictop {
    background: url(/static/kb5pc/pictop.jpg) no-repeat center;
    padding-top: 30px;
    padding-bottom: 30px;
}

#kb5-pro .pictop  .h1 {
    max-width: 1112px;
    margin:  0 auto;
    color: white;
    font-size: 34px;
    padding-bottom: 30px;
}

#kb5-pro .pictop .pic-info {
        background: url(/static/kb5pc/pro-top.png) no-repeat center;
        width: 1112px;
        height: 430px;
        margin:  0 auto;
        
}

#kb5-pro .pictop .pic-info .img  {
    display: inline-block;
    width: 600px;
    height: 400px;
}

#kb5-pro .pictop .pic-info .info {
    display: inline-block;
    float: right;
    position: relative;
}








#kb5-pro .pictop .pic-info     .desc {
    position: relative;
    float: right;
    color: white;
    width: 480px;
    padding-top: 50px;
    padding-right: 12px;
}

#kb5-pro .pictop .pic-info     .desc .img {
    display: inline-block;
    padding-top: 67px;
    width: 642px;
    height: 400px;
}


#kb5-pro .pictop .pic-info     .desc .desc {
    position: absolute;
    top: 127px;
    right: 0;
    width: 540px;
    color: #fbfcfd;
}
#kb5-pro .pictop .pic-info     .desc  .u {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    height: 200px;
}

#kb5-pro .pictop .pic-info      .desc  .k {
    display: inline;

}

#kb5-pro .pictop .pic-info      .desc  .v {
    display: inline;
    line-height: 1.7;
}


#kb5-pro .pictop .pic-info    .desc     .tel {
    padding-top: 24px;
    padding-left: 40px;
}

#kb5-pro .pictop .pic-info     .desc  .tel .name {
    font-size: 20px;
    line-height: 20px;
    top: 4px;
        left: 11px;
            position: relative;
}

#kb5-pro .pictop .pic-info     .desc  .tel  .nu {
    padding-top: 30px;
    color: #a9bff4;
}

#kb5-pro .pictop .pic-info     .desc  .tel  .nu span {
    font-size: 24px;
    font-weight: bold;
    color: white;
}




#kb5-pro .pictop .pic-info     .desc .u:nth-child(1) .k,
#kb5-pro .pictop .pic-info     .desc .u:nth-child(2) .k,
#kb5-pro .pictop .pic-info     .desc .u:nth-child(3) .v,
#kb5-pro .pictop .pic-info     .desc .u:nth-child(4) .v
{
    color: #a9bff4;
}


#kb5-pro .pictop .pic-info     .desc .u:nth-child(3) ,
#kb5-pro .pictop .pic-info     .desc .u:nth-child(4) 
{
    height: 55px;
}



#kb5-pro  .main-con {
    width: 1200px;
    margin:  0 auto;
    margin-top: 40px;
}


#kb5-pro  .main-con .pro-real-info {
    display: inline-block;
}


#kb5-pro  .main-con .pro-real-info .meta {
    font-size: 26px;
    position: relative;
}

#kb5-pro  .main-con .pro-real-info .meta  a {
    display: inline-block;
    background: url(/static/kb5pc/pro-meta-a.png);
    width: 159px;
    height: 44px;
    line-height: 44px;
    text-align: center;
        margin-bottom: 0.3em;
}
#kb5-pro  .main-con .pro-real-info .meta  a:hover {
        background: url(/static/kb5pc/pro-meta-a-hover.png);
          width: 159px;
    height: 48px;
    color: white;
}


#kb5-pro  .main-con .pro-real-info .meta  .line {
    position: absolute;
    top: 42px;
    border-bottom: 2px solid #ccc;
    width: 100%;
         z-index: -1;
}




#kb5-pro  h3.k {
          background: url(/static/kb5pc/h3k.png) left center no-repeat;
          padding-left: 100px;
          font-size: 22px;
         margin-top: 30px;
         color: #4a4949;
         margin-bottom: 20px;
}


#kb5-pro  .main-con .pro-real-sidebar{
    display: inline-block;
        background: url(/static/kb5pc/pro-real-sidebar.png) no-repeat center;
        width: 348px;
        height: 1853px;
        float: right;
   
}


#kb5-pro  .main-con .pro-real-sidebar > * {
    display: block;
    position: relative;
    left: 30px;
    
}


#kb5-pro  .main-con .pro-real-sidebar  .list-pro {
    
}

#kb5-pro  .main-con .pro-real-sidebar  a.tip {
    font-size: 24px;
    color: white;
    padding-top: 45px;
    display: block;
    padding-bottom: 30px;
}

#kb5-pro  .main-con .pro-real-sidebar  .list-pro  a.tip span {
    position: relative;
    left: 30px;
}


#kb5-pro  .main-con .pro-real-sidebar   .con {
    width: 240px;
    position: relative;
    left: 20px;
}

#kb5-pro  .main-con .pro-real-sidebar  .con img {
    height: 150px;
    width: 100%;
    display: block;
}

#kb5-pro  .main-con .pro-real-sidebar  .con p {
    text-align: center;
    height: 2em;
    margin-bottom: 10px;
}



#kb5-pro  .main-con .pro-real-sidebar  .list-case {
    margin-top: 30px;
    
}

#kb5-pro  .main-con .pro-real-sidebar  .list-case  a.tip {
    color: #666;
}

#kb5-pro  .main-con .pro-real-sidebar  .list-case  a.tip  span {
       position: relative;
    left: 120px;
    top: 10px;
}


#kb5-pro  .main-con .pro-real-sidebar   {
    
}

#kb5-pro  .main-con .pro-real-sidebar  .list-case  a.tip {
    color: #666;
}

#kb5-pro  .main-con .pro-real-sidebar  .list-case  a.tip  span {
       position: relative;
    left: 120px;
    top: 10px;
}




#kb5-pro  .main-con .pro-real-sidebar .list-news {
    margin-top: 70px;
}

#kb5-pro  .main-con .pro-real-sidebar .list-news  a.tip span {
           position: relative;
    left: 50px;
 
    top: -5px;
}


#kb5-pro  .main-con .pro-real-sidebar .list-news .con a {
    text-align: left;
          background: url(/static/kb5pc/pro-news-li.png)  no-repeat;
 padding-left: 20px;
 display: block;
}

#kb5-pro  #video-msg {
       background: url(/static/kb5pc/video-msg.jpg)  no-repeat;
       width: 1243px;
       height: 568px;
       margin:  0 auto;
}



#kb5-pro  #video-msg .con .video {
    display: inline-block;
    
}

#kb5-pro  #video-msg .con .video h3 {
    display: inline-block;
    font-size: 24px;
    color: white;
    padding-left: 122px;
    padding-top: 20px;
}


#kb5-pro  #video-msg .con .video  video {
    display: block;
    padding-left: 30px;
    padding-top: 30px;
    width: 600px;
    height: 400px;
}





#kb5-pro  #video-msg .con  .msg {
    padding-left: 40px;
    padding-top: 87px;
    float: right;
    width: 520px;
    padding-right: 30px;
    padding-top: 130px;
    position: relative;
    left: -30px;
}
#kb5-pro  #video-msg .con  .msg .x {
    font-size: 24px;
        line-height: 1.5;
}


#kb5-pro  #video-msg .con  .msg .x1 {
    color: #020202;

}


#kb5-pro  #video-msg .con  .msg .x2 {

        
 
            color: #fa0404;

 
    
}


#kb5-pro  #video-msg .con  .msg  .y {
    line-height: 32px;
}

#kb5-pro  #video-msg .con  .msg  .y.f  span{
    color: #e81d10;
}


#kb5-pro   #form {
  position: absolute;
  left: 10px;
  top: 50px;
}

 #kb5-pro   #form  #author  {
    position: absolute;
    top: 265px;
    left: 97px;
    width: 178px;
    height: 30px;
    border: 0;
    background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
    /*outline: 1px solid red;*/
}

 #kb5-pro   #form  #tel  {
    position: absolute;
    top: 266px;
    left: 376px;
    width: 178px;
    height: 30px;
    border: 0;
     background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
        /*outline: 1px solid red;*/
}

#kb5-pro   #form  textarea  {
    position: absolute;
    top: 321px;
    left: 94px;
    width: 450px;
    height: 74px;
    border: 0;
     background: transparent;
    padding-left: 40px;
    box-sizing: border-box;
        /*outline: 1px solid red;*/
}

#kb5-pro   #form  #submit {
    width: 222px;
    height: 35px;
    position: absolute;
    top: 421px;
    left: 184px;
    background: linear-gradient(to right, #f10d0a, #fba504);
    color: white;
    border: 0;
    /*outline: 1px solid red;*/
}



#kb5-pro  .pro-footer {
       background: url(/static/kb5pc/kb5f.jpg)  center;
       height: 271px;
}

#kb5-pro  .pro-footer .text {
    width: 1100px;
    margin:  0 auto;
    padding-top:220px;
}


#kb5-pro  .pro-footer .text  a {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    color: white;
    position: relative;
}

#kb5-pro  .pro-footer .text  a.item-1 {
    left: -32px;
}

#kb5-pro  .pro-footer .text  a.item-2 {
        left: -44px;
}

#kb5-pro  .pro-footer .text  a.item-3{
    left: -35px;
}

#kb5-pro  .pro-footer .text  a.item-4{
    left: -35px;
}


#kb5-pro  #news {
    width: 1200px;
    margin:  0 auto;
    margin-top: 30px;
}


  #kb5-pro  #news .left-con  {
    display: inline-block;
    width: 865px;
           
    line-height: 2em;
    font-size: 17px;

    
}


  #kb5-pro  #news .left-con h1 {
     background: url(/static/kb5pc/news-left.png) left  no-repeat ;
     height: 73px;
     line-height: 60px;
     padding-left: 20px;
                 color: white;
}

#kb5-pro  #news  .right-con {
    width: 315px;
    height: 1217px;
           background: url(/static/kb5pc/news-right.jpg)  center;
          float: right;
}


#kb5-pro  #news  .right-con  {
    position: relative;
}

#kb5-pro  #news  .right-con   .con {
    height: 1000px;
    width: 266px;
    position: relative;
    left: 20px;
}


#kb5-pro  #news  .right-con   .con  {
    
}

#kb5-pro  #news  .right-con   .con .redian {
    
}

#kb5-pro  #news  .right-con   .con .redian a.title {
    display: block;
    color: white;
    font-size: 24px;
    padding-top: 50px;
    padding-bottom: 10px;
}

#kb5-pro  #news  .right-con   .con .redian a.title  span {
    position: relative;
    left: 150px;
}


#kb5-pro  #news  .right-con   .con .item {
    padding-bottom: 6px;
    display: block;
}

#kb5-pro  #news  .right-con   .con .item span {
    background:  #aaa;
    color: white;
    display: inline-block;
    height: 1em;
    line-height: 1em;
}

#kb5-pro  #news  .right-con   .con .item img  {
    width: 100%;
    height: 180px;
    display: none;
}


#kb5-pro  #news  .right-con .con .dongtai {
    
}
 

#kb5-pro  #news  .right-con .con .dongtai .title  {
 font-size: 30px;
 color:  #020202;
    font-weight: bold;
    padding-top: 93px;
    display: block;
}
 

#kb5-pro  #news  .right-con .con .dongtai .title  span {
    position: relative;
       left: 98px;
}


#kb5-pro  #news  .right-con .con .dongtai img {
    width: 100%;
    height: 170px;
    display: none;
}

 

#kb5-pro  #news  .right-con .con .dongtai .item  span {
    background: url(/static/kb5pc/dt.png) center  no-repeat ;
    width: 20px;
    height: 1em;
}


#kb5-pro  #news  .right-con a:hover {
    color: #ec0404;
}


#kb5-pro #news .right-con  .con  .redian  .item:nth-child(2) span {
    background: #ff0000 ;      
}

#kb5-pro #news .right-con .con  .redian .item:nth-child(3) span {
    background: #ff815a ;      
}

#kb5-pro #news .right-con .con .redian  .item:nth-child(4) span {
    background: #f5b733 ;      
}