/*! */
body,html{height:100%;scrollbar-width: none; -ms-overflow-style: none;}
html::-webkit-scrollbar ,body::-webkit-scrollbar,.pageLoop::-webkit-scrollbar{display: none;}
.pageLoop{width:100%;height:100%;overflow-y:unset !important;}
.erji-banner{display:none;}

/*! pagetitle*/
.page-title{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left}
.page-title .border-color{display:block;grid-row:1/3;grid-column:1;width:6px;height:100%;background:linear-gradient(to bottom,#dc3f2b 80%,#eeb360 80%)}
.page-title strong{grid-row:1;grid-column:2;font-size:36px;font-weight:700;color:#333;line-height:1;margin-bottom:15px;letter-spacing:3px}
.page-title em{grid-row:2;grid-column:2;font-size:20px;font-style:normal;color:#a0a8af;line-height:1.2;text-transform:uppercase;letter-spacing:1px;align-self:start}
/*! 第一屏*/
.video-container{position:relative;width:100vw;height:100vh;overflow:hidden}
.video-container video{width:100%;height:100%;object-fit:cover}
.video-container .corner-img{position:absolute;right:0;bottom:0;width:100%;height:auto;z-index:10}
.top-loop{height:100%;}
.top-loop .swiper-slide{height:100%;}
.top-loop .swiper-slide img{height:100vh;width:100%;object-fit:cover;}
.top-loop .corner-img{position:absolute;right:0;bottom:0;width:100%;height:auto;z-index: 99;}
.top-loop .top-pagination{bottom: 11% !important;position: absolute;z-index: 999;text-align: center;}
.top-loop .top-pagination span{width:20px;height:20px;}
.top-loop .top-pagination span.swiper-pagination-bullet{background-color: #e63946ab;}
/*! 第二屏*/
.about-us{padding-top:11%;height:100vh;box-sizing:border-box}
.about-us .infosummary{background:linear-gradient(135deg,#dc3f2a 0,#e7a44f 100%);padding:8% 0;margin-top:3%;position:relative}
.about-us .infosummary p{width:60%;color:#fff;margin-bottom:50px;font-size: 18px;line-height: 2;}
.about-us .infosummary a{color:#fff;border:1px solid #fff;border-radius:50px;padding:7px 25px;margin-top:20px;transition:all .3s ease;position:relative;background:#transparent;z-index:1}
.about-us .infosummary a::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:50px;background:linear-gradient(135deg,#dc3f2a 0,#e7a44f 100%);z-index:-1;opacity:0;transition:opacity .3s ease}
.about-us .infosummary a:hover::before{opacity:1}
.about-us .infosummary a:hover{border-color:transparent;}
/*! 第三屏*/
#content3{background:#f5f7f9 url(/eportal/imageDir/hbfj/2026/01/2026012415533526739.png) bottom center/100% auto no-repeat; padding-top:10%;box-sizing:border-box;}

.news-tabs{float:left;padding-top:10vh}
.news-tabs a{font-size:22px;line-height:3;font-weight:bold;transition:all .3s ease;}
.news-tabs li.active a,.news-tabs a:hover{color:#dc3f2a;}

.news-list{float: right;width:80%}
.news-list li a{display:flex;transition:all .3s ease;margin-bottom: 20px;gap: 20px;padding:20px;border-radius:15px;}
.news-list li:hover{background-color:#f9f9f9}
.news-list .news-date{width:80px;height:80px;background: linear-gradient(87deg,#dd442c 0,#eeb053 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5px;font-style: italic;}
.news-list .news-date .day{font-size: 36px;line-height:1;margin-bottom: 8px;font-weight: bold;}
.news-list .news-date .ym{font-size: 14px;opacity:0.9;}
.news-list .news-content{flex:1;min-width:0}
.news-list .news-title{font-size:18px;color:#333;font-weight:bold;margin-bottom:8px;transition:color .3s ease}
.news-list li:hover .news-title,.news-list li:hover .news-desc{color:#dc3f2a}
.news-list .news-desc{font-size:16px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
   

/*! 左侧序号*/
.leftPagination{position:fixed;right:auto!important;top:40vh!important;left:3%;z-index:99}
.leftPagination .swiper-pagination-bullet{background:0 0;color:#ffffff60;font-size:22px;opacity:1;width:40px;height:40px;text-align:center;line-height:40px}
.leftPagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#000;border:2px solid #eeb360}
.circle-area{position:absolute;display:flex;justify-content:center;align-items:center;left:50%;margin-left:240px;top:-10%}
.circle-area .main-img{width:50vh;height:50vh;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.1)}
.circle-area .rotate-dot{position:absolute;width:20px;height:20px;border-radius:50%;z-index:-1;animation:orbit 15s linear infinite}
.circle-area .outer-dot{background:linear-gradient(135deg,#dc3f2a 0,#e7a44f 100%);animation-duration:25s}
.circle-area .inner-dot{background:linear-gradient(45deg,#dc3f2a 0,#e7a44f 100%);animation-duration:25s;animation-direction:reverse;animation-name:orbit-inner}
.circle-area::before{content:"";position:absolute;width:80vh;height:80vh;border:2px solid #eeb360;border-radius:50%;z-index:-2;transform: translate(-7%, 0%);}
.circle-area::after{content:"";position:absolute;width:120vh;height:120vh;border:2px solid #eeb360;border-radius:50%;z-index:-2;transform: translate(-10%, -9%);}
@keyframes orbit{
    0%{transform: translate(calc(-7% - 50px), 0%) rotate(0deg) translateX(40vh) rotate(0deg);}
    100%{transform: translate(calc(-7% - 50px), 0%) rotate(360deg) translateX(40vh) rotate(-360deg);}
}
@keyframes orbit-inner{
    0%{transform:translate(calc(-10% - 120px), calc(-9% - 100px)) rotate(0deg) translateX(60vh) rotate(0deg)}
    100%{transform:translate(calc(-10% - 110px), calc(-9% - 100px)) rotate(360deg) translateX(60vh) rotate(-360deg)}
}




/*! 三化区域*/
.three-area {position:relative;height:100vh;}
.three-area .comwidth{position:absolute;left:50%;margin-left:-600px;top: 30vh;}
.three-area .infosummary{width: 50%;margin-top: 10vh;box-sizing: border-box;line-height:2;font-size:18px;}
.three-area img{width:100%;height:100%;}


@media (max-width: 768px) {

    .pageLoop .swiper-wrapper{display:block !important}
    .pageLoop .swiper-wrapper .swiper-slide{height:auto;}
    /*! pagetitle*/
    .page-title{margin-top:15px;}
    .page-title strong{font-size:20px;margin-bottom:10px;}
    .page-title em{font-size:12px;}

    /*! 三化区域*/
    .three-area {height:auto;}
    .three-area .comwidth{position: unset;margin-left: 0;}
    .three-area .infosummary{width: 100%;margin: 1vh 0;line-height:2;font-size:14px;}
    .three-area img{width:100%;height:100%;}
    /*! 第三屏*/
    #content3{padding-top:20px;}
    
    .news-tabs{float:none;padding-top:20px;overflow: hidden;}
    .news-tabs li{float:left;margin-right:15px;}
    .news-tabs a{font-size:18px;}
    
    .news-list{float: none;width:100%;padding: 0px 0 20px;margin-bottom: 20px;}
    .news-list li a{margin-bottom: 15px;padding:0px;gap: 15px;}
    .news-list li:hover{background:none;}
    .news-list .news-date{width:60px;height:60px}
    .news-list .news-date .day{font-size: 20px;}
    .news-list .news-title{font-size:16px;margin-bottom:0px;}
    .news-list .news-desc{font-size:14px;}
       
    /*! 左侧序号*/
    .leftPagination{display:none;}
    /*! 第二屏*/
    .about-us{padding-top:0px;height:auto;}
    .about-us .infosummary{padding: 8% 0;}
    .about-us .infosummary p{width:100%;margin-bottom: 20px;font-size: 16px;}
    .about-us .infosummary a{padding:7px 25px;font-size:14px;}
    /*! 第一屏*/
    .video-container{position:relative;width:100vw;height:auto;overflow:hidden}
    .video-container video{width:100%;height:100%;object-fit:cover}
    .video-container .corner-img{position:absolute;right:0;bottom:0;width:100%;height:auto;z-index:10}
    .top-loop{height:40vh;width:100vw;}
    .pageLoop .swiper-wrapper .swiper-slide .top-loop .swiper-wrapper{display:flex !important;}
    .pageLoop .swiper-wrapper .swiper-slide .top-loop .swiper-slide {height:100%;}
    .pageLoop .swiper-wrapper .swiper-slide .top-loop .swiper-slide img{height:100%;}
    .top-loop .top-pagination span{width:10px;height:10px;}
}