.sub_top {padding:280px 0px 20px; background: url(/img/hall_of_honour_top_bg.jpg) no-repeat center / cover;}
.sub_title {margin:0px auto 300px;}
.sub_title h3 {color:#fff; line-height: 1.3;}
.page_location p, .page_location a, .page_location span {color:#fff;}

.sc_1 {padding:150px 0px; background: #222;}
.sc_1 ul {display: flex; justify-content: space-between;}
.sc_1 ul li {text-align: center; color:#fff; padding:0px 55px; display: flex; flex-direction: column; justify-content: flex-end;}
.sc_1 ul li .top {margin-bottom:20px;}
.sc_1 ul li .top p {font-size:30px; font-weight: var(--weight_bold);}
.sc_1 ul li article {font-size:19px; color:#fff; line-height: 1.5; position: relative;}
.sc_1 ul li article::before {content: ''; display: block; background: url(/img/hall_of_honour_sc_1_item_1.png) no-repeat; position: absolute; top:50%; transform: translateY(-50%); left:-40px; width: 39px; height: 100px;}
.sc_1 ul li article::after {content: ''; display: block; background: url(/img/hall_of_honour_sc_1_item_2.png) no-repeat; position: absolute; top:50%; transform: translateY(-50%); right:-40px;  width: 39px; height: 100px;}
.sc_1 ul li article b {color:#ACA063;}

.sc_2 {width:100%; padding-bottom:200px;  overflow-x: hidden; background: #222;}
.sc_2 .text_box {display: flex; align-items: center; justify-content: center; width: 85%; height: 320px; background-color: #ACA063; border-top-right-radius:300px; border-bottom-right-radius:300px; text-align:center; position:relative;z-index:2;}
.sc_2 .text_box p {font-size:30px; color:#fff; width: 810px; line-height: 1.5; position: relative;}
.sc_2 .text_box p::before {content: ''; display: block; background: url(/img/hall_of_honour_sc_2_item_1.png) no-repeat; position: absolute; top:0;  left:-110px; width: 78px; height: 70px;}
.sc_2 .text_box p::after {content: ''; display: block; background: url(/img/hall_of_honour_sc_2_item_2.png) no-repeat; position: absolute; bottom:0;  right:-110px;  width: 78px; height: 70px;}
.sc_2 .sc_2_1{ width:89%; background-color: #333333; height: 1000px;border-top-left-radius:110px; border-bottom-left-radius:110px; float: right;  display:flex;align-items: flex-start; justify-content: flex-end;flex-direction: column; margin-top:-300px; position: relative;z-index: 1;}
.sc_2 .sc_2_slide { display: flex; width: 1610px;justify-content: space-around; margin-left:15%; margin-bottom:80px;}
.sc_2 .sc_2_1 > h1{ font-size: 50px; font-weight: var(--weight_bold); color:#fff; margin-left:15%;}
.sc_2 .sc_2_slide div > div > div{width:363px; height: 435px; margin-top:40px;background-color: #111111; display: flex;flex-direction: column;justify-content: flex-start; margin-right:30px;}
.sc_2 .sc_2_slide div > div > div img{ width:100%;}
.sc_2 .sc_2_slide div h1{ margin: 25px 25px 20px;  font-size: 22px;line-height: 1.5;color: #fff; }
.sc_2 .sc_2_slide div p{ margin: 0 30px; color: #CF533B; display: flex; font-size:14px; align-items: center;}
.sc_2 .sc_2_slide div p span{ color: #fff;  border-left: 1px solid #fff; padding: 0 10px; margin:0 10px; line-height: 1.2; }
.sc_2 .slick-arrow{ position: absolute; bottom: 40%; width:66px; height:66px; z-index:999; outline:0;color: transparent; border: none; border-radius: 33px; background-size: cover; background-position:center; cursor:pointer;}
.sc_2 .slick-prev{ left: -9%; background-image: url('../../src/sub_src/img/arrow_prev_g.png'); }
.sc_2 .slick-next{ right: 15%;background-image: url('../../src/sub_src/img/arrow_next_g.png');}


@media (max-width: 1280px){
    .sc_1 ul {flex-direction: column; width: 400px; margin: 0 auto;}
    .sc_1 ul li {margin-bottom:50px;}
    .sc_1 ul li:last-child {margin-bottom:0;}
    .sc_2 .text_box {height: 270px;}
    .sc_2 .text_box p {width: 80%; font-size: 20px;}
    .sc_2 .text_box p::before {background-size: 45px; top: -20px; left: -40px;}
    .sc_2 .text_box p::after {background-size: 45px; right: -70px; bottom:-50px;}
    .sc_2 .sc_2_slide {width: 100%;}
    .sc_2 .slick-prev {left:-6%;}
}


@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_title h3 {font-size:35px;}
    .page_location span {font-size:12px;}
    .page_location p {font-size:12px;}

    .sc_1 {padding:50px 0px 80px;}
    .sc_1 ul {width: 100%;}
    .sc_1 ul li {padding:0px 45px; margin-bottom:60px;}
    .sc_1 ul li .top p {font-size:20px;}
    .sc_1 ul li article {font-size:15px;}

    .sc_2 {padding:80px 0px;}
    .sc_2 .text_box {width: 100%; border-radius: 0; height: auto;}
    .sc_2 .text_box p {width:100%; padding:45px 0px; font-size: 20px;}
    .sc_2 .text_box p::before {top: 20px; left: 20px; z-index: -1;}
    .sc_2 .text_box p::after {right:-13px; bottom:-6px; z-index: -1;}
    
    
    .sc_2 .sc_2_1 {width: 100%; border-radius: 0; height: 903px;}
    .sc_2 .sc_2_1 > h1 {font-size:30px; margin-left: 0; display: flex; justify-content:center;width:100%;}
    .sc_2 .sc_2_slide {margin-left:0;}
    .sc_2 .sc_2_slide div > div > div {margin-right:10px; margin-left:10px; height: auto; padding-bottom:20px;}
    .sc_2 .sc_2_slide div h1 {font-size:18px;}
}