*{
    margin:0;
    padding:0
}
a{text-decoration: none;color:#333;}
a:hover,a:active {
   color:gray;
  
}


body{
    min-width: 1200px;
    /* width:1901px; */
    /* height: 3180px; */
   
    min-height:1500px;
    /* max-height:3180px; */
    position:relative;
    font-family: "微软雅黑" , Arial, Helvetica, sans-serif;
    overflow: auto;

}

.topBanner{
    background:url(../img/banner.png) center 0 no-repeat;
    height:280px;
    width:100%;
    text-align: center;
}
/* .banner{
    width:100%;
    height:384px;
    text-align: center;
} */
.learn{
    width:1200px;
    margin:0 auto;
    margin-top:80px;
}
.news{
    width:1200px;
    margin:0 auto;
    margin-top:50px;
}
.importantNews{
      margin-bottom: 20px;
}


.learn ul>li{
    display: block;
    width:1200px;
    height:200px;
    margin-top:30px;
    border-bottom:2px dashed #DDDDDD;
    display:flex;
    align-items: center;
}

.learn ul li img{
    width:17rem;
    height:160px;
    
}
 .learn ul>li>.text{
    height:160px;
    display:flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding-top:5px;
    /* padding-bottom:10px; */
    box-sizing: border-box;
    margin-left:20px;
}
.learn ul>li>.text>.title{
    font-size:25px;
    font-weight: bold;
    color:#000000;
    cursor:pointer;
}
.learn ul>li>.text>.content{
    font-size:18px;
    color:#b3adad;
    margin-top:20px;
    width:880px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height:35px;
}

.learn ul>:last-child{
    border-bottom:none
}

.footer{
    position:relative;
    bottom:0;
    border-top:2px solid red;
    width:100%;
    height:120px;
    box-sizing: border-box;
    padding-top:20px;
    text-align: center;
    color:#4E5465;
    overflow: hidden;
    margin-top:-1px;
}
.footer>div{
    font-size:20px;
    margin-bottom:18px;
}