*{
    padding: 0;
    margin: 0;
    font-family:Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
}
.institute-banner{
    
}
.institute-banner>img{
    width: 100%;
    
}
.top{
    margin-top: 130px;
}

.institute-title{
    margin: 0 auto;
    line-height:30px;
    text-align: center;
    font-size:40px;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.institute-subtitle{
    text-align: center;
    line-height:30px;
    text-align: center;
    font-size:18px;
    font-weight:400;
    color:rgba(153,153,153,1);
    opacity:0.8;
    margin: 8px 0 5px 0;
}
.institute-subtitle-border{
    width: 83px;
    margin: 0 auto 50px;
    border-bottom: 2px solid rgb(224,43,57);
}
.public-title-box,.public-news-box,.news-box{
    width: 100%;
    background: white;

    margin-top:130px;
    text-align: center;
}
.public-title{
    text-align: center;
    width: 62%;
    margin: 0 auto;
    font-size:18px;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:47px;
}
.videos{
    max-height: 700px;
}
.public-video{
    width: 100%;
    
    margin-top: 130px;
    text-align: center;
    min-height: 100px;
    background: #ffffff;
}
.new{
    
    
    background:rgba(247,247,247,1);
    padding: 20px 10px;
    margin: 40px auto;
    cursor: pointer;
}
.new:hover .new-text-title{
    color:#DF2433;
}
.new>div{
    display: inline-block;
    vertical-align: middle;
}
.new-pic{
    width: 40%;
 }
.new-pic>img{
    width: 100%;
    max-height: 280px;
}
.new-text{
    width: 59%;
    padding: 0 3%;
    text-align: left;
    
}
.new-text-title{
    font-size:26px;
    font-weight:bold;
    color:#333333;
    margin-bottom: 40px;
    line-height:40px;
}
.new-texts{
    font-size:18px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:30px;
}