/* 第一屏 */
.section1{background: url(./onebg.png)no-repeat;background-size: cover;position: relative;}
.videobg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.videobg video{width: 100%;height: 100%;object-fit: cover;}
.gray_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.4);}
.section1_con{height: calc(100% - 1rem);}
.section1_logo{width: 1.2rem;height: 1.2rem;margin-right: 0.2rem;}
.section1_logo img{width: 100%;}
.section1_title{color: #F8DF97;font-size: 0.76rem;font-weight: bold;letter-spacing: 0.1rem;}
.section1_info{width: 7.67rem;font-size: 0.2rem;line-height: 0.34rem;color: #fff;font-weight: 200;}
.section1_right{position: absolute;right: 0;bottom: 0;width: 2.92rem;height: 2.92rem;z-index: 1;}
.section1_right img{width: 100%;height: 100%;object-fit: cover;}
.section1_item{display: flex;align-items: center;font-size: 0.46rem;color: #F8DF97;font-weight: 200;margin: 0 0.1rem;}
.section1_three{width: 80%;color: #fff;line-height: 1.5;margin-top: 0.5rem;}
.section1_three p{margin-bottom: 0.1rem;font-weight: 300;}
.section1_two{margin-top: 0.5rem;}
.section1_three p span{display: inline-block;width: 0.15rem;height: 0.15rem;background-color: #F6DD95;}
.z99{z-index: 99;}

/* 第二屏 */
.section2{background: url(./twobg.png)no-repeat;background-size: cover;}
.section2_con{color: #fff;}
.section2_title{color: #F8DF97;font-size: 0.4rem;font-weight: bold;}
.section2_info{font-size: 0.2rem;margin-top: 0.4rem;}
.section2_list{width: 15.2rem;height: 5rem;margin-top: 0.87rem;}
.section2_list li{width: 3.8rem;height: 4.34rem;position: relative;transition: all 0.3s linear;}
.section2_list li:nth-child(1){background: url(./bg1.png)no-repeat;background-size: cover;}
.section2_list li:nth-child(2){background: url(./bg2.png)no-repeat;background-size: cover;}
.section2_list li:nth-child(3){background: url(./bg3.png)no-repeat;background-size: cover;}
.section2_list li:nth-child(4){background: url(./bg4.png)no-repeat;background-size: cover;}
.section2_one{display: flex;flex-direction: column;align-items: center;padding-top: 0.91rem;opacity: 1;}
.section2_one img{width: 0.9rem;height: 0.95rem;}
.section2_one .line{width: 0.42rem;height: 0.03rem;background: #fff;margin: 0.42rem auto;}
.section2_one .font{font-size: 0.18rem;line-height: 0.36rem;text-align: center;font-weight: 600;}
.section2_two{opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;
align-items: center;padding: 0.18rem 0 0;background: linear-gradient(319deg, #F6DD95 0%, #D5B26B 25%, #B78C46 60%);
}
.section2_two .title{font-size: 0.2rem;line-height: 0.36rem;text-align: center;}
.section2_two .line{width: 0.42rem;height: 0.03rem;background: #fff;margin: 0.1rem auto;}
.section2_two .font{font-size: 0.18rem;line-height: 0.42rem;text-align: center;padding: 0 0.37rem;}
.section2_two .arrow a{display: flex;width: 100%;padding-right: 0.37rem;justify-content: end;}
.section2_two .arrow a img{width: 0.58rem;object-fit: contain;}
.section2_list li:hover{transform: scale(1.1);z-index: 1;}
.section2_list li:hover .section2_one{opacity: 0;}
.section2_list li:hover .section2_two{opacity: 1;}

@media screen and (max-width: 1024px) {
    .section1{padding-top: 1.5rem;}
    .section1_con{height: auto;}
    .section1_up{height: auto;padding-top: 0;padding-left: 0.2rem;padding-right: 0.2rem;padding-bottom: 1.5rem;}
    .section1_up .w1170{flex-direction: column;align-items: center;}
    .section1_title{font-size: 0.36rem;margin-bottom: 0.2rem;}
    .section1_info{width: 100%;}
    .section1_right{width: 1.25rem;height: 1.25rem;}
    .section1_down{height: 1.5rem;padding: 0 0.2rem;}
    .section1_item{font-size: 0.3rem;}
    .section2{padding-top: 0.5rem;}
    .section2_title{font-size: 0.36rem;}
    .section2_con > div{width: 100%;padding: 0 0.2rem;}
    .section2_list{width: 100%;margin-top: 0;}
    .section2_list  ul{width: 100%;}
    .section2_two .title,.section2_two .line{display: none;}
    .section2_two .font{font-size: 0.14rem;padding: 0.2rem;line-height: 2;}
}