@charset "UTF-8";

.article_box{
    width: 100%;
    height: auto;
}

/* .width{
    width: 1300px;
    height: auto;
    margin: 0 auto;
} */

.journalism {
width: 100%;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}

.journalism div:nth-of-type(1){
    width: 20px;
    height: 40px;
    background-color: #0C6A4F;
}

.journalism div:nth-of-type(2){
    font-size: 40px;
    margin: 0 0 0 10px;
}


.year_box{
    width: 100%;
    
}

.year_box span{
    display: inline-block;
    width: 60px;
    font-size: 18px;
    color: #333;
    margin-right: 20px;
    cursor: pointer;
    text-align: left;
}

.year_box .year_span{
    font-size: 20px;
    font-weight: bold;
}

.essay_box{
    list-style-type:none;
    /* border: 1px solid #333; */
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 40px;
}

.essay_box >li{
    width: 300px;
    height: 300px;
    /* border: 1px solid #333; */
}
.essay_box >li:nth-of-type(3n-1) {
  margin: 0 45px;
}

.essay{
    color: #333;
    width: 300px;
    height: 205px;
}

.essay >img{
    width: 100%;
    height: 205px
}

.essay > p{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}
.essay_p{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 10px;
}

.flipOver_box{
    width: 100%;
    height: 100px;
}

.flipOver{
    margin: 0 auto;
    width: 300px;
    height: 100px;
}
.flipOver span{
    border: 1px solid #ddd;
    padding: 6px 10px;
    color: #666;
}

.flipOver span:nth-of-type(2){
    background: #0C6A4F;
    color: #fff;
}


.fliex_box{
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #F2F2F2;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
}

.fliex_box >p{
    text-align: center;
    margin: auto 0;
}
.fliex_box >p >span:nth-of-type(1){
    font-size: 18px;
    padding: 0 30px;
    color: #FEFFFF;
    font-weight: bold;
}

.fliex_box >p >input{
    width: 340px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #f2f2f2;
    padding: 0 0 0 10px;
}
.fliex_box  input::-webkit-input-placeholder {        
    /* placeholder颜色  */
    color: #005837;
    /* placeholder字体大小  */
    font-size: 18px;
    /* placeholder位置  */
    text-align: left;
}

.fliex_box >p > input:focus {
    outline:none;
    border: 1px solid #FEFFFF;    
}
.fliex_box >p >span:nth-of-type(2){
    padding: 10px 24px;
    margin: 0 0 0 20px;
    line-height: 34px;
    color: #FEFFFF;
    background-color: #005837;
    text-align: center;
}

.newImg{
    position: relative;
    width: 300px !important;
    height: 205px !important;
}
.newImg::after {
    content: "";
    width: 300px !important;
    height: 205px !important;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/images/imgloading.png') no-repeat center;
}