.e_bannerD-2{ width: 100%; height: 100vh; overflow: hidden; position: relative; }
.e_bannerD-2 .yx_Title{font-size: 60px; }
@media screen and (max-width: 1024px) {
    .e_bannerD-2{ width: 100vw; height: calc(100vw * 9/16 + 70px ); }
    .e_bannerD-2 .swiper-container{ height: 100%;}
    .Title_db{ }
    .e_bannerD-2 .yx_Title{font-size: 32px; }
    .e_bannerD-2 .p_info{display: flex; align-items: center; justify-content: center; margin-top: 10%; top:0}
    .e_bannerD-2 .p_info_fivebox{width:90%; text-align: center;}
    .e_bannerD-2 .p_button{ padding:6px 10px; font-size: 18px; margin:auto; display: inline-block;}
    .e_bannerD-2 .p_img img{width: 100vw;  height: calc(100vw * 9/16 + 70px ); object-fit: cover;}
}
@media screen and (max-width: 768px) {
    .Title_db{ font-size: 24px;}
    .e_bannerD-2 .yx_Title{font-size: 24px; }
}
@media screen and (max-width: 414px) {
    .Title_db{ font-size: 16px;}
    .e_bannerD-2 .yx_Title{font-size: 16px; }
}


a{text-decoration: none; color: #333;}
.hotpro-box{width: 100%;

}
.hotpro-box .hot-nav{max-width: 1600px; width: 82%; margin:auto; display: flex; justify-content: space-around; align-items: stretch; background-color: #fff;}
.hotpro-box .hot-nav dl{position: relative; padding: 0px 30px;  width:25% }
.hotpro-box .hot-nav dl dt{text-align: center; font-size: 18px;  -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;}
.hotpro-box .hot-nav dl dd{ height: 100px; display: flex; align-items: center; max-width: 220px; justify-content: center; margin:auto}
.hotpro-box .hot-nav dl dd img{object-fit: contain; width: 100%; height: 100%;  }
.hotpro-box .hot-nav dl.on::after{ content: ""; height: 5px; background-color: #fabe00; width: 100%; bottom:-5px; display: block; position: absolute; left:0px}
#swpier-hotpro{ width: 1300px; margin: auto; position: relative; }
#swpier-hotpro .swiper-container{display: none; overflow: visible;}
#swpier-hotpro .swiper-container.on{display: block; width: 100%;  margin: auto;}
#swpier-hotpro .swiper-container.on .swiper-slide{  margin: auto;}
#swpier-hotpro{text-align: center;}
#swpier-hotpro h3 a{ font-size: 36px; font-weight: bolder;}
#swpier-hotpro h3{ transition: all .8s; opacity: 0;transform: translateY(40px);  line-height: 1.5; margin:40px 0 30px 0}
#swpier-hotpro .swiper-container .swiper-slide-active h3{opacity: 1;transform: translateY(0px);}
#swpier-hotpro p{transition: all .8s;opacity: 0;transform: translateY(40px); }
#swpier-hotpro .swiper-container .swiper-slide-active p{opacity: 1; transform: translateY(0px); }
#swpier-hotpro .bgimg{overflow: hidden;display-radio: 1;position: absolute; top: 52%;left: 50%;z-index: 1;transform: translateX(-50%) translateY(-50%); max-width: 889px;margin-left: auto;margin-right: auto;}
#swpier-hotpro .hotpro-img{height: 25vw; max-width: 1300px;     object-fit: contain;}

.hotpro-outer{    background-image: url(https://omo-oss-image1.thefastimg.com/portal-saas/new2023041316255103538/cms/image/c52b0c7e-f589-40ad-92eb-953a394d8c4f.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.hotpro-btn{ display: flex; width: 50%; margin:auto; justify-content: center;     transition: all 0.8s;opacity: 0;transform: translateY(80px)}
.hotpro-btn div{width: 160px; margin-right:15px;}
.swiper-slide-active .hotpro-btn {
    opacity: 1 !important;
    transform: translateY(0px) !important;
    margin-bottom:20px; margin-top:20px;
}



@media screen and (max-width: 1600px){
    .hotpro-box .hot-nav{width: 100%;}
}
@media screen and (max-width: 1024px) {
    .hotpro-box{    background-position: center 80px;}
    .hotpro-box .hot-nav dl dd{height:6vw; margin-bottom: 0;} 
    .hotpro-box .hot-nav dl dd img{ height: 100%;}
    .hotpro-box .hot-nav dl dt{font-size: 14px;}
    .hotpro-box .hot-nav dl{width: 25vw; padding: 5px; }
    #swpier-hotpro{width: 80%;}
    #swpier-hotpro .swiper-container .swiper-slide img{width: 100%;}
    #swpier-hotpro h3 a{font-size: 18px;}
    #swpier-hotpr .swiper-slide-active h3 a{font-size: 18px; opacity: 1;}
    #swpier-hotpro h3{margin:30px 15px 15px 15px; transition: all .8s; opacity: 0;transform: translateY(40px); }
    #swpier-hotpro .bgimg{width: 50%;}
    #swpier-hotpro .bgimg img{width: 100%; }
    #swpier-hotpro .swiper-button-next,#swpier-hotpro .swiper-button-prev{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .hotpro-box .hot-nav dl dt{
        -webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;
    }
    #swpier-hotpro .bgimg{width: 90%;}
    #swpier-hotpro h3{margin:30px 5px 5px 5px; transition: all .8s; opacity: 0;transform: translateY(40px); }
    #swpier-hotpro{width: 80%;}
    #swpier-hotpro .swiper-container .swiper-slide img{width: 100%;}
    #swpier-hotpro h3 a{font-size: 16px;}
    #swpier-hotpr .swiper-slide-active h3 a{font-size: 16px; opacity: 1;}
    #swpier-hotpro p{display: none;}

    .hotpro-btn{ width: 50%; }
}
#intros-box{width: 85vw; margin:auto;     width: 85%;
    max-width: 1620px;}
#intros-box .swiper-wrapper .swiper-slide{position: relative;}
#intros-box .swiper-wrapper .swiper-slide .desc{position: absolute; left:10%; top:15%;}
#intros-box .swiper-wrapper .swiper-slide .desc h3 a{font-size: 48px; font-weight: bolder; line-height: 2;  color:#fff; }
#intros-box .swiper-wrapper .swiper-slide .desc h3::after{content: ''; height: 3px; width: 100px; background-color: #fff; display: block;}
#intros-box .swiper-wrapper .swiper-slide .desc p{ white-space: pre-line; line-height: 2;}
#intros-box .swiper-wrapper .swiper-slide .desc p a{ color:#fff}

#intros-box.swiper-container-horizontal>.swiper-pagination-bullets{
    width:85%;max-width: 1600px; display: flex; justify-content: center; left:calc( (100% - 85%) / 2 );  bottom: 50px;
}
#intros-box .swiper-pagination .swiper-pagination-bullet{
   height: auto; background-color: rgba(0,0,0,.5); display: flex; width: calc(100%/3); border-radius:0; margin:0; opacity: 1; padding:15px 0px 15px 50px; align-items: center; color:#fff;
   
}
#intros-box .swiper-pagination .swiper-pagination-bullet h3{font-size: 22px; font-weight: bolder;}
#intros-box .swiper-pagination .swiper-pagination-bullet:hover{
    background: linear-gradient(to right, #fabe00 0%, rgba(250,190,0,0.9) 100%);
    border-right: 1px solid rgba(255,255,255,0.1)
}
#intros-box .swiper-pagination .swiper-pagination-bullet .icon{}
#intros-box .swiper-pagination .swiper-pagination-bullet .icon img{height: 72px; object-fit: fill;}
#intros-box .swiper-pagination .swiper-pagination-bullet .p-name{ border-left:1px solid #eeeeee20; padding-left: 5%;
    margin-left: 5%;}
#intros-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .p-name{ border-left:1px solid rgb(255 255 255 / 20%)}
#intros-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(to right, #fabe00 0%, rgba(250,190,0,0.9) 100%);
    border-right: 1px solid rgba(255,255,255,0.1);

}
#intros-box .p_arr {position: absolute; right:50px; top:50%; z-index: 99;}
#intros-box .p_btn_next,#intros-box .p_btn_prev{
    position: static;
    background: #ffffff60;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin: 10px;
    transition: all ease .3s
}

#intros-box .p_btn_next::after,#intros-box .p_btn_prev::after{
    font-size: 20px
}


#intros-box .p_btn_prev:hover,#intros-box .p_btn_next:hover {
    background: var(--yx_Color);
    color: #fff
}

#intros-box .p_btn_prev::after{
    content: 'prev';
}
#intros-box .p_btn_next::after{
    content: 'next';
}
#intros-box .p_btn_prev::after,#intros-box .p_btn_next::after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    #intros-box{width: 100%;}
    #intros-box .swiper-wrapper .swiper-slide img{max-width: 100vw; height:50vw ; object-fit: cover;}
    #intros-box .swiper-wrapper .swiper-slide .desc{top:5vw; left:10vw}

    #intros-box .swiper-pagination .swiper-pagination-bullet{padding:5px 0px 5px 10px}
    #intros-box .swiper-wrapper .swiper-slide .desc h3 a{font-size: 28px;}
    #intros-box .swiper-pagination .swiper-pagination-bullet .icon img{height: 54px;}
    #intros-box .p_arr{top:30%;}
}
@media screen and (max-width: 768px) {
    #intros-box .swiper-wrapper .swiper-slide img{max-width: 100vw; height:50vw ; object-fit: cover;}
    #intros-box .swiper-wrapper .swiper-slide .desc{top:5vw; left:10vw;}
    #intros-box .swiper-wrapper .swiper-slide .desc p{line-height: 1.5;}
    #intros-box .p_arr{display: none;}
    
    #intros-box.swiper-container-horizontal>.swiper-pagination-bullets{bottom:5px; width: 98%; left:1%}
    #intros-box .swiper-pagination .swiper-pagination-bullet h3{font-size: 28px; margin-bottom: 0;}
    #intros-box .swiper-pagination .swiper-pagination-bullet{padding:5px 0px 5px 10px}
    #intros-box .swiper-wrapper .swiper-slide .desc h3 a{font-size: 28px;}
    #intros-box .swiper-pagination .swiper-pagination-bullet .icon img{height: 24px;}

    #intros-box .swiper-pagination .swiper-pagination-bullet{display: none;}
    #intros-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{display: flex; width: 100%;}
    
}

.about-box{
    width: 85%;
    max-width: 1620px;
    display: flex;
    align-items: center;
    margin:auto;
    justify-content:space-between;
    padding:60px 0;
}
.about-box .about{ flex: 0 0 50%; padding-right: 5%;}
.about-box .about h2{ font-size: 32px; font-weight: bolder; line-height: 1; margin-top:15px;}
.about-box .about p{font-size: 16px; line-height:2;}
.about-box .about-img{max-height: 440px; width: 50%; }
.about-box .about-img img{ object-fit: cover; width: 100%; height: 440px;}
.about-box .about .icon-ani{margin-bottom: 30px;}
.about-box .about .icon-ani span{display: inline-block; margin: 0 6px 0 0;height: 6px; border-radius: 6px;}
.about-box .about .icon-ani span:nth-child(1){width: 6px;background: #fabe00; animation: fa_span01_ani 1.2s linear infinite alternate; }
.about-box .about .icon-ani span:nth-child(2){width: 6px;background: #fabe00; animation: fa_span02_ani 1.2s linear infinite alternate; }
.about-box .btn-more {display: flex;  cursor: pointer; position: relative;overflow: hidden;text-align: center;box-sizing: border-box;width: 160px;padding: 10px 24px;margin: 60px auto 0 0; align-items: center;background: #fabe00;justify-content: center;border-radius: 36px;color:#fff;}
.about-box .btn-more::before {content: "";position: absolute;display: block;transition: all .6s; width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.about-box .btn-more::after { content: "";position: absolute;width: 0;height: 100%;transition: all .3s;z-index: 0;opacity: 0; top: 0;left: 0px;}
.about-box .btn-more:hover{box-shadow: rgba(70,111,129,0.4) 0 0 48px 0px;}
.about-box .btn-more:hover:before {animation: style1 .75s;z-index: 1}
.about-box .btn-more:hover:before {animation: style1 .75s;z-index: 1}
.about-box .btn-more a{color:#fff;}
@media screen and (max-width: 1024px) {
    .about-box{width:95%; flex-wrap: wrap; padding:5vw 2.5vw;}
    .about-box .about{width: 100%;  flex: 0 0 auto; margin-bottom:5vw; padding-right:0}
    .about-box .about-img{ width: 100%;}
}
@media screen and (max-width: 768px) {
.about-box .about h2{font-size: 26px;}
.about-box .about img{width: 25%;}
.about-box .about .icon-ani{margin-bottom: 10px;}
.about-box .btn-more{margin-top:0}
.about-box .about-img{ height: 95vw; overflow: hidden;}
.about-box .about-img img{object-fit: cover; height: 95vw;}
}


.new-box{width: 100%;background-color: rgba(246,246,246,1); padding:50px 0}
.news-header,.new-list{width: 85%; max-width: 1600px; display: flex; justify-content: space-between; margin:auto;}
.news-header>div,.new-list>div{margin-right: 24px;}
.news-header>div:last-child,.new-list>div:last-child{margin-right: 0;}
.news-header>div{position: relative;}
.news-header>div img{width: 100%; object-fit: cover; height: 30vw; max-height: 350px;}
.news-header>div.news-company{ width: calc((100% - 48px)/3*2  + 24px); }
.news-header>div.news-other{width: calc((100% - 48px)/3);}
.news-header>div .desc{position: absolute; bottom:0; background-image: linear-gradient(to top, rgb(0, 0, 0, .5) 7%, rgba(0, 0, 0, 0) 100%); padding: 80px 30px 20px 30px; width: 100%;}
.news-header>div .desc a{color:#fff}


.new-list{margin-top:24px;}
.new-list>div{width:  calc((100% - 48px)/3); box-shadow: 0 5px 10px 0px rgb(29 56 72 / 10%); background-color: #fff; position: relative; display: flex; flex-wrap: wrap;flex-direction: row; transition: all .5s ease;}
.new-list>div .new-item-inner{flex: 1; max-width: 100%;max-height: 100%;z-index: 2; padding: 10px 24px 10px 24px;}
.new-list>div .new-item-inner .category{color:#888; transition: all .5s ease;}
.new-list>div .new-item-inner .category span{font-family: "Impact"; font-size: 20px; color:#fabe00; margin-right:10px; transition: all .5s ease;}
.new-list>div .new-item-inner .category i{ color:#fabe00;margin-right:10px; transition: all .5s ease;}
.new-list>div .new-item-inner .category span:first-child{font-size: 36px;}
.new-list>div .new-item-inner h3{font-weight: normal; margin:10px 0}
.new-list>div .new-item-inner p{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; font-size: 14px;}
.new-list>div .new-item-inner h3 a{color:#333}
.new-list>div .new-item-inner p{color:#666}
.new-list>div .new-item-inner p a{color:#666}
.new-list>div:after{content: '';position: absolute;left: 0;bottom: 0;background:#fabe00;width: 100%;height: 0%; z-index: 1;transition: all .5s ease;}
.new-list>div:hover:after{height: 100%; z-index:1;}
.new-list>div:hover .new-item-inner p, .new-list>div:hover .new-item-inner h3 a, .new-list>div:hover .new-item-inner p a,.new-list>div:hover,.new-list>div:hover .new-item-inner .category,.new-list>div:hover .new-item-inner .category span,.new-list>div:hover .new-item-inner .category i{color:#fff; }

@media screen and (max-width: 1024px) {
    .new-box{padding:2.5vw 0;}
    .news-header, .new-list{width: 95%;}
    .new-list>div .new-item-inner .category span{ margin-right: 3px; font-size: 18px;}
    .new-list>div .new-item-inner .category span:first-child{font-size:26px;}
    .new-list>div .new-item-inner .category i{margin:0}
    .new-list>div .new-item-inner{padding:8px;}
    .new-list>div .new-item-inner .category{font-size: 14px;}
    .new-list>div .new-item-inner h3{ -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;font-size: 16px;}
    .new-list>div .new-item-inner p { -webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;font-size: 14px;}
}
@media screen and (max-width: 768px) {
    .news-header>div.news-company{width: 100%; margin-right: 0;}
    .news-header>div.news-other{display: none;}
    .news-header>div img{height: auto; max-height: none;}
    .new-list{flex-wrap: wrap;}
    .new-list>div{width: 100%; margin-right: 0; margin-top:2.5vw}
}