.main_ctt .visual_wrap { position:relative; }
.main_ctt .visual_wrap .txt_box { position:absolute; height:100%; display:flex; flex-direction:column; justify-content:center; width:1400px; left:50%; margin-left: -700px; z-index:2; }
.main_ctt .visual_wrap .txt_box .stit { font-size:14px; color:#222; font-weight: 600; }
.main_ctt .visual_wrap .txt_box .tit { font-size:6.6rem; color:#222; font-weight: 600; margin-top: 5rem; }
.main_ctt .visual_wrap .txt_box .tit strong { color:var(--main_orange); display:block; }
.main_ctt .visual_wrap .txt_box .txt { font-size:2rem; color:#222; line-height: 2.8rem; margin: 3.4rem 0 3.2rem; }
.main_ctt .visual_wrap .txt_box .cir_more { display:flex; width:21.6rem; height:6.7rem; font-size:2rem; color:#222; font-weight: 600; align-items:center; justify-content:center; border-radius:500px; background:var(--main_yellow); transition:all 0.5s; }

.main_ctt .visual_wrap .txt_box .cir_more:hover { background:var(--main_purple); color:#fff; }

.main_ctt .visual_wrap .visual_slide .visual { background:#f9fafc; }

.main_ctt .visual_wrap .swiper-pagination { top:auto; bottom:2rem; }



.main_ctt .section01 { padding: 11.8rem 0 8.5rem; box-sizing:border-box; }
.main_ctt .section01 .tab_box { display:flex; align-items:center; justify-content:center; margin-bottom: 6rem; }
.main_ctt .section01 .tab_box li { display:flex; align-items:center; }
.main_ctt .section01 .tab_box li a { font-size:4.2rem; color:#bbb; font-weight: 600; transition:all 0.5s; }
.main_ctt .section01 .tab_box li:before { content:""; display:inline-block; width:10px; height:10px; border-radius:50px; background:#dadada; margin: 0 2rem; }
.main_ctt .section01 .tab_box li:first-child:before { display:none; }
.main_ctt .section01 .tab_box li a.active { color:#222; }

.main_ctt .section01 .list { border-top: 2px solid #222; box-sizing:border-box; }
.main_ctt .section01 .list li {  }
.main_ctt .section01 .list li a { display:flex; border-bottom: 1px solid #ccc; box-sizing:border-box; align-items:center; padding: 4.2rem 4rem; transition:all 0.5s; }
.main_ctt .section01 .list li a .date { font-size:1.8rem; color:#999; font-weight: 800; text-align: center; transition:all 0.5s; }
.main_ctt .section01 .list li a .date strong { display:block; font-size:5.6rem; line-height: 6rem; }
.main_ctt .section01 .list li a .txt_box { display:flex; align-items:center; justify-content:space-between; padding-left: 9.4rem; padding-right: 2.5rem; box-sizing:border-box; width:calc(100% - 68px); }
.main_ctt .section01 .list li a .txt_box .left { display:block; width:calc(100% - 55px); }
.main_ctt .section01 .list li a .txt_box .left .tit { font-size:2.6rem; color:#222; font-weight: 400; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; overflow:hidden; transition:all 0.5s; }
.main_ctt .section01 .list li a .txt_box .left .txt { font-size:1.8rem; color:#666; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:90%; overflow:hidden; margin-top: 2.8rem; transition:all 0.5s; }
.main_ctt .section01 .list li a .txt_box i { width:55px; height:55px; display:flex; justify-content:center; align-items:center; border-radius:50%; border: 1px solid #cfcfcf; box-sizing:border-box; font-size:20px; color:#cfcfcf; transition:all 0.5s; }

.main_ctt .section01 .list li a:hover { background:#fafafa; }
.main_ctt .section01 .list li a:hover .date { color:#000; }
.main_ctt .section01 .list li a:hover .txt_box .left .tit,
.main_ctt .section01 .list li a:hover .txt_box .left .txt { color:#999; }
.main_ctt .section01 .list li a:hover .txt_box i { border: 1px solid #999; color:#999; }

.main_ctt .section01 .btn_box { text-align: center; margin-top: 4rem; }
.main_ctt .section01 .btn_box a { display:inline-flex; align-items:center; justify-content:center; width:24.5rem; height:7rem; border: 1px solid #aaa; border-radius:500px; font-size:1.8rem; color:#222; transition:all 0.5s; }
.main_ctt .section01 .btn_box a:hover { border: 1px solid transparent; background:var(--main_yellow); }



.main_ctt .section02 .banner_slide { position:relative; }
.main_ctt .section02 .banner_slide ul {  }
.main_ctt .section02 .banner_slide ul li {  }
.main_ctt .section02 .banner_slide ul li a { display:flex; height:220px; width:100%; align-items:center; justify-content:space-between; }
.main_ctt .section02 .banner_slide ul li a .left {  }
.main_ctt .section02 .banner_slide ul li a .left .small_tit { display:inline-block; border-radius:5px; background:rgba(0, 0, 0, 0.15); font-size:1.6rem; color:#fff; padding: 13px 2rem; box-sizing:border-box; }
.main_ctt .section02 .banner_slide ul li a .left .bottom_txt { display:flex; align-items:center; margin-top: 1.6rem; }
.main_ctt .section02 .banner_slide ul li a .left .bottom_txt .tit { width:246px; font-size:5.8rem; color:#fff; font-weight: 600; }
.main_ctt .section02 .banner_slide ul li a .left .bottom_txt .txt { font-size:2.2rem; color:#eaeaea; font-weight: 400; }
.main_ctt .section02 .banner_slide ul li a .left .bottom_txt .txt strong { color:#fff; font-weight: 600; }
.main_ctt .section02 .banner_slide ul li a .right { font-size:0; }

.main_ctt .section02 .banner_slide ul li.slide01 { background:var(--main_blue); }
.main_ctt .section02 .banner_slide ul li.slide02 { background:var(--main_orange); }

.main_ctt .section02 .banner_slide .banner-pagination { position:absolute; top:auto; bottom:1rem; text-align: center; --swiper-theme-color:#fde569; z-index:1; }



.main_ctt .section03 { padding: 13.6rem 0 11.5rem; box-sizing:border-box;  position:relative; }
.main_ctt .section03:after { content:""; display:block; width:100%; height:320px; background:#e9ebf1; position:absolute; bottom:0; z-index:1; }
.main_ctt .section03 .tit_box { text-align: center; margin-bottom: 7rem; }
.main_ctt .section03 .tit_box .tit { font-size:4.2rem; color:#222; font-weight: 600; }
.main_ctt .section03 .tit_box .txt { font-size:1.8rem; color:#222; margin-top: 3.4rem; }

.main_ctt .section03 .banner { display:flex; align-items:start; justify-content:space-between; margin-left: -2rem; position:relative; z-index:2; }
.main_ctt .section03 .banner li { width:25%; padding-left: 2rem; box-sizing:border-box; }
.main_ctt .section03 .banner li a { display:block; width:100%; height:483px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; font-size:3.2rem; color:#fff; font-weight: 600; line-height: 3.6rem; text-align: center; box-sizing:border-box; padding: 7.4rem 1rem 1rem; transition:all 0.5s; }
.main_ctt .section03 .banner li a:hover { background-size:auto 110%; color:var(--main_yellow); border-radius:20px; }

.main_ctt .section03 .banner li.banner01 a { background-image:url(../img/section03_img01.png); }
.main_ctt .section03 .banner li.banner02 a { background-image:url(../img/section03_img02.png); }
.main_ctt .section03 .banner li.banner03 a { background-image:url(../img/section03_img03.png); }
.main_ctt .section03 .banner li.banner04 a { background-image:url(../img/section03_img04.png); }