*{
    margin:0;
    padding:0;
  }
  a{
    text-decoration: none;
  }
  
  body{
    width:100%;
    height:100%;
    /* background:#F7F7F7; */
  }
  
  .head{
    width:100%;
    height:55px;
    line-height:55px;
    background:rgba(0, 0, 0, 0) linear-gradient(to right, #ff5f6d 0%, #ffb270 100%) repeat scroll 0 0;
  }
  
  .head .head-con{
    width:70%;
    margin:0 auto;
  }
  
  .head .head-con .icon{
    display:block;
    width:200px;
    height:55px;
  }
  
  /* banner */
  .banner{
    width:100%;
    height:400px;
    background:url('../img/bg.png');
    background-size: cover;
    background-position: center center;
  }
  
  
  /* 列表页banner */
  .news-ban-area{
    width:100%;
    height:auto;
    border-bottom:1px solid #eee;
  }
  
  .new-banner{
    display:block;
    margin:40px auto;
    width:568px;
    height:36px;
  }
  
  /* 导航 */
  .nav{
    width:100%;
    font-size: 15px;
    margin:10px 0;
    color:#444;
  }
  
  .nav .con{
    width:50%;
    line-height:20px;
    margin:0 auto;
  }
  
  .nav .con a{
    color:#444;
  }
  
  .nav .con a.active{
    color:#ff5f6d;
  }
  
  .nav .con a:hover{
    text-decoration: none;
    color:#ff5f6d;
  }
  
  /* 咨询详情 */
  .detail{
    width:50%;
    height:auto;
    margin:0 auto;
    /* background:#fff; */
    /* box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1); */
    padding:10px 10px;
    border-radius:5px;
    box-sizing: border-box;
  }
  
  .detail .title{
    width:100%;
    text-align:center;
    font-size: 30px;
    font-weight: 400;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
  }
  
  .detail .con{
    width:100%;
    height:auto;
    margin-top:20px;
  }
  
  .detail .con p img{
    width:100%;
  }
  
  /* 列表页 */
  .lists{
    width:100%;
    height:auto;
  }
  
  .lists .list-item-area{
    width:100%;
    height:auto;
    border-bottom:1px solid #eee;
    overflow: hidden;
  }
  
  .lists .list-item-area:hover{
    cursor:pointer;
    background:rgba(156, 156, 156, 0.1);
  }
  
  .lists .list-item-area .list-item{
    width:50%;
    height:auto;
    margin:30px auto;
  }
  
  .lists .list-item-area .list-item .li-icon{
    display:inline-block;
    vertical-align: top;
    width:72px;
    height:32px;
    font-size: 15px;
    line-height: 32px;
    color:#fff;
    background:#ff5f6d;
    border-radius:10px;
    text-align:center;
  }
  
  .lists .list-item-area .list-item .li-content{
    display:inline-block;
    vertical-align: top;
    width:80%;
    height:auto;
    margin-left:10px;
  }
  
  .lists .list-item-area .list-item .li-content .lic-title{
    width:100%;
    font-size: 20px;
    color:#444;
    line-height:30px;
  }
  
  .lists .list-item-area .list-item .li-content .lic-con{
    width:100%;
    height:auto;
    font-size: 14px;
    color:#7d7d7d;
    line-height:22px;
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
  }
  
  
  /* Laptop Device :1366px. */
  @media (min-width: 1200px) and (max-width: 1500px) {
  
  }
  
  @media (min-width: 992px) and (max-width: 1200px) {
  
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
  }
  
  @media (max-width: 767px) {
    /* banner */
    .banner{
      height:200px;
    }
  
    /* 头部条 */
    .head{
      height:25px;
    }
  
    .head .head-con .icon{
      display:block;
      width:90px;
      height:25px;
    }
  
    /* 详情页 */
    .detail{
      width:90%;
    }
  
    /* 列表页banner */
    .new-banner{
      display:block;
      margin:20px auto;
      width:100%;
      height:25px;
    }
  
    .lists .list-item-area .list-item{
      width:90%;
      height:auto;
      margin:30px auto;
    }
  
    .lists .list-item-area .list-item .li-icon{
      width:40px;
      height:20px;
      font-size: 12px;
      line-height: 20px;
    }
  
    /* 导航 */
    .nav .con{
      width:80%;
      line-height:20px;
      margin:0 auto;
    }
  }
  
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
  }