@charset "utf-8";
.main{width:80%; margin-left:auto;padding-top:100px;}
#main #content{margin-top:0 !important;}

@media(max-width:1440px){
    
    .main #content{margin-top:0 !important;}
    .main{padding-top:80px;}
}

@media (max-width:1400px) {
    .main{width:100%;}
}

@media(max-width:1024px){
    .main{padding-top:65px;}
}

@media(max-width:768px){

}

@media (max-width:500px) {
    .main{padding-top:55px;}
}

@media(max-width:425px){

}
.sec1{width:100%; height:calc(100vh - 100px);}
.sec1 .swiper{width:100%; height:100%;}
.sec1 .swiper-slide{display: flex; flex-direction: column; justify-content: flex-end; gap:80px; background:#09f; width:100%; height:100%;}
.sec1 .swiper-slide-active{animation: sec1_bg 10000ms linear forwards; }
.sec1 .swiper-slide .txt_box{position: relative; display: flex; flex-direction: column; gap:30px; width:100%; padding:0 80px}
.sec1 .swiper-slide .txt_box h3{font-size:42px; font-weight: 900; color:#fff; word-break: keep-all;}
.sec1 .swiper-slide .txt_box p{font-size:18px; color:#fff; font-weight: 400; opacity: .75; line-height: 1.6; word-break: keep-all;}
.sec1 .swiper-slide .bottom_group{position: relative; margin-bottom:160px; display: flex; padding:0 80px; gap:40px;}
.sec1 .swiper-slide .bottom_group::before{position: absolute; content:''; left:0; bottom:0; width:100%; height:2px; background:#fff; opacity: .15;}
.sec1 .swiper-slide .bar{position: relative; display: flex; gap:15px; height:35px; order:2;}
.sec1 .swiper-slide .bar span{position: relative; width:22px; font-size:18px; font-weight: 500; color:#fff; padding-bottom:10px; opacity: .5; transition: all .3s ease;}
.sec1 .swiper-slide .bar span::before{position: absolute; content:''; left:0; bottom:0; width:0; height:2px; background:#fff;}
.sec1 .swiper-slide .btn_group{display: flex; order:1; gap:10px; transform: translateY(-5px);}
.sec1 .swiper-slide .btn_group div{display: block; width:35px; height:35px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23ffffff' d='m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6z'/%3E%3C/svg%3E") no-repeat center / 90%; opacity: .75; transition: all .3s ease; cursor: pointer;}
.sec1 .swiper-slide .btn_group div:hover{opacity: 1;}
.sec1 .swiper-slide .btn_group .prev{transform: rotateY(180deg);}
.sec1 .swiper-slide-active .bar span.active{width:150px; opacity: 1;}
.sec1 .swiper-slide-active .bar span.active::before{width:100%; animation: sec1_bar 5200ms linear forwards;}
@keyframes sec1_bar { 0%{width:0;} 100%{width:100%;} }
.sec1 .content1{background:url(../img/sec1_bg1.jpg) no-repeat center / 120%;}
.sec1 .content2{background:url(../img/sec1_bg2.jpg) no-repeat center / 120%;}
.sec1 .content3{background:url(../img/sec1_bg3.jpg) no-repeat center / 120%;}
.sec1 .content4{background:url(../img/sec1_bg4.jpg) no-repeat center / 120%;}
@keyframes sec1_bg { 0%{background-size:120%;} 100%{background-size:100%;} }

@media(max-width:1440px){
 @keyframes sec1_bg { 0%{background-size:150%;} 100%{background-size:100%;} }
}

@media (max-width:1400px) {
    
}


@media(max-width:1024px){
    .sec1 .swiper-slide-active{animation: none;}
    .sec1 .swiper-slide{background-size:cover !important;}
    .sec1 .swiper-slide .txt_box{gap:20px;}
    .sec1 .swiper-slide .txt_box h3{font-size:36px;}
    .sec1 .swiper-slide .txt_box p{font-size:16px;}
    .sec1 .swiper-slide .bar span{font-size:16px;}
    .sec1 .swiper-slide .btn_group div{width:30px; height:30px;}
    .sec1 .swiper-slide .txt_box{padding:0 30px;}
    .sec1 .swiper-slide .bottom_group{padding:0 30px;}
}

@media(max-width:768px){
    .sec1 .swiper-slide .txt_box{padding:0 15px;}
    .sec1 .swiper-slide .bottom_group{padding:0 15px;}
    .sec1 .swiper-slide .bottom_group{margin-bottom:60px;}
    .sec1 .swiper-slide .txt_box h3{font-size:26px;}
    .sec1 .swiper-slide .txt_box p{font-size:14px;}
    .sec1 .swiper-slide .bar span{font-size:14px;}
}

@media(max-width:425px){
    .sec1{height:550px;}
    .sec1 .swiper-slide-active .bar span.active{width:80px;}
}




.sec2{padding: 160px 80px;}
.sec2 .t_group1{display: flex; justify-content: space-between; margin-bottom:30px;}
.sec2 .t_group1 h3{font-size:32px; font-weight: 900;}
.sec2 .t_group1 h3 span{font-weight: 900; color:#1b9f3a;}
.sec2 .t_group1 .btn_group{display: flex; gap:10px;}
.sec2 .t_group1 .btn_group div{position: relative; width:50px; height:50px; cursor: pointer; opacity: .5; transition: all .3s ease;}
.sec2 .t_group1 .btn_group div:hover{opacity: 1;}
.sec2 .t_group1 .btn_group a{position: relative; width:50px; height:50px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5s1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5S5.5 6.83 5.5 6S4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5s1.5-.68 1.5-1.5s-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z'/%3E%3C/svg%3E") no-repeat center / 75%; opacity: .5; transition: all .3s ease;}
.sec2 .t_group1 .btn_group a:hover{opacity: 1;}
.sec2 .t_group1 .btn_group .prev{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m5.83 9l5.58-5.58L10 2l-8 8l8 8l1.41-1.41L5.83 11H18V9z'/%3E%3C/svg%3E") no-repeat center / 65%;}
.sec2 .t_group1 .btn_group .next{transform: rotateY(180deg); background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m5.83 9l5.58-5.58L10 2l-8 8l8 8l1.41-1.41L5.83 11H18V9z'/%3E%3C/svg%3E") no-repeat center / 65%;}
.sec2 .swiper-slide{display: flex; flex-direction: column; cursor: pointer; border:1px solid #d9d9d9;}
.sec2 .swiper-slide .img_box{width:100%;}
.sec2 .swiper-slide .img_box span{display: flex; align-items: center; justify-content: center;}
.sec2 .swiper-slide .img_box img{width:100%;}
.sec2 .swiper-slide .txt_box{display: flex; flex-direction: column; padding:30px; transition: all .3s ease;}
.sec2 .swiper-slide:hover .txt_box{background:#fafafa;}
.sec2 .swiper-slide .txt_box h4{font-size:21px; font-weight: 900; margin-bottom:10px; color:#1b9f3a; width:100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sec2 .swiper-slide .txt_box p{font-size:16px; word-break: keep-all; margin-bottom:40px; line-height: 1.6;}
.sec2 .swiper-slide .b_type1{position: relative; display: flex; align-items: center; gap:5px; padding:0 25px;  height:50px;}
.sec2 .swiper-slide .b_type1::before{position: absolute; left:0; top:0; content:''; width:50px; height:50px; border:1px solid #d9d9d9; transition: all .3s ease;}
.sec2 .swiper-slide:hover .b_type1::before{width:130px; border-color:transparent; background:#1b9f3a;}
.sec2 .swiper-slide .b_type1 span{line-height: 1; transition: all .3s ease; z-index: 1;}
.sec2 .swiper-slide:hover .b_type1 span{color:#fff;}
.sec2 .swiper-slide .b_type1 span:nth-child(2){font-weight: 700;}
@media(max-width:1440px){
    .sec2{padding:80px 30px;}
}

@media (max-width:1400px) {
    
}

@media(max-width:1024px){
    .sec2 .t_group1{margin-bottom:20px;}
    .sec2 .t_group1 .btn_group div,.sec2 .t_group1 .btn_group a{width:40px; height:40px;}
    .sec2 .swiper-slide .txt_box{padding:20px;}
    .sec2 .swiper-slide .txt_box h4{font-size:18px;}
    .sec2 .swiper-slide .txt_box p{font-size:14px; line-height: 1.4; margin-bottom:30px;}
    .sec2 .swiper-slide .b_type1{height:40px; padding:0 20px;}
    .sec2 .swiper-slide .b_type1::before{width:40px; height:40px;}
    .sec2 .swiper-slide .b_type1 span{font-size:12px;}
    
}

@media(max-width:768px){
    .sec2{padding:60px 15px;}
    .sec2 .t_group1 h3{font-size:28px;}
    .sec2 .t_group1 .btn_group div,.sec2 .t_group1 .btn_group a{width:35px; height:35px;}
}

@media(max-width:425px){
    .sec2 .t_group1 h3{font-size:24px;}
    .sec2 .t_group1 .btn_group div,.sec2 .t_group1 .btn_group a{width:27px; height:27px;}
}


.sec3 {height:480px; background:url(../img/sec3_bg1.jpg) fixed no-repeat bottom / cover;; padding-left:80px;}
.sec3 .item_group{display: flex; width:75%; height:100%;}
.sec3 .item_group .item{display: flex; align-items: center; justify-content: center; flex-direction: column; gap:25px; width:calc(100% / 4); border-right:1px solid rgba(255, 255, 255, .25); transition: all .3s ease;}
.sec3 .item_group .item:nth-child(1){border-left:1px solid rgba(255, 255, 255, .25);}
.sec3 .item_group .item i{width:50px; height:50px; transition: all .3s ease; color:#fff; opacity: .75;}
.sec3 .item_group .item h4{font-size:18px; font-weight: 700; color:#fff;}
.sec3 .item_group .item:hover{background:rgba(1, 16, 35, .25);}
.sec3 .item_group .item:hover i{transform: translateY(-25%);}
@media(max-width:1440px){

}

@media(max-width:1024px){
    .sec3{height:340px;}
    .sec3 .item_group .item h4{font-size:16px;}
    .sec3 .item_group .item i{width:40px; height:40px;}
}

@media(max-width:768px){
    .sec3{padding:0 30px;}
    .sec3 .item_group{width:100%;}
}

@media (max-width:620px) {
    .sec3 .item_group{flex-wrap: wrap;}
    .sec3 .item_group .item{width:50%;}
    .sec3 .item_group .item:nth-child(1),.sec3 .item_group .item:nth-child(2){border-bottom:1px solid rgba(255, 255, 255, .25)}
}

@media(max-width:425px){
    .sec3{padding:0;}
}


.sec4{padding: 160px 80px 120px;}
.sec4 .t_group1{display: flex; justify-content: space-between; margin-bottom:30px;}
.sec4 .t_group1 h3{font-size:32px; font-weight: 900;}
.sec4 .t_group1 h3 span{font-weight: 900; color:#1b9f3a;}
.sec4 .t_group1 .btn_group{display: flex; gap:10px;}
.sec4 .t_group1 .btn_group div{position: relative; width:50px; height:50px; cursor: pointer; opacity: .5; transition: all .3s ease;}
.sec4 .t_group1 .btn_group div:hover{opacity: 1;}
.sec4 .t_group1 .btn_group a{position: relative; width:50px; height:50px; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5s1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5S5.5 6.83 5.5 6S4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5s1.5-.68 1.5-1.5s-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z'/%3E%3C/svg%3E") no-repeat center / 75%; opacity: .5; transition: all .3s ease;}
.sec4 .t_group1 .btn_group a:hover{opacity: 1;}
.sec4 .t_group1 .btn_group .prev{background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m5.83 9l5.58-5.58L10 2l-8 8l8 8l1.41-1.41L5.83 11H18V9z'/%3E%3C/svg%3E") no-repeat center / 65%;}
.sec4 .t_group1 .btn_group .next{transform: rotateY(180deg); background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m5.83 9l5.58-5.58L10 2l-8 8l8 8l1.41-1.41L5.83 11H18V9z'/%3E%3C/svg%3E") no-repeat center / 65%;}
.sec4 .swiper-slide{display: flex; flex-direction: column; cursor: pointer; border:1px solid #d9d9d9;}
.sec4 .swiper-slide .img_box{width:100%;}
.sec4 .swiper-slide .img_box span{display: flex; align-items: center; justify-content: center;}
.sec4 .swiper-slide .img_box img{width:100%;}
.sec4 .swiper-slide .txt_box{display: flex; flex-direction: column; padding:30px; transition: all .3s ease;}
.sec4 .swiper-slide:hover .txt_box{background:#fafafa;}
.sec4 .swiper-slide .txt_box h4{font-size:21px; font-weight: 700; margin-bottom:10px; color:#1b9f3a; width:100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sec4 .swiper-slide .txt_box p{font-size:16px; word-break: keep-all; margin-bottom:40px; line-height: 1.6;}
.sec4 .swiper-slide .b_type1{position: relative; display: flex; align-items: center; gap:5px; padding:0 25px;  height:50px;}
.sec4 .swiper-slide .b_type1::before{position: absolute; left:0; top:0; content:''; width:50px; height:50px; border:1px solid #d9d9d9; transition: all .3s ease;}
.sec4 .swiper-slide:hover .b_type1::before{width:130px; border-color:transparent; background:#1b9f3a;}
.sec4 .swiper-slide .b_type1 span{line-height: 1; transition: all .3s ease; z-index: 1;}
.sec4 .swiper-slide:hover .b_type1 span{color:#fff;}
.sec4 .swiper-slide .b_type1 span:nth-child(2){font-weight: 700;}
@media(max-width:1440px){
    .sec4{padding:80px 30px;}
}

@media (max-width:1400px) {
    
}

@media(max-width:1024px){
    .sec4 .t_group1{margin-bottom:20px;}
    .sec4 .t_group1 .btn_group div,.sec4 .t_group1 .btn_group a{width:40px; height:40px;}
    .sec4 .swiper-slide .txt_box{padding:20px;}
    .sec4 .swiper-slide .txt_box h4{font-size:18px;}
    .sec4 .swiper-slide .txt_box p{font-size:14px; line-height: 1.4; margin-bottom:30px;}
    .sec4 .swiper-slide .b_type1{height:40px; padding:0 20px;}
    .sec4 .swiper-slide .b_type1::before{width:40px; height:40px;}
    .sec4 .swiper-slide .b_type1 span{font-size:12px;}
    
}

@media(max-width:768px){
    .sec4{padding:60px 15px;}
    .sec4 .t_group1 h3{font-size:28px;}
    .sec4 .t_group1 .btn_group div,.sec4 .t_group1 .btn_group a{width:35px; height:35px;}
}

@media(max-width:425px){
    .sec4 .t_group1 h3{font-size:24px;}
    .sec4 .t_group1 .btn_group div,.sec4 .t_group1 .btn_group a{width:27px; height:27px;}
}


.sec5{padding:0 80px; margin-bottom:80px; display: flex; align-items: center;}
.sec5 .container{padding:20px 40px; display: flex; align-items: center; gap:80px; height:100px; border:1px solid #d9d9d9; background:#fafafa; width:calc(100% - 50px)}
.sec5 h3{width:75px; font-size:24px; font-weight: 900;}
.sec5 h3 span{font-weight: 900; color:#1b9f3a;}
.sec5 .content{width:calc(100% - 155px); height:100%;}
.sec5 .swiper{height:100%; width:100%;}
.sec5 .swiper-slide{display: flex; align-items: center; gap:40px;}
.sec5 .swiper-slide .txt_group{display: flex; align-items: center; width:calc(100% - 130px); gap:40px;}
.sec5 .swiper-slide h4{width:35%; font-size:16px; font-weight: 700; color:#333; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sec5 .swiper-slide h4 a{font-weight: 700}
.sec5 .swiper-slide p{width:65%; opacity: .75; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.sec5 .swiper-slide .day{ width:90px; white-space: nowrap; text-align: center;}
.sec5 .btn_group{display: flex; flex-direction: column; margin:-1px;}
.sec5 .btn_group div{width:50px; height:50px; border:1px solid #d9d9d9; background:#fff url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.59L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E") no-repeat center / 50%; transition: all .3s ease; cursor: pointer;}
.sec5 .btn_group div:hover{background-color:#f2f2f2;}
.sec5 .btn_group .next{transform: rotate(-90deg);}
.sec5 .btn_group .prev{transform: rotate(90deg);}
@media(max-width:1440px){

}

@media (max-width:1400px) {
    .sec5{padding:0 30px;}
}

@media(max-width:1024px){

}

@media(max-width:768px){
    .sec5{padding:0 15px;}
    .sec5 .container{padding:20px; height:80px; width:calc(100% - 40px)}
    .sec5 .swiper-slide{gap:20px;}
    .sec5 .swiper-slide h4{width:100%;}
    .sec5 .swiper-slide p{display: none;}
    .sec5 .swiper-slide .day{width:110px;}
    .sec5 .btn_group div{width:40px; height:40px;}
}

@media (max-width:550px) {
    .sec5{position: relative;}
    .sec5 .container{flex-direction: column; width:100%; height:175px; gap:15px; align-items: flex-start; overflow: hidden;}
    .sec5 .content{width:100%;}
    .sec5 .swiper-slide{flex-direction: column; align-items: flex-start;}
    .sec5 .swiper-slide .txt_group{width:100%; flex-direction: column; gap:10px;}
    .sec5 .swiper-slide p{display: block; width:100%;}
    .sec5 .swiper-slide .day{width:auto; text-align: left;}
    .sec5 .btn_group{position: absolute; right:35px; top:20px; flex-direction: row;}
    .sec5 .btn_group div{width:35px; height:35px;}
}

@media(max-width:425px){
    .sec5{margin-bottom:40px;}
}