.history_main{width: 100%; max-width: 1300px; margin: 200px 0 300px;}

.history_main .year{display: flex; margin-bottom: 100px;}
.history_main .year .tit{width: 30vw;}
.history_main .year .tit span{display: block; width: 20vw; font-size: 80px; color: #BD8F4D; font-weight: bold; text-align: right; line-height: 1em;}

.history_main .year .his_list{margin-left: 50px; width: 70vw;}
.history_main .year .photo{width: 100%;max-width: 400px; height: 300px; overflow: hidden;}
.history_main .year .photo img{width: 100%; height: auto; ;}
.history_main .year.y2019  .photo img{width: auto; height: 100%; }


.history_main .year .his_list dl{position: relative; margin-bottom: 60px;}
.history_main .year .his_list dt{position: absolute; top: 0; left: 0; font-size: 40px; line-height: 1.5em; color: #BD8F4D; font-weight: bold; transition: all .3s;}
.history_main .year .his_list dd{margin-left: 70px;  overflow: hidden; }
.history_main .year .his_list dd span{display: block; font-size: 40px; line-height: 1.5em;}



/*
.history_pt{position: relative; height: 400px; max-width: 1300px;}
.history_pt ul{display: flex; justify-content: center; align-items: center; width: 90%; margin: 0 auto; padding-top: 50px;}
.history_pt ul li{z-index: 9; margin: 0 15px; width: 20%;}
.history_pt ul li > img{width: 100%; height: auto;}

.history_pt .lt_leaf{position: absolute; top: 0; left: 0; transform: rotate(180deg);}
.history_pt .rt_leaf{position: absolute; bottom: 0; right: 0;}
*/

.history_pt{width: 100%; max-width: 1300px;  position: relative;}

.history_pt ul{display: flex; width: 90%; margin: 0 auto; justify-content: space-between; position: relative; z-index: 10; padding: 50px 0;}
.history_pt ul li{width: 23%; ;}
.history_pt ul li img{width: 100%; height: auto;}
 
.history_pt .lt_leaf{position: absolute; top: 0; left: 0; transform: rotate(180deg);}
.history_pt .rt_leaf{position: absolute; bottom: 0; right: 0;}



@media all and (max-width:1000px) {
    .history_main .year .tit span{font-size: 16vw; ;}
    .history_main .year .his_list dt{font-size: 4vw;}
    .history_main .year .his_list dd{height: auto;}
    .history_main .year .his_list dd span{font-size: 4vw;}
}

@media all and (max-width:720px) {
    .history_main .year{display: block; margin-bottom: 10vw;}
    .history_main .year .tit{margin: 0 auto; margin-bottom: 5vw; }
    .history_main .year .photo{height: auto; display: none;}
    
    .history_main .year .his_list{width: 100%; margin-left: 0;}
    .history_main .year .his_list dl{margin-bottom: 3vw;}
    
    .history_main .year .his_list dd.dd_h{height: 12vw;}

    .history_pt img{width: 40vw; height: auto;}

}