*{
    margin: 0;
    padding: 0;
}
ul li{
  list-style-type: none;
}
a{
    text-decoration: none;
}
.t1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.t2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.t3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.t4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
html {
    overflow-y: scroll;
}
  
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
  
:root body {
  position: absolute;
}
  
body {
  width: 100vw;
  overflow: hidden;
}
  

.top{
    width: 100%;
    background-color: #fff;
  }
  .portal{
      width: 100%;
      height: 35px;
      background-color: #333333;
  }
  .portal_top{
      width: 1200px;
      line-height: 35px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      font-family: MicrosoftYaHei;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      color: #cccccc;
  }
  .portal_top a{
      text-decoration: none;
      color: #cccccc;
  }
  .head{
    width: 1200px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .logo{
    width: 162px;
    height: 52px;
  }
  .logo img{
    width: 162px;
    height: 52px;
  }
  .inp_ss{
    display: flex;
    align-items: center;
  }
  .search{
    width: 288px;
    height: 38px;
    border-style: none;
    border: 1px solid #1FAAD2;
    text-indent: 16px;
    outline: none;
    font-family: MicrosoftYaHeiLight;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
  }
  ::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #cccccc;
  } 
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #cccccc; 
  } 
  ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #cccccc; 
  } 
  :-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #cccccc;
  }
  .button{
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #1FAAD2;
    text-decoration: none;
    text-align: center;
    border: 0;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .button img{
      width: 22px;
      height: 20px;
  }
  .nav{
    width: 100%;
    height: 60px;
    background-color: #1FAAD2;
  }
  .nav_ul{
    display: flex;
    width: 1200px;
    margin: 0 auto;
  }
  .nav_ul li{
    list-style-type: none;
    width: 142px;
      height: 60px;
    text-align: center;
    line-height: 60px;
  }
  .nav_ul li a{
    display: inline-block;
    width: 142px;
      height: 60px;
    text-decoration: none;
    color: #fff;
    font-family: MicrosoftYaHei;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
  }
  .nav_ul .active{
    background-color: #1FAAD2;
  }
  .active a{
    background-color: #159FC7;
  }