@charset "utf-8";

.topbanner { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; width: 100%; min-width: 1280px; height: 450px; background-image: url(https://www.cs.com.cn/images/2023/top_sctz23.jpg); background-repeat: no-repeat; background-position: center top;}

.box_sctz { margin: 0 auto; padding: 10px; width: 1260px; min-width: 1260px;}

.ch_year { padding: 7rem 0 3rem; width: 100%; border-bottom: 4px solid rgba(0, 0, 0, .1);}
.ch_year:last-child { border-bottom: none;}
.ch_year h2 { margin-bottom: 3rem; width: 100%; color: #7e6b5a; font-size: 48px; font-weight: 500; line-height: 1em;}
.list_sctz { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.list_sctz li { overflow: hidden; display: block; box-sizing: border-box; margin-bottom: 5rem; margin-right: 4%; width: 22%; border: 4px solid #f1f1f1; border-radius: 8px; box-shadow: 0px 0px 10px rgba(0, 0, 0, .2); transition: box-shadow .2s;}
.list_sctz li:hover { box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);}
.list_sctz li:nth-child(4n) { margin-right: 0;}
.list_sctz li a { position: relative; display: block; height: auto;}
.list_sctz li a img { width: 100%; height: auto; transition: transform .6s;}
.list_sctz li a:hover img { transform: scale(1.1);}
.list_sctz li a h3 { position: absolute; left: 5%; bottom: 12px; padding: 5% 2%; width: 86%; background-color: rgba(126, 107, 90, .7); border-radius: 4px; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.25em; text-align: center; z-index: 99; transition: background-color .2s;}
.list_sctz li a:hover h3 { background-color: rgba(126, 107, 90, 1);}