.home_banner{background: url(../images/home_banner_bg.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
.home_banner_box{padding-top: 21px;display: flex;justify-content: space-between;}
.home_banner .text_box{max-width: 520px;width: 100%;padding-top: 62px;}
.home_banner .text_box h2{font-size: 54px;line-height: 1.14;color: #031F45;margin-bottom: 25px;}
.home_banner .text_box p{max-width: 444px;font-size: 20px;line-height: 1.35;color: #031F45;margin-bottom: 25px;}
.home_banner .text_box .blue_button{padding: 12px 30px;margin-bottom: 50px;}
.home_banner .text_box .app_box a:first-child{margin-right: 15px;}

.home_exhibit{padding:83px 0 69px;background-color: #FAFAFA;}
.home_exhibit .inner{max-width: 1101px;}
.home_exhibit .home_exhibit_box{display: flex;justify-content: center;gap: 60px;}
.home_exhibit .home_exhibit_item{max-width: 314px;height: 415px;background-color: #fff;border-radius: 23px;box-shadow: 0px 0px 12px #0000001A;}
.home_exhibit .home_exhibit_item img{border-radius: 23px 23px 0 0;}
.home_exhibit .home_exhibit_item .img_box{max-width:314px;height: 187px;border-radius: 23px 23px 0 0;}
.home_exhibit .home_exhibit_item.item1 .img_box{background: url(../images/home_exhibit_img1.jpg) center no-repeat;}
.home_exhibit .home_exhibit_item.item2 .img_box{background: url(../images/home_exhibit_img2.jpg) center no-repeat;}
.home_exhibit .home_exhibit_item.item3 .img_box{background: url(../images/home_exhibit_img3.jpg) center no-repeat;}

.home_exhibit .home_exhibit_item .txt_box{padding: 22px 22px 23px 23px;}
.home_exhibit .home_exhibit_item h4{font-size: 29px;line-height: 1.1;color: #031F45;margin-bottom: 10px;}
.home_exhibit .home_exhibit_item p{font-size: 15px;margin-bottom: 20px;}

.home_digital_scrolling {width: 100%;height: 149px;overflow: hidden;background: url(../images/home_digital_scrolling_banner.webp) center no-repeat;background-size: 100% 100%;transition: all 0.3s ease;}
.home_digital_scrolling:hover {background-size: 140% 180%;}
.home_digital_scrolling_box{transition: all 1s;}
.home_digital_scrolling ul {display: flex;align-items: center;justify-content: space-around;color: #fff;text-align: center;padding: 35px 0;height: 149px;}
.home_digital_scrolling ul li {margin-right: 2px;max-width: 340px;width: 100%;}
.home_digital_scrolling ul li strong {font-size: 42px;line-height: 1;}
.home_digital_scrolling ul li p {letter-spacing: -0.56px;font-size: 28px;margin: 0;font-family: "PublicSans-Light";}

.trading_plateform{width: 100%;text-align: center;padding: 40px 0 28px;}
.trading_plateform h2{margin: 0 0 56px;font-size: 32px;color: #031F45;}
.trading_plateform .plateform_ad_list{display: flex;flex-wrap: wrap;justify-content: space-between;color: #323232;}
.trading_plateform .plateform_ad_list li{max-width: 270px;min-height: 260px;margin: 0 0 30px;width: 100%;}
.trading_plateform .plateform_ad_list .ad_top_icon{width: 120px;height: 120px; margin: 0 auto 10px;}
.trading_plateform .plateform_ad_list .ad_top_icon img{width: 100%;height: 100%;} 
.trading_plateform .plateform_ad_list h3{font-size: 18px; margin-bottom: 13px;font-family: "PublicSans-SemiBold";line-height: 1.33;}
.trading_plateform .plateform_ad_list p{letter-spacing: -0.24px;margin: 0;line-height: 1.5;}

.trading_product{padding:0 0 35px;text-align:center;background-color: #fff;}
.trading_product .inner{max-width:1200px;width:100%;position:relative;}
.trading_product .inner>h2{font-size:32px;margin-bottom: 0;color: #031F45;}
.trading_product .swiper-inner{margin-top: 48px;padding-bottom: 30px;}
.trading_product .swiper-wrapper{padding: 10px 0 10px 10px;}
.trading_product .swiper-slide{width: 259px;min-height: 269px;text-align: center;margin: 0 ;box-shadow: 0px 0px 8px #0000001A;background-color: #FFFFFF;border-radius: 23px;margin-right: 30px;}
.awards_content_img{max-width: 179px;height: 141px;text-align: center;padding-top: 21px;margin: 0 auto 13px;}
.swiper-slide h4 {font-size: 18px;line-height: 1.33;margin-bottom: 20px;font-family: "PublicSans-Medium";color: #031F45;}
.swiper-slide p {font-size: 14px;line-height: 1.21;font-family: "PublicSans-Light";color: #031F45;margin-bottom: 15px;}
.swiper-container{margin: 10px;}
.trading_product_button{position: relative;width: 90px;margin: 0 auto;}
.swiper-button-prev{left: 0;z-index:99;}
.swiper-button-prev:after{font-size:0px;width: 0;height: 0;border-right: 9px solid #031F45;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
.swiper-button-next{right: 0;z-index:99;}
.swiper-button-next:after{font-size:0px;width: 0;height: 0;border-left: 9px solid #031F45;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}

.popular_articles h2{font-size:32px;margin-bottom: 47px;color: #031F45;text-align: center;}
.popular_articles_centent{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap;}
.popular_articles_item{max-width: 269px;width: 100%;min-height: 269px;}
.popular_articles_item.item1{background: url(../images/popular_articles_img1.jpg) center no-repeat;}
.popular_articles_item.item2{background: url(../images/popular_articles_img2.jpg) center no-repeat;}
.popular_articles_item.item3{background: url(../images/popular_articles_img3.jpg) center no-repeat;}
.popular_articles_item a{display: flex;align-items: flex-end;width: 100%;height: 100%;color: #FFFFFF;font-size: 19px;padding: 18px 28px 18px 15px;line-height: 1.31;}
.popular_articles_item span{background-color: #000;}

.home_phone{position: fixed;bottom: 60px;right: 50px;z-index: 99; animation: fadeInOut 2s ease-in-out forwards;}
@keyframes fadeInOut {  
    0% {  
        opacity: 0; /* 初始状态为透明 */  
        bottom: -60px;
    }
    100% {  
        opacity: 1;
        bottom: 60px;
    }
}  
@media (max-width: 1080px) {
    .home_exhibit .home_exhibit_box{flex-wrap: wrap;gap: 20px;}

    .home_digital_scrolling ul li .text_box{margin: 0 0 20px;}
    .home_digital_scrolling ul li strong{font-size: 30px;}
    .home_digital_scrolling ul li p{font-size: 20px;}
    .home_digital_scrolling{background-size:cover;}
    .home_digital_scrolling:hover{background-size:cover;}
}
@media (max-width: 980px){
    .home_banner{background: url(../images/home_banner_bg.jpg) no-repeat;background-size: 1300px;background-position: 100% bottom;}
    .home_banner .inner{position: relative;}
    .home_banner_box{flex-direction: column;align-items: center;}
    .home_banner .text_box h2 br{display: none;}
    .home_banner .text_box{max-width: inherit;padding: 30px 0 46px;text-align: center;}
    .home_banner .text_box p{max-width: inherit;}
    .home_banner .text_box .blue_button{margin-bottom: 37px;}
    .home_banner .img_box{max-width: 390px;}
}
@media (max-width: 768px) {
    .home_banner{background-size: 1050px;background-position: 72% bottom;}
    .home_banner_box{padding-top: 30px;}
    .home_banner .text_box{padding: 0 0 46px;}
    .home_banner .text_box h2{font-size: 46px;}
    .home_banner .text_box h2 br{display: block;}

    .home_exhibit .home_exhibit_item .txt_box{text-align: center;}

    .home_digital_scrolling{height: 210px;}
    .home_digital_scrolling ul{flex-wrap: wrap;justify-content: space-between;height: auto;}
    .home_digital_scrolling ul li{max-width: 240px;}

    .trading_plateform{padding: 50px 0;}

}
@media (max-width: 600px) {
    .home_digital_scrolling{height: auto;min-height: auto;background: url(../images/home_digital_scrolling_banner_mobile.jpg) center no-repeat;background-size: cover;}
    .home_digital_scrolling ul{padding: 60px 0 ;}
    .home_digital_scrolling ul li{max-width: 100%;margin: 0 0 40px;}
    .home_digital_scrolling ul li:last-child{max-width: 100%;margin: 0;}
    .home_digital_scrolling ul li:last-child .text_box{margin: 0;}
    .home_digital_scrolling ul li strong{font-size: 42px;}
    .home_digital_scrolling ul li p{font-size: 28px;}

    .trading_plateform{padding: 30px 0 20px;}
    .trading_plateform h2{margin: 0 0 40px;}
    .trading_plateform .plateform_ad_list{justify-content: center;}
    .trading_plateform .plateform_ad_list li{max-width:340px;min-height: auto;}
    .trading_plateform .plateform_ad_list p{max-width: 250px;margin: 0 auto;}
    .trading_plateform .plateform_ad_list p br{display: none;}

}
@media (max-width: 480px) {
    .home_banner .text_box h2{font-size: 40px;}
}
@media (max-width: 380px){
    .home_exhibit .home_exhibit_item{height: auto;}
}