*{
    margin:0;
    padding:0;
}
a {
    text-decoration: none !important;
}
li {
    list-style-type:none;
}
.single-line {
    width: 100%; /* 需要设置宽度 */
    white-space: nowrap;      /* 强制文本不换行 */
    overflow: hidden;         /* 隐藏超出内容 */
    text-overflow: ellipsis;  /* 用省略号表示被截断的文本 */
}
.text-ellipsis-2{
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.w-100{
    width:100%;
}
.h-100{
    height:100%;
}
.gap-20 {
    gap: 20px;
}
.color-white{
    color:#fff !important;
}
.align-center{
    text-align:center;
}
.color-base {
    color:#2a2a2a;
}
.size-16 {
    font-size:16px;
}
/********************************* 导航部分 start *******************************/
#navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: 0.3s;
    background-color: rgba(224, 224, 224, 0);
}
.container-width{
    width:90%;
    margin:0 auto;
}
#navigation, #navigation a {
    color:#fff;
    font-size: 16px;
}
#navigation.scrolled {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    border-top: 4px solid #0071a4;
    color:#2a2a2a !important;
}
#navigation .navigation-top {
    height: 45px;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
#navigation.scrolled .navigation-top {
    margin-top: -45px;
    transition: 0.3s;
    background: #0071a4;
}
#navigation .navigation-content {
    background-color: rgba(0, 0, 0, 0.4);
}
#navigation.scrolled .navigation-content {
    background-color: rgba(0, 0, 0, 0);
}
#navigation .navigation-ul {
    margin:0px;
}
#navigation .navigation-ul .navigation-li {
    position: relative;
    padding:0px 20px;
    height:90px;
    line-height:90px;
}
#navigation .navigation-ul .navigation-li>a span{
    position: relative;
    z-index:2;
}
#navigation .navigation-ul .navigation-li:hover>a::after{
    height:100%;
}
#navigation .navigation-ul .navigation-li>a::after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 0%;
    background: rgba(0, 113, 164, .8);
    opacity: 1;
    z-index: 1;
    transition: all .3s ease;
}
#navigation .navigation-li:hover .navigation-child-ul {
    max-height: 600px;       /* 展开到足够高度 */
    overflow-y: auto;
    opacity: 1;              /* 不透明 */
    visibility: visible;     /* 可见 */
}
/* 隐藏滚动条 - Chrome/Safari/Opera */
.navigation-child-ul::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
/* 子菜单默认隐藏 */
.navigation-child-ul {
    width:300px;
    padding:10px 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(0, 113, 164, .8);
    /* 隐藏状态 */
    max-height: 0;           /* 高度为0 */
    opacity: 0;              /* 透明 */
    overflow: hidden;        /* 隐藏溢出内容 */
    visibility: hidden;      /* 不可见 */

    /* 隐藏滚动条 - Firefox */
    scrollbar-width: none;
    /* 隐藏滚动条 - IE/Edge */
    -ms-overflow-style: none;
    
    /* 过渡动画 */
    transition: all .8s ease;

    /* 慢速过渡 - 1秒完成 */
    /* transition: max-height 1s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.8s ease,
                    visibility 0.8s ease; */

        /* 自定义贝塞尔曲线，可以精确控制速度变化 */
    /* transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); */     /* 弹性效果 */
    /* transition: all 0.8s cubic-bezier(0.42, 0, 0.58, 1); */    /* 标准慢速 */
    /* transition: all 1s cubic-bezier(0.77, 0, 0.175, 1); */     /* 非常平滑 */

    /* 使用不同的缓动函数获得不同的速度感 */
    /* transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); */    /* 匀速 */
    /* transition: all 0.8s ease-in; */     /* 慢-快 */
    /* transition: all 0.8s ease-out; */    /* 快-慢 */
    /* transition: all 0.8s ease-in-out; */    /* 慢-快-慢 */

    /* 调整时长 - 增大数值让动画变慢 */
    /* transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); */     /* 从0.4s改为0.8s */
}
#navigation .navigation-child-li{
    padding:0px 20px;
    height:50px;
    line-height:50px;
}
#navigation .navigation-child-li:hover{
    background: #054562;
}
#navigation.scrolled .navigation-li-a {
    color:#2a2a2a;
}
#navigation.scrolled .navigation-li:hover .navigation-li-a {
    color:#fff;
}
#navigation .uk-icon{
    color:#fff;
}
#navigation.scrolled .logo-img2, #navigation .logo-img1 {
    display: block;
}
#navigation.scrolled .logo-img1, #navigation .logo-img2 {
    display: none;
}
/********************************* 导航部分 end *******************************/

/********************************* 首页主体部分 start *******************************/
#index-product .custom-uk-active>div {
    background:rgb(0 0 0 / 10%);
    border-radius:8px;
}
#index-product2 {
    background-image: url(../images/index-bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
}
#index-product2 .index-product2-line {
    width: 50px;
    height: 0px;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: rgba(0, 82, 145, 1);
    margin-bottom: 30px;
}
#index-product2 .index-product2-title{
    font-size: 34px;
    font-weight: bold;
    color: rgba(0, 82, 145, 1);
    font-family: Microsoft YaHei;
}
#index-product2 .index-product2-desc {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    font-family: Microsoft YaHei;
    line-height: 1.5;
    margin-top: 30px;
    margin-bottom: 45px;
}

#index-product2 .index-product2-line,
#index-product2 .index-product2-title,
#index-product2 .index-product2-desc,
#index-product2 .index-product2-more, 
#index-product2 .index-product2-img {
    transform: translateY(40px);
    opacity: 0;
}
@keyframes index-product2-slideIn {
    from {
        transform: translateY(40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
#index-product2 .uk-active .index-product2-line {
    animation: index-product2-slideIn 0.6s ease 0.3s forwards;
}
#index-product2 .uk-active .index-product2-title {
    animation: index-product2-slideIn 0.6s ease 0.5s forwards;
}
#index-product2 .uk-active .index-product2-desc {
    animation: index-product2-slideIn 0.6s ease 0.7s forwards;
}
#index-product2 .uk-active .index-product2-more {
    animation: index-product2-slideIn 0.6s ease 0.9s forwards;
}
#index-product2 .uk-active .index-product2-img {
    animation: index-product2-slideIn 0.6s ease 0s forwards;
}

#index-about{
    background-image: url(../images/index-bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:80px 0;
}
#index-about .index-about-top {
    font-size: 54px;
    color: rgba(255, 255, 255, 1);
    padding-top: 0px;
    font-weight: bold;
}
#index-about .index-about-title{
    font-size: 42px;
    color: rgba(255, 255, 255, 1);
    padding-top: 0px;
}
#index-about .index-about-desc{
    font-size: 14px;
    color:#fff;
    line-height: 2;
    text-indent:28px;
}
#index-about .counter {
    font-size: 50px;
    font-family: Arial;
    font-weight: bold;
}
#index-about .index-about-box:nth-child(1) {
    border-right:1px solid rgb(240, 241, 245);
}
#index-about .index-about-box:nth-child(3) {
    border-right:1px solid rgba(255, 255, 255, 0.2);
}
#index-about .index-about-box:nth-child(1),
#index-about .index-about-box:nth-child(2) {
    color: rgb(14, 112, 185);
    background-color: #fff;
}
#index-about .index-about-box:nth-child(3),
#index-about .index-about-box:nth-child(4) {
    color: #fff;
    background-color: rgba(14, 112, 185, 0.8);
}
#index-about .index-about-box {
    padding:20px 0px;
}
#index-about .index-about-box-top {
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    text-align: center;
}
#index-about .p_plus {
    font-size: 14px;
}

#index-case .index-case-list {
    border-radius: 8px;
    overflow: hidden;
}
#index-case .index-case-list .image-wrapper {
    overflow: hidden;
    width: 100%;
}
#index-case .index-case-list img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
    transform: scale(1);
}
#index-case .index-case-list:hover .image-wrapper img {
    transform: scale(1.3);
}
/* 透明圆圈 + 加号 - 重构确保完美居中 */
#index-case .index-case-list .plus-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100px;
    height: 100px;
    background: rgb(14 112 233 / 50%);
    box-shadow:0px 0px 0px 16px rgba(255,255,255,0.4);
    border-radius: 50%;
    text-align:center;
    transition: transform 0.5s ease;
    z-index: 15;
    color:#fff;
    font-size:48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif; /* 使用更标准的字体 */
}
#index-case .index-case-list:hover .plus-circle {
    transform: translate(-50%, -50%) scale(1);
}
#index-case .index-case-list p {
    margin: 0;
    padding: 8px 0;
    text-align: center;
    background: rgba(0,0,0,0.02);
    font-size: 14px;
    position: relative;
    z-index: 20;
    pointer-events: none;
}

#index-news {
    background-image: url(../images/index-bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
}
#index-news .news-item {
    position: relative;
    font-size: 18px;
    padding:20px;
    background:#fff;
    box-shadow: 0 5px 10px 0px rgb(29 56 72 / 10%);
}
#index-news .news-transition{
    transition: color 1s ease;
}
#index-news p.news-transition{
    color:#2a2a2a;
}
#index-news .news-menu span:nth-child(1),
#index-news .news-menu span:nth-child(2),
#index-news .news-menu span:nth-child(3) {
    font-size: 46px;
    margin-left:5px;
    color: rgb(0, 66, 153);
    font-family: Impact;
}
#index-news .news-menu span:nth-child(2),
#index-news .news-menu span:nth-child(3) {
    font-size:20px;
}
#index-news .news-menu span:nth-child(4) {
    font-size: 14px;
    margin-left:10px;
    color:rgba(129, 129, 129, 1);
}

#index-news .news-item:hover .news-transition {
    color:#fff !important;
}
#index-news .news-item:hover:after {
    height: 100%;
}
#index-news .news-item::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    z-index: 1;
    background: rgb(0, 66, 153);
    transition: 0.5s;
}
/* 最大宽度（桌面优先） */
@media (max-width: 640px) {
    .index-menu-layout h2{
        font-size:22px;
    }
    #index-product2 .index-product2-title {
        font-size: 22px;
    }
    #index-about .index-about-top {
        font-size: 24px;
    }
    #index-about .index-about-title {
        font-size: 22px;
    }
    #index-news .news-menu span:nth-child(1) {
        font-size: 28px;
    }
    #index-news .news-transition {
        font-size: 16px;
    }
}
/********************************* 首页主体部分 end *******************************/

/********************************* 首页轮播图 start *******************************/
.index-previous {
    position:absolute;
    bottom:20px;
    right:20px;
}
.index-previous a {
    padding:10px 15px;
    color: rgb(255, 255, 255);
    transition: 0.3s;
    margin: 0px 10px 0px 0px;
    border:1px solid #fff;
}
.index-previous a:hover {
    background: rgba(255, 255, 255, 0.6);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.9);
    border-image: initial;
}
/********************************* 首页轮播图 end *******************************/





/********************************* 页尾部分 start *******************************/
#footer {
    color:#fff;
    padding-top: 30px;
    font-size:14px;
    background-color: rgba(37, 86, 169, 1);
}
#footer #share img{
    margin-top:10px;
    margin-right:10px;
    width:35px;
}
#footer #copyright {
    color: rgba(255, 255, 255, 0.55);
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid rgba(0, 0, 0, .1);
    text-align:center;
}
/********************************* 页尾部分 end *******************************/


#placeholder {
    min-height: 135px;
    background-color: rgba(37, 86, 169, 1);
    width: auto;
    height: auto;
}


#locat {
    margin-top:-30px;
    margin-bottom:10px;
}
#locat,#locat a {
    font-size:13px;
    color:#6c757d !important;
}
#locat,#locat a {
    font-size:13px;
    color:#6c757d !important;
}
#locat a:last-child {
    color:#2a2a2a !important;
}

#content-title{
    font-size:20px;
    text-align:center;
    font-weight:bold;
}
#left-layout {
    margin-top:-50px;
    min-width: 200px;
}
#left-menu-top {
    background-color: rgba(0, 82, 145, 1);
    border-top-left-radius:20px;
    color:#fff;
    padding:25px;
    font-size:22px;
}
#e_line {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgba(255, 255, 255, 1);
    max-width: 20px;
    margin-left: 0px;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 0px;
}
#main #main-list {
    border:1px solid #eee;
    border-top:none;
    margin-top:0;
    padding:0;
}
#main .main-list-item {
    height:45px;
    line-height:45px;
    padding:0 15px;
    border-bottom:1px solid #eee;
}
#main .main-list-item:hover {
    border-left: 1px solid rgba(47, 49, 139, 1);
    background-color: rgba(245, 248, 250, 1);
}
#main .main-list-item a {
    color:#2a2a2a;
}
.prev-next {
    font-size:14px;
}


/********************************* 产品列表页 start *******************************/
#product_lists .list .list-s::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    background: rgb(0, 75, 165);
    transition: 0.5s;
}
#product_lists .list .list-a{
    position: relative;
    z-index:2;
    color:#2a2a2a;
}
#product_lists .list:hover .list-s::after{
    height:100%;
}
#product_lists .list:hover .list-a{
    color:#fff;
}
/********************************* 产品列表页 end *******************************/

/********************************* 产品内容页 start *******************************/
#product-content-images {
    padding:10px;
    background-color: rgba(245, 247, 249, 1);
}
/* #product-content-images>ul img {
    width:100%;
} */
.product-slider {
    width: calc(100% - 40px);
    margin:0 auto;
}
.product-slider .uk-position-small {
    font-size:10px;
    margin: 15px 5px;
    padding:0px;
    --uk-position-margin-offset: 15px;
}
.product-slider .uk-position-small svg{
    width: 10px !important;
    height: 10px !important;
    color: #000;
}
.product-content-images-small {
    width: 100%;
    position: relative;
}
.product-content-images-small img {
    width: 100%;
    height: auto;
    display: block;
}
.product-content-images-move {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    cursor: move;
    pointer-events: none;
}
.product-content-images-big {
    position: absolute;
    top:0;
    left:105%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}
.product-content-images-look {
    position: absolute;
    left: 0px;
    top: 0px;
    /* width: 200%;
    height: 200%; */

    /* 关键：设置最小宽度，确保大图不会小于容器 */
    min-width: 200%;
    min-height: 200%;
    /* 确保图片不缩小 */
    max-width: none;
    max-height: none;
}
#product-title {
    background-color: rgba(245, 247, 249, 1);
}
/********************************* 产品内容页 end *******************************/



/********************************* 新闻内容页 start *******************************/
#new-content #new-content-title>div:nth-child(1) {
    background:rgba(0, 82, 145, 1);
    color:#fff;
    text-align:center;
    padding:10px;
}
#new-content #new-content-title>div:nth-child(1) div:nth-child(1) {
    font-size:34px;
    font-weight: bold;
    font-family: Arial;
    line-height: 34px;
}
#new-content #new-content-title>div:nth-child(1) div:nth-child(2) {
    font-size:14px;line-height: 14px;
}
#new-content #new-content-title>div:nth-child(2) h1 {
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(68, 68, 68, 1);
    margin-bottom:5px;
}
#new-content #new-content-title>div:nth-child(2) span {
    font-size: 14px;
}
/********************************* 新闻内容页 end *******************************/


/********************************* 新闻列表页 start *******************************/
#new-lists .list .list-s::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    background: rgb(0, 75, 165);
    transition: 0.5s;
}
#new-lists .list {
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    padding:25px;
    background: rgba(245, 245, 245, 1);
}
#new-lists .list:hover {
    margin-left: 5px;
    margin-right: -5px;
    background-color: rgba(23, 51, 148, 0.1);
}
#new-lists .list>div:nth-child(1) div:nth-child(1) {
    color:rgba(8, 76, 170, 1);
    font-size: 18px;
    font-weight:bold;
}
#new-lists .list>div:nth-child(1) div:nth-child(2) {
    color:#999;
}
#new-lists .list>div:nth-child(2) div:nth-child(1) {
    min-height: 20px;
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
    text-align: right;
    line-height: 1;
}
#new-lists .list>div:nth-child(2) div:nth-child(2) {
    min-height: 20px;
    font-size: 34px;
    font-family: Impact;
    text-align: right;
    line-height: 1.5;
    color: rgba(153, 153, 153, 1);
}
#new-lists .list>div:nth-child(2) div:nth-child(2),#new-lists .list>div:nth-child(2) div:nth-child(1) { 
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
#new-lists .list:hover>div:nth-child(2) div:nth-child(2),#new-lists .list:hover>div:nth-child(2) div:nth-child(1) { 
    color: rgba(23, 51, 148, 1);
}
/********************************* 新闻列表页 end *******************************/

/********************************* 网站右侧漂浮 begin *******************************/
#f_pf1 {position:fixed;bottom:80px;right:2px;z-index:999;}
#f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;}
#f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url(../images/icons/slidebar_icon.png) top center no-repeat;overflow:hidden;margin:9px 10px;}
#f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;}
#f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url(../images/icons/slidebar_icon.png) center -27px no-repeat;overflow:hidden;margin:9px 10px;}
#f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
#f_pf1 .tela:hover .wz{display:block;}
#f_pf1 .tela p {background:#fff;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#c22423;line-height:40px;text-align:center;margin:0;}
#f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
#f_pf1 .wxa {position:relative;}
#f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.7);margin-bottom:2px;}
#f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url(../images/icons/slidebar_icon.png) center -52px no-repeat;overflow:hidden;margin:9px 10px;}
#f_pf1 .wxa .code {position:absolute;top:-44px;left:-144px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
#f_pf1 .wxa:hover .code{display:block;}
#f_pf1 .wxa .code p {background:#fff;width:120px;height:120px;overflow:hidden;margin:0;}
#f_pf1 .wxa .code p img {max-width:100%;max-height:100%;}
#f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
#f_pf1 a#totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(194,36,35,.7);margin-bottom:2px;}
#f_pf1 a#totop:after {content:'';display:block;width:24px;height:24px;background: url(../images/icons/slidebar_icon.png) center -76px no-repeat;overflow:hidden;margin:9px 10px;}
#f_pf1 .pfpro,#f_pf1 .pflxwm{ display:none;}
#f_pf1 #totop svg{display:none;}
#f_pf1 .uk-totop {
    padding: 0px !important;
    /* color: #999;
    transition: color .1s ease-in-out; */
}
/********************************* 网站右侧漂浮 end *******************************/