a:focus {outline: none;}

/* ============ 滚动动画系统 ============ */

/* 初始隐藏状态 */
[data-scroll-anim] {
    opacity: 0;
}

/* 四个方向关键帧 */
@keyframes animUp {
    from { opacity: 0; transform: translateY(200px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes animDown {
    from { opacity: 0; transform: translateY(-100px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes animLeft {
    from { opacity: 0; transform: translateX(-200px); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes animRight {
    from { opacity: 0; transform: translateX(200px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes animZoom {
    from { opacity: 0.3; transform: scale(1.15); }
    to   { opacity: 1;   transform: scale(1); }
}

/* 激活动画 */
[data-scroll-anim].anim-up    { animation: animUp    1.5s ease-out forwards; } 
[data-scroll-anim].anim-down  { animation: animDown  1.5s ease-out forwards; }
[data-scroll-anim].anim-left  { animation: animLeft  1.5s ease-out forwards; }
[data-scroll-anim].anim-right { animation: animRight 1.5s ease-out forwards; }
[data-scroll-anim].anim-zoom { animation: animZoom  1s ease-out forwards; }



.custom-pagination {
    position: absolute;
    bottom:5vw;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 45px;
    justify-content: center;
    width: 100%;
}
.pagination-dot {
    width: 12px; 
    height: 12px;
    border-radius: 50%;
    background: #ffffffa6;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* 激活状态下，取消内部圆点背景 */
.pagination-dot:has(.progress-circle.active) {
    background: transparent !important;
}
/* 进度条容器 */
.progress-circle {
    position: absolute;
    width: 40px;
    height: 40px;
    display: none;
    /* 让圆环居中覆盖原来的小圆点 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.progress-circle.active {display: block;}
.progress-circle svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.progress-circle .bg {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 2;
}
.progress-circle .progress {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1; 
    stroke-linecap: round; 
    stroke-dasharray: 56.55; 
    stroke-dashoffset: 56.55; 
}
.progress-circle .bg{
    fill: transparent;
    stroke: rgba(255,255,255,0.3);
    stroke-width: 1.5;
    stroke-dasharray: 56.55;
    stroke-dashoffset: 0;
}
.progress-circle .progress{
    fill: transparent;
    stroke: #fff;
    stroke-width: 1;
    stroke-dasharray: 56.55;
    stroke-dashoffset: 56.55;
}
/* 圆环中间数字 */
.dot-num{
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 12px;
}



.p_fswiperContainer{width: 100%;height: 100vh;position: relative;}
.p_fswiperContainer .p_wrapbox{width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.p_fswiperContainer .p_fboxChild{width: 100%;height: 100%;}

#w_common_text-1584177480898 p{color: #fff;font-size: 16px;line-height: 30px;}
#w_common_text-1627277479099 p a{display: block;}
#w_common_text-1627277490795 p a{display: block;}


/*翻页*/
.paging .page{margin: 32px 0;font-size: 14px;text-align: center;width: 100%;display: flex;justify-content: center;align-items: center;}
.paging .page span{padding: 0;border: none;margin: 0px;display: flex;justify-content: center;align-items: center;}
.paging .page span:hover{padding: 0;background: none;}
.paging .page-numbar{display: flex;justify-content: center;align-items: center;}
.page-status {display: none;}
.page a{display:flex;height:35px;font-size:14px;border: 1px solid #fff;text-align: center;margin: 0 2px;width: 35px;justify-content: center;align-items: center;border-radius: 0px;}
.page-num.page-num-current {color: #fff;background: #00a050;}
.page a:hover {	color: #fff;background: #00a050;}
.paging.p_page .pre .font {font-size: 16px;height: 21px;}
.paging.p_page .next .font {font-size: 16px;height: 13px;}
/*end*/

#w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination{right:25px;width: 39px;display: flex;flex-wrap: wrap;justify-content: right;}
#w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination .swiper-pagination-bullet{height:25px;background: none;border-radius: 0px;width:20px;transition: width 0.3s ease-in-out;margin:5px 0;opacity: 1;}
#w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination .swiper-pagination-bullet-active{width: 40px;}
#w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination .swiper-pagination-bullet::after{
    content: '';
    position: absolute;
    right: 0;
    top: 10%;
    left: auto;
    transform: translateY(-50%);
    height: 1px;
    width: 20px;
    display: inline-block;    
    line-height: 1px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    height: 1px;    
    overflow: hidden;   
    background: rgb(255, 255, 255);
    transition: 0.8s;
}
#w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination .swiper-pagination-bullet-active::after{width: 40px;}
#c_portalResProduct_list-16252127967787095 .swiper-button-next:after,#c_portalResProduct_list-16252127967787095 .swiper-button-prev:after{font-size:20px;}

#c_portalResProduct_list-16273549545728080 .mySwiper1{padding-bottom:50px;}
#c_portalResProduct_list-16273549545728080 .mySwiper1 .swiper-pagination{text-align: center;bottom: 0;display: flex;align-items: center;justify-content: center;width: 100%;}
#c_portalResProduct_list-16273549545728080 .mySwiper1 .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 0;margin: 0 8px;}
#c_portalResProduct_list-16273549545728080 .mySwiper1 .swiper-pagination .swiper-pagination-bullet-active{background: #dd0202;}
.c_portalResProduct_detail-01001004 .p_imagesA .swiper-button-next:after,.c_portalResProduct_detail-01001004 .p_imagesA .swiper-button-prev:after{color: #fff;}


#contentDiv table{width:100% !important;}


@media screen and (max-width: 768px) {
    #w_grid-1556072385047{min-height: 90px;height: 90px;}
    .w_grid .ny-banner{height: 147px;}
    #w_grid-1556098857162{margin-top: 90px !important;}
    #content_box-1556098889536-3{display: none;}
    #w_grid-1556098889536 #content_box-1556098889536-2{width: 100%;display: block;}

    .p_category.animate {left: 0;}
    
    #c_portalResEbizads_banner-15840854080118312 .bt_copy .copy_con a{display:none;}
    .progress-circle svg{display:none;}
    .progress-circle{display:none !important;}
    .pagination-dot:has(.progress-circle.active){background:#fff !important;}
    .custom-pagination{bottom:20vw;gap:10px;}
    #w_sfbox-1563853434791 .p_fswiperContainer .swiper-pagination{display:none;}
    .pagination-dot {width: 8px;height:8px;}
    
    .c_portalResProduct_detail-01001004 .d_TextBox, .c_portalResProduct_detail-01001004 .d_description{overflow-x: auto;}
    #contentDiv table{width:600px !important;}
    .reset_style p{padding:0px !important;}
}