#k5-list-product {

}



#k5-list-product .prolist {
    
        
    /*
    background: url(/static/kaibang5/new/prolsit.jpg) ;
    */
}


#k5-list-product .prolist .unit {
    
}

#k5-list-product .prolist .unit1 a.title {
    background: url(/static/kaibang5/new/prolist-1.png) left 15px center no-repeat ; 
}
#k5-list-product .prolist .unit2 a.title {
    background: url(/static/kaibang5/new/prolist-2.png) left 15px center no-repeat ; 
}

#k5-list-product .prolist .unit3 a.title {
    background: url(/static/kaibang5/new/prolist-3.png) left 15px center no-repeat ; 
}

#k5-list-product .prolist .unit4 a.title {
    background: url(/static/kaibang5/new/prolist-4.png) left 15px center no-repeat ; 
}
#k5-list-product .prolist .unit5 a.title {
    background: url(/static/kaibang5/new/prolist-5.png) left 15px center no-repeat ; 
}

 



#k5-list-product .prolist .unit a.title {
    display: block;
    
    padding-left: 128px;
    position: relative;
}

#k5-list-product .prolist .unit a.title  h3{
    display: block;
    font-size: 36px;
    font-weight: bold;
    line-height: 2em;
}

#k5-list-product .prolist .unit a.title p {
  font-size: 16px;
  color: #6b6868;
  
}

#k5-list-product .prolist .unit a.title span {
    position: absolute;
    top: 30px;
    right: 20px;
    font-size: 20px;
    color:  #fd340d;
    line-height: 2em;
    padding: 0 30px;
    border: 1px solid #fd340d;
    border-radius: 10px;
}

#k5-list-product .prolist .pics {
    padding: 20px;
    text-align:  justify;
    text-align-last: justify;
}

#k5-list-product .prolist .pics a {
    display: inline-block;
    width: 24%;
    text-align: center;
    text-align-last: center;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    
}

#k5-list-product .prolist .pics a img {
    max-width: 100%;
}


#k5-case {
    width: 1200px;
    margin:  0 auto;
    padding: 0 75px;
    background: url(/static/kaibang5/new/case.png)   ; 
    margin-top: 30px;
    padding-bottom: 30px;
}


#k5-case .desc {
    font-size: 36px;
    text-align: center;
}


#k5-case .desc 


#k5-case .desc h3 {
    color: #050505;
    font-size: 36px;
    text-align: center;
    padding-top: 20px;
    line-height: 2em;
}



#k5-case .desc p {
    line-height: 1.5em;
    padding-top: 20px;
    width: 80%;
    margin:  0 auto;
    text-align: center;
}

#k5-case .pics {
    padding: 20px;
    text-align:  justify;
    text-align-last: justify;
}

#k5-case .pics a {
    display: inline-block;
    width: 24%;
    text-align: center;
    text-align-last: center;
 
    box-sizing: border-box;
    border: 1px solid #ccc;
    
}

#k5-case .pics a img {
    max-width: 100%;
}


#k5-msg-q {
        background: url(/static/kaibang5/new/k5-msg-q.jpg)  top center  ; 
        padding-top: 434px;
        margin-top: -100px;
}


#k5-msg-q  .msg {
    outline: 1px solid #ccc;
    background: white; 
    width: 1150px;
    margin:  0 auto;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    overflow: visible;
}

#k5-msg-q  .msg .desc {
    padding: 30px;
            background: url(/static/kaibang5/new/msg-desc.png)  top 30px left  no-repeat ; 
            width: 450px;
            padding-left: 180px;
 
}


#k5-msg-q  .msg .desc p {
    line-height: 1.5em;
}


#k5-msg-q  .msg .desc h3 {
    font-size: 36px;
    font-weight: bold;
    
}


#k5-msg-q  .msg .desc  p.x {
    position: relative;
    left: 10px;
               padding-top: 20px;
}


#k5-msg-q  .msg .desc  p.one {
    padding-top: 30px;
}


#k5-msg-q  .msg .desc  p.tel {
    font-size: 24px;
    color: #fa050b;
    position: relative;
    left: 60px;
    font-weight: bold;
}



#k5-msg-q  .msg .desc  p.or {
 
    position: relative;
    left: 60px;
 
}


#k5-msg-q  .msg .desc  p.or span {
    background: #020202;
    display: inline-block;
    padding: 10px 30px;
    color: white;
}


#k5-msg-q  .msg  .form {
       position: absolute;
    right: 0;
    top: -67px;
    width: 672px;
    background: white;
}


#k5-msg-q  .msg  .form h3 {
    text-align: center;
    line-height: 4em;
    font-size: 14px;
    color: #070707;
}


#k5-msg-q  .msg  .form  form {
    padding: 30px;
}

#k5-msg-q  .msg  .form  form  input {
    display: inline-block;
    line-height: 2em;
  
}


#k5-msg-q  .msg  .form  form textarea {
    display: block;
    margin-top: 30px;
    width: 486px;
    height: 160px;
}

#k5-msg-q  .msg  .form  form #submit {
    background: url(/static/kaibang5/new/submit.png) center ;
    width: 151px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    display: block;
    margin-top: 5px;
    color: white;
    font-size: 24px;
}


#k5-wenda {
    
}

#k5-wenda >  h3 {
    font-size: 30px;
    line-height: 2em;
    padding-left: 30px;
    margin-top: 30px;
}


#k5-wenda  .con {
    padding-top: 10px;
    
    text-align: justify;
    text-align-last: justify;
    
}

#k5-wenda  .con a {
    display: block;
    text-align: left;
    text-align-last: left;
    width: 565px;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}


#k5-wenda  .con a h3 {
        background: url(/static/kaibang5/new/wenda-w.png) left center no-repeat ;
        padding-left: 60px;
        box-sizing: border-box;
        line-height: 60px;
}

#k5-wenda  .con a   p {
            background: url(/static/kaibang5/new/wenda-d.png) left top no-repeat ;
                padding-left: 80px;
        box-sizing: border-box;
}


#k5-prolist {
    
}


#k5-prolist .pro {
 
}


#k5-prolist .pro .title  {
    display: block;
     background: url(/static/kaibang5/new/prolist-pro-title.png) top center  no-repeat ;
}


#k5-prolist .pro .title h3 {
    font-size: 36px;
    color: #4c4c4c;
    text-align: center;
    padding-top: 30px;
}

#k5-prolist .pro .title p {
    line-height: 3em;
    text-align: center;
}


#k5-prolist .pro .con {
    overflow: hidden;
}


#k5-prolist .pro .con .info {
    width: 300px;
    float: left;
    border: 1px solid #ccc;
}

#k5-prolist .pro .con .info h3 {
    text-align: center;
    margin: 30px auto;
    font-size: 24px;
}


#k5-prolist .pro .con .info  p {
    padding:  0 30px;
    line-height: 1.5em;
}

#k5-prolist .pro .con .info img {
    display: block;
    margin:  30px;
    max-width: 80%;
}

#k5-prolist .pro .con .list {
    text-align: justify;
    text-align-last: justify;
    width: 880px;
    float: right;
}

#k5-prolist .pro .con .list  a {
    display: inline-block;
    width: 33%;
    text-align: center;
    text-align-last: center;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    
}

#k5-prolist .pro .con .list  a:hover {
        border: 1px solid red;
}

#k5-prolist .pro .con .list  a img {
    max-width: 100%;
}









#k5-prolist .case {
    margin-top: 50px;
}



#k5-prolist .case .title  {
    display: block;
     background: url(/static/kaibang5/new/prolist-case-title.png) top center  no-repeat ;
}


#k5-prolist .case .title h3 {
    font-size: 36px;
    color: #4c4c4c;
    text-align: center;
    padding-top: 30px;
}

#k5-prolist .case .title p {
    line-height: 3em;
    text-align: center;
}



#k5-prolist .case .con {
    text-align: justify;
    text-align-last: justify;
}


#k5-prolist .case .con a {
       background: url(/static/kaibang5/new/k5-prolist-case.png) no-repeat;
       width: 380px;
       height: 268px;
       display: inline-block;

       padding: 27px 48px;
       box-sizing: border-box;
}

#k5-prolist .case .con a  div {
    position: relative;
}

#k5-prolist .case .con a img {
    max-width: 100%;
}


#k5-prolist .case .con a  p {
           text-align: center;
       text-align-last: center;
       position: absolute;
       width: 100%;
       bottom: 0;
       background: rgba(0,0,0,0.5);
       color: white;
}







#k5-prolist .news {
      margin-top: 50px;
}



#k5-prolist .news .title  {
    display: block;
     background: url(/static/kaibang5/new/prolist-news-title.png) top center  no-repeat ;
}


#k5-prolist .news .title h3 {
    font-size: 36px;
    color: #4c4c4c;
    text-align: center;
    padding-top: 30px;
}

#k5-prolist .news .title p {
    line-height: 3em;
    text-align: center;
}


#k5-prolist .news  .con {
    overflow: hidden;
}

#k5-prolist .news  .con .pic-con {
    width: 615px;
    text-align: justify;
    text-align-last: justify;
    float: left;
}


#k5-prolist .news  .con .pic-con  a {
    display: inline-block;
    width: 48%;
    text-align: left;
    text-align-last: left;
}

#k5-prolist .news .con .pic-con a h3 {
        overflow: hidden;
            text-overflow: ellipsis;
                white-space: nowrap;

}

#k5-prolist .news  .con .pic-con  a span {
    display: block;
    color: #ccc;
    font-size: 12px;
    margin:  10px 0;
}

#k5-prolist .news  .con .pic-con  a p {
    color: #555;
    line-height: 1.5em;
}


#k5-prolist .news  .con .text-con {
    width: 540px;
    float: right;
}


#k5-prolist .news  .con .text-con a {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

#k5-prolist .news  .con .text-con a .ymd {
    float: left;
    width: 20%;
    display: block;
}

#k5-prolist .news  .con .text-con a .ymd  * {
     display: block;
 text-align: right;
     font-size: 18px;
     color: #666666;
     
}

#k5-prolist .news  .con .text-con a .ymd .m-d {
   font-size: 28px;
}


#k5-prolist .news  .con .text-con a .text {
    width: 75%;
    display: block;
    float: right;
}


#k5-prolist .news  .con .text-con a .text  p {
    line-height: 1.5em;
    margin-top: 10px;
}