@charset "utf-8";

.main-intro-slide {position:relative; overflow:hidden;}
.main-intro-slide .txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10; text-align:center;}
.main-intro-slide .txt .t1 {font-size:54px; font-weight:800; color:#fff;}
.main-intro-slide .txt .t2 {font-size:21px; font-weight:500; line-height:32px; margin-top:20px; color:#fff;}
.main-sw {z-index:9; padding-bottom:20px; }
.main-sw .swiper-slide {transition:1s ease; /*transition-delay:0.5s;*/  width:1420px; height:500px;}
.main-sw .swiper-slide .bg {height:100%; background-blend-mode: overlay; overflow:hidden; border-radius:10px;}
.main-sw .swiper-slide.swiper-slide1 .bg {background:url("/assets/images/main-1.jpg") no-repeat center center rgba(0, 0, 0, 0.20); background-size:cover;}
.main-sw .swiper-slide.swiper-slide2 .bg {background:url("/assets/images/main-2.jpg") no-repeat center center rgba(0, 0, 0, 0.20); background-size:cover;}
.main-sw .swiper-slide.swiper-slide3 .bg {background:url("/assets/images/main-3.jpg") no-repeat center center rgba(0, 0, 0, 0.20); background-size:cover;}
.main-sw .swiper-slide.swiper-slide-active .bg {box-shadow:rgb(0 0 0 / 20%) 3px 3px 10px;}
.sidebtn {z-index:16; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; display: inline-block; transition:0.5s; cursor:pointer; width:20px;}
.sidebtn img {max-width:100%;}
.sidebtn:hover {opacity:1;}
.sidebtn-left {margin-left:-660px;}
.sidebtn-right {margin-left:660px;}
.swiper-pagination {bottom:50px !important;}
.swiper-pagination .swiper-pagination-bullet {border:1px solid #fff; background:none; opacity:1; width:10px; height:10px;}
.swiper-pagination .swiper-pagination-bullet-active {background:#fff; width:23px; height:10px; border-radius:6px;}

.main-section-1 {margin-top:120px;}
.main-section-1 .tit {text-align:center;}
.main-section-1 .tit .t1 {color:#333333; font-size:38px; font-weight: 800; margin-bottom:20px; position:relative;}
/* .main-section-1 .tit .t1::after {content:""; width:31px; height:6px; background:#F58120; border-radius:3px; position:absolute; left:50%; transform: translateX(-50%); bottom:-18px;} */
.main-section-1 .tit .t2 {color:#444444; font-size:18px; font-weight:500; line-height:21px;}

.main-section-1 .prod-list {margin-top:50px;}
.main-section-1 .prod-list ul {margin:0 139px;}
.main-section-1 .prod-list ul::after {content:""; display:block; clear:both;}
.main-section-1 .prod-list ul li {border-radius:5px; overflow:hidden; height:180px; width:281px; z-index:10; position:relative; float:left; margin:0 13px 40px;}
.main-section-1 .prod-list ul li a {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
.main-section-1 .prod-list ul li .img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; transition:0.5s;}
.main-section-1 .prod-list ul li .img img {width:100%; height:100%; object-fit: cover;}
.main-section-1 .prod-list ul li .txtbox {background:rgb(50 49 144 / 55%); padding:11px 0; position:absolute; left:0; bottom:0; width:100%; text-align:center; text-align:center; z-index:4; transition:0.5s;}
.main-section-1 .prod-list ul li .txtbox .t1 {color:#FFFFFF; font-size:15px; font-weight:600; line-height:20px;}
.main-section-1 .prod-list ul li:hover .img {transform:scale(1.2);}
.main-section-1 .prod-list ul li:hover .txtbox {background:rgb(255 204 0 / 80%);}

.main-section-2 {margin-top:100px; height:442px; background:url("/assets/images/main-section-2.jpg") no-repeat center center rgba(0, 0, 0, 0.20); background-size:cover; background-blend-mode: overlay;}
.main-section-2 .con {height:100%;}
.main-section-2 .txt-box {height:100%; display:flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.main-section-2 .txt-box .t1 {color:#fff; font-size:42px; font-weight:800; line-height:60px;}
.main-section-2 .txt-box .t2 {color:#EEEEEE; font-size:21px; font-weight:500; line-height:28px; margin-top:25px;}
.main-section-2 .txt-box .t3 {}
.main-section-2 .txt-box .t3 .button {border:1px solid #FFFFFF; border-radius:50px; font-size:16px; font-weight:800; color:#fff; padding:10px 32px; background:none; display:inline-block; margin-top:80px;}
.main-section-2 .txt-box .t3 .button:hover {border:1px solid #fff; background:#fff; color:#323190;}

.main-section-3 {margin-top:140px;}
.main-section-3 .tit {text-align:center;}
.main-section-3 .tit .t1 {font-size:38px; font-weight:800;}
.main-section-3 .tit .t2 {font-size:18px; font-weight:500; line-height:21px; margin-top:20px;}
.board-list-type {margin-top:35px; position:relative;}
.board-list-type ul {border-top:1px solid #222222;}
.board-list-type ul li {position:relative; padding-right:160px; border-bottom:1px solid #DDDDDD;}
.board-list-type ul li > div {min-height:90px; display:flex; align-items: center; justify-content: center; padding:20px 0;}
.board-list-type ul li .tit {color:#444444; font-size:18px; font-weight:600; justify-content: flex-start;}
.board-list-type ul li .down {color:#999999; font-size:16px; font-weight:500; position:absolute; right:0; top:0; width:160px; z-index:1;}
.board-list-type ul li .entire {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.board-list-type .more-btn {color:#aaa; cursor:pointer; position:absolute; left:50%; bottom:-20px; width:40px; height:40px; line-height:38px; border-radius:50%; border:1px solid #DDDDDD; background:#fff; text-align:center; z-index:20; transform:translate(-50%);}
.board-list-type .more-btn:hover {background:#FFCC00; color:#fff; border-color:#FFCC00;}