*{padding: 0; margin: 0; box-sizing: border-box;}
html,body{ width: 100%; height: 100%;font-family: MaisonNeue, apple-system, Roboto, Arial;}
a{ text-decoration: none;color: #000;}
.ui-box{ width: 74%; margin-left: auto; margin-right: auto;}

.ui-navbar{ padding: 0; display: none;  width: 40px;height: 40px;border-radius: 5px; z-index: 993;border: 1px solid #ccc;justify-content: center; align-items: center;}
.ui-navbar .ui-butt{ display: block;}
.ui-navbar i{font-size:30px;}

/* 修改折叠状态的背景和文字颜色 */
.accordion-button.collapsed {
  background-color: #f8f9fa; /* 浅灰色背景 */
  color: #051457; /* 深灰色文字 */
}

/* 修改展开状态的背景和文字颜色 */
.accordion-button:not(.collapsed) {
  background-color: #efefef; /* 自定义蓝色背景 */
  color: #000; /* 白色文字 */
}



.accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
}

.ui-list-is-not{ text-align: center; padding: 40px 0;}
body .btn-primary{ background-color: #001574;}
.ui-header{}
.ui-header .ui-top { background-color: #014099; color: #fff; padding: 5px 0; }
.ui-header .ui-top a{ color: #fff;}
.ui-header .ui-top .ui-phone{  font-size: 14px; display: flex; justify-content: end; flex-wrap: wrap;}
.ui-header .ui-top .ui-phone span{ display: inline-block; margin-right: 5px;}
.ui-header .ui-top .ui-phone span i{display: inline-block; margin-right: 5px;}
.ui-header .ui-head-main .ui-box{ display: flex; align-items: center;  position: relative;}
.ui-header .ui-head-main .ui-box .ui-right{ display: flex; align-items: center; justify-content: flex-end;}
.ui-header .ui-head-main .ui-logo{ width: 80px;}
.ui-header .ui-head-main .ui-logo img{ max-height: 40px; }
.ui-header .ui-head-main .ui-search{ width: 40px;font-size: 24px; text-align: center; cursor: pointer;}
.ui-header .ui-head-main .ui-nav{ flex: 1;}
.ui-header .ui-head-main .ui-nav .ui-list{ display: flex;justify-content: center;}
.ui-header .ui-head-main .ui-nav .ui-list > .ui-item {padding: 0 20px; height: 60px;display: flex; align-items: center; }
.ui-header .ui-head-main .ui-nav .ui-list > .ui-active{ font-weight: bold; color: #01094e;}
.ui-header .ui-head-main .ui-nav .ui-list > .ui-item:hover a{ color: #01094e;font-weight: bold;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-item .ui-child{ display: none;}

.ui-header .top-head-main{ position: fixed; top: 0;  left: 0; width: 100%; z-index: 999; background-color: #fff; box-shadow: 22px 2px 4px #efefef;}

.ui-header .ui-head-main .ui-nav .ui-list > .ui-item:hover .ui-child{ display:block; position: absolute;left:5%; top: 60px; width: 90%; background-color: #fff; box-shadow: 3px 3px  6px #888; z-index: 998; padding: 20px; border-radius: 0 0 10px 10px;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box{ display: flex; }
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-nav-list{ flex: 1; display: flex; flex-wrap: wrap;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-nav-list .ui-list-box{width: 33.33%;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-nav-list .ui-list-box .ui-item{ margin-bottom: 6px;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-nav-list .ui-list-box .ui-item a{ font-size: 14px;}
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-nav-list .ui-list-box .ui-cat a{font-size: 18px; font-weight: bold; color: #052874;}

.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-images{ width: 200px;  }
.ui-header .ui-head-main .ui-nav .ui-list .ui-child .ui-child-box > .ui-images img{ width: 100%; }

.ui-search-pop{ position: absolute; width: 100%; top: 90px; height: 60px; background-color: #014099;  z-index: 990;  display: none;}
.ui-search-pop form{ width: 100%;}
.ui-search-pop .ui-search-main{ width: 100%; display: flex; align-items: center;height: 60px;}
.ui-search-pop .ui-search-main .ui-text{flex: 1; display: block; height: 40px; border: 1px solid #000; padding-left: 15px;}
.ui-search-pop .ui-search-main button{ width: 40px; height: 40px; background-color: #fff; border: 1px solid #000;}
.ui-search-pop .ui-search-main .ui-close{width: 40px; height: 40px; font-size: 24px; color: #fff; text-align: center; line-height: 40px;}
.ui-header .top-head-main .ui-search-pop{top: 60px;}


.ui-footer{  padding: 40px 0 0; position: relative;}
.ui-footer .ui-footer-main{background-color: #000; padding: 20px 0;}
.ui-footer .ui-nav-list{ display: flex;}
.ui-footer .ui-nav-list .ui-col{ color: #fff; flex: 1; max-width: 25%;}
.ui-footer .ui-nav-list .ui-col .ui-url{color: #fff; display: block; margin-bottom: 8px;} 
.ui-footer .ui-nav-list .ui-col .ui-b{ font-weight: bold;}
.ui-footer .ui-nav-list .ui-ico-lst{ padding-right: 20px;}
.ui-footer .ui-nav-list .ui-ico-lst .ui-text{ font-size: 12px; margin-top: 25px;}
.ui-footer .ui-nav-list .ui-col .ui-ico{ width: 75%; border: 1px solid #fff; padding: 8px; display: flex; justify-content: center; align-items: center; margin-bottom:20px;}
.ui-footer .ui-nav-list .ui-col .ui-ico a{color: #fff;}

.ui-footer .bg-wrapper{ width: 100%; height: 100px;  }
.ui-footer .bg-wrapper .triangle-right-bottom {position: relative; bottom: -1px; width: 100%;  height: 100%;  background: #000;  clip-path: polygon(100% 100%, 100% 0%, 0% 100%);}
.ui-footer .bg-wrapper .triangle-left-bottom{ position: relative; bottom: -1px;width: 100%;  height: 100%;   background: #000;  clip-path: polygon(0% 100%, 0% 0%, 100% 100%); /* 三个顶点：左下 → 左上 → 右下，直角在左下角 */}


.ui-home-news{ padding: 50px 0;}
.ui-home-news .ui-box-head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.ui-home-news .ui-box-head .ui-title{ font-weight: bold; font-size: 24px;}
.ui-home-news .ui-box-head .ui-more{ display: flex; align-items: center;font-weight: bold;}
.ui-home-news .ui-news-list{}
.ui-home-news .ui-news-list .ui-item{ display: flex;flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #ccc;}
.ui-home-news .ui-news-list .ui-item .ui-meta{ width: 16%; font-size: 12px;} 
.ui-home-news .ui-news-list .ui-item .ui-content{ flex: 1;}
.ui-home-news .ui-news-list .ui-item .ui-category a{ display: inline-block; padding: 3px 10px; background-color: #000; color: #fff;border-radius:8px;}
.ui-home-news .ui-news-list .ui-item .ui-date{margin-bottom: 6px;}



.ui-home-about{ position: relative;}
.ui-home-about .ui-vidoe{aspect-ratio: 1.75 / 1;}
.ui-home-about .ui-vidoe video{ width: 100%;}
.ui-home-about .ui-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; background-color: rgba(0,0,0,.6);}
.ui-home-about .ui-info .ui-content{color: #fff; }
.ui-home-about .ui-info .ui-content .ui-title{ font-size: 30px; margin-bottom: 20px; font-weight: bold;}
.ui-home-about .ui-info .ui-content .ui-text{ width: 40%; font-size: 18px;}

.ui-home-about .ui-info .ui-content .ui-butts{ display: flex;align-items: center; margin-top: 15px;}
.ui-home-about .ui-info .ui-content .ui-butts .ui-butt{ margin-right: 20px;}
.ui-home-about .ui-info .ui-content .ui-butts .ui-butt a{display: flex;align-items: center; color: #fff;} 
.ui-home-about .ui-info .ui-content .ui-butts .ui-butt a i{ display: inline-block; margin-left: 10px;}



.ui-banner{ background-color: #000; padding: 40px 0;}
.ui-banner .ui-box{ overflow: hidden;}
.ui-banner .ui-list{ }
.ui-banner .ui-list .swiper-slide{height: 100%;}
.ui-banner .ui-list .ui-item{ color: #fff; background-color: #000; overflow: hidden; height: 100%; position: relative;}
.ui-banner .ui-list .ui-item .ui-info{ width: 48%; display: flex; align-items: center;left: 0; top: 0; height: 100%;  position: absolute; padding: 0 20px; background-color: #fff; color: #01094e;border-radius: 20px;} 
.ui-banner .ui-list .ui-item .ui-info .ui-title{ font-size: 36px;  margin-bottom: 20px; font-weight: bold; line-height: 46px;} 
.ui-banner .ui-list .ui-item .ui-info .ui-text{ font-size: 14px; margin-bottom: 25px; }

.ui-banner .ui-list .ui-item .ui-images{ width: 50%; display: flex; align-items: center; justify-content: flex-end; float: right; padding: 20px;height: 550px; overflow: hidden;position: relative} 
.ui-banner .ui-list .ui-item .ui-images img{ width: 100%;}
.ui-banner .ui-list .ui-item .ui-butts .ui-butt{ display: inline-block; color: #fff;background-color: #000; border-radius: 25px; padding: 5px 30px;border: 1px solid #000;}

.ui-banner .ui-list .ui-item  .ui-video{ position: relative}


/* ----- 四个角标记的通用样式 ----- */
        .corner {
            position: absolute;
            width: 30px;          /* 角线段的长度 */
            height: 30px;
            /* 默认透明，通过边框绘制 L 形 */
            border-color: #fff; /* 亮青色，可自行更改 */
            border-style: solid;
            border-width: 0;       /* 默认无边框，各角单独设置 */
            transition: border-color 0.3s;
            /* 动画：放大缩小 */
            animation: cornerPulse 2s ease-in-out infinite alternate;
        }

        /* 每个角单独设置 transform-origin，保证缩放时位置固定 */
        .corner-tl {
            top: 0;
            left: 0;
            border-top-width: 3px;
            border-left-width: 3px;
            transform-origin: 3 0;          /* 锚点在左上角 */
        }
.corner-tr { top: 0; right: 0; border-top-width: 3px; border-right-width: 3px; transform-origin: 100% 0;       /* 锚点在右上角 */}
.corner-bl { bottom: 0;left: 0;border-bottom-width: 3px;border-left-width: 3px;transform-origin: 0 100%;       /* 锚点在左下角 */ }
.corner-br {bottom: 0; right: 0; border-bottom-width: 3px; border-right-width: 3px;transform-origin: 100% 100%;   /* 锚点在右下角 */  }
/* ----- 缩放动画 ----- */
/*
@keyframes cornerPulse {0% { transform: scale(0.85);opacity: 0.7; } 100% {transform: scale(1.2); opacity: 1; } }
*/
/* 可选：为每个角设置不同的延迟，让动画更有层次感 */
.corner-tr { animation-delay: 0.2s;}
.corner-bl { animation-delay: 0.4s; }
.corner-br {animation-delay: 0.6s;}

.ui-home-case{ padding: 120px 0 40px; }
.ui-home-case .ui-case-list .ui-case-item{ overflow: hidden;  position: relative; padding-bottom: 120px;}
.ui-home-case .ui-case-list .ui-case-item:last-child{ padding-bottom: 0;}
.ui-home-case .ui-case-list .ui-case-item .ui-info{ width: 50%; padding: 25px ;aspect-ratio: 1000 / 739; display: flex; align-items: center;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-type{font-size: 24px;margin-bottom: 10px; display: flex; align-items: center; font-weight: bold; color: #01094e;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-type i{ padding: 5px 10px; background-color: #01094e; color: #fff;border-radius: 5px; margin-right: 8px;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-title{font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-text{ margin-bottom: 25px;font-size: 14px;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-link{ display: inline-block; padding: 5px 20px; border-radius: 15px; background-color: #01094e; color: #fff;}
.ui-home-case .ui-case-list .ui-case-item .ui-info .ui-butt-an{animation: breathe 2.4s ease-in-out infinite;transition: background 0.3s, box-shadow 0.3s;}

@keyframes breathe {
            0% {
                transform: scale(1);
                box-shadow: 0 8px 24px rgba(2, 25, 63, 0.3);
               
            }
            50% {
                transform: scale(1.08);
                box-shadow: 0 12px 40px rgba(2, 25, 63, 0.6);
               
            }
            100% {
                transform: scale(1);
                box-shadow: 0 8px 24px rgba(2, 25, 63, 0.3);
              
            }
        }
        
.ui-home-case .ui-case-list .ui-case-item .ui-images{ width: 50%; display: flex; align-items: center; justify-content: center;border-radius: 10px;}
.ui-home-case .ui-case-list .ui-case-item .ui-images img{ width: 100%;}



.ui-home-case .ui-case-list .ui-case-item:nth-of-type(odd) .ui-info { float: left; }
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(odd) .ui-images { float: right;  }
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(even) .ui-info {  float: right;}
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(even) .ui-images { float:left ;}


.ui-home-product{ padding: 40px 0 80px;background-color: #efefef;}
.ui-home-product .ui-box > .ui-top{display: flex; align-items: center; margin-bottom: 12px;font-size: 14px;}
.ui-home-product .ui-box > .ui-top span{width: 50px; height: 2px; background-color: #ccc;  display: inline-block; margin-right: 10px;}
.ui-home-product .ui-box > .ui-title{font-size: 24px; font-weight: bold;margin-bottom: 12px;}
.ui-home-product .ui-box > .ui-text{font-size: 12px;margin-bottom: 25px;}

.ui-home-product .ui-tabs{ display: flex;}
.ui-home-product .ui-tabs .ui-tab-label{width: 20%;}
.ui-home-product .ui-tabs .ui-tab-label .ui-list{ margin-bottom: 40px;}
.ui-home-product .ui-tabs .ui-tab-label .ui-list .ui-item{ padding: 3px 10px;font-size: 14px; margin-bottom: 5px;cursor: pointer;}
.ui-home-product .ui-tabs .ui-tab-label .ui-list .ui-active{font-weight: bold; color: #001574; border-left: 2px solid #001574;}

.ui-home-product .ui-tabs  .ui-tab-label .ui-more{color: #001574; font-size: 14px;}

.ui-home-product  .ui-tabs .ui-tab-content .ui-tab-box{ display: none;}
.ui-home-product  .ui-tabs .ui-tab-content .ui-active{ display:block;}

.ui-home-product  .ui-tabs .ui-tab-content{ width: 80%; overflow: hidden; padding-bottom: 40px;}
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box{position: relative;width: 100%; overflow:initial;}


.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list{ width: 100%;  }
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list .ui-item{}
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list .ui-item .ui-img{ overflow: hidden; margin-bottom: 10px;}
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list .ui-item .ui-img img{ width: 100%;}
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list .ui-item .ui-info{}
.ui-home-product  .ui-tabs .ui-tab-content .ui-product-box .ui-list .ui-item .ui-info .ui-title{font-size: 14px; margin-bottom: 15px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;}

.ui-home-product .swiper-button-next, .ui-home-product .swiper-button-prev{ bottom: -40px;top: initial;right: initial; left: 50%; display: flex; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #001574;}
.ui-home-product .swiper-button-next:after, .ui-home-product .swiper-button-prev:after{ font-size: 16px;color: #001574;}
.ui-home-product .swiper-button-next{margin-left: 40px;}
.ui-home-product .swiper-button-prev{margin-right: 40px;}



.ui-product-page{}

.ui-product-page .ui-banner-box .ui-title{ text-align: center;}

.ui-product-page .ui-banner{ background: linear-gradient(45deg, #efefef, #80abe7); margin-bottom: 40px;}
.ui-product-page .ui-banner .ui-banner-box{ position: relative;}
.ui-product-page .ui-banner .ui-banner-box .ui-text{position: absolute; width: 100%; height: 300px;left:0 ;top: 0;display:  flex; align-items: center; }
.ui-product-page .ui-banner .ui-banner-box .ui-text .ui-name{ font-size: 30px;  font-weight: bold; }
.ui-product-page .ui-banner .ui-banner-box .ui-img{ display: flex; justify-content: end; align-items: center;}
.ui-product-page .ui-banner .ui-banner-box .ui-img img{ height: 300px;}


.ui-product-page .ui-product-cat{ margin: 120px 0 100px;}
.ui-product-page .ui-product-cat .ui-cat-list .ui-item{ text-align: center;}

.ui-product-page .swiper-button-next, .ui-product-page .swiper-button-prev{}
.ui-product-page .swiper-button-next:after, .ui-product-page .swiper-button-prev:after{ font-size: 16px;color: #001574;}

.ui-product-page .ui-product-cat .ui-cat-list .ui-item{ }
.ui-product-page .ui-product-cat .ui-cat-list .ui-item .ui-ico{margin-left:auto ; margin-right: auto; width: 60px; height: 60px; border-radius: 50%;background-color: #ccc; color: #014099; display: flex; align-items: center; justify-content: center;}
.ui-product-page .ui-product-cat .ui-cat-list .ui-item i{font-size: 30px;}
.ui-product-page .ui-product-cat .ui-cat-list .ui-active .ui-ico{background-color: #001574; color: #fff;}


.ui-product-page .ui-pro-list{ margin-bottom: 30px;}
.ui-product-page .ui-pro-list .ui-item .ui-img{ display: flex; align-items: center; justify-content: center;  max-height:400px ;}
.ui-product-page .ui-pro-list .ui-item .ui-img img{ width: 100%;}
.ui-product-page .ui-pro-list .ui-item .ui-img .ui-img1{ display: none;}
.ui-product-page .ui-pro-list .ui-item .ui-img:hover .ui-img1{ display: block;}
.ui-product-page .ui-pro-list .ui-item .ui-img:hover .ui-img0{ display: none;}

.ui-product-page .ui-pro-list .ui-item{box-shadow: 4px 4px 13px #efefef; padding: 15px;}
.ui-product-page .ui-pro-list .ui-item .ui-info .ui-title{ font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.ui-product-page .ui-pro-list .ui-item .ui-info ul{ list-style: none; padding: 0;}


/* 分页*/
.ui-page-nav{ margin-bottom: 30px;}
.ui-page-nav ul{ display: flex; align-items: center; justify-content: center;}
.ui-page-nav .page-item{ width: 40px; height: 40px; border: 1px solid #001574; display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.ui-page-nav .page-item a{ display: block; }
.ui-page-nav .active{ background-color: #001574; color: #fff;}
.ui-page-nav .page-item .sr-only{ display: none;}

/* 面包屑导航*/
.ui-bread-nav{ display: flex; align-items: center; padding: 10px 0 ;margin: 20px 0 0}
.ui-bread-nav .ui-item{ margin-right: 10px; font-size: 14px;} 
.ui-bread-nav .ui-item i{ margin-left: 5px;} 

.ui-product-info-page{border-top: 2px solid #4a63d1;}

.ui-product-info-page .ui-top{ display: flex; justify-content: space-between;  margin-bottom: 40px;}
.ui-product-info-page .ui-top .ui-images-box{ width: 58%; overflow: hidden; display: flex;}

.ui-product-info-page .ui-top .ui-images-box .ui-img-list{width: 100px; display: flex; align-items: center; flex-wrap: wrap;}
.ui-product-info-page .ui-top .ui-images-box .ui-img-list .ui-item{cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; border: 1px solid #000;  margin-bottom: 15px; padding: 10px;}
.ui-product-info-page .ui-top .ui-images-box .ui-img-list .ui-item img{ width: 100%;}
.ui-product-info-page .ui-top .ui-images-box .ui-main-img{ flex: 1; padding: 10px;}




.ui-product-info-page .ui-top .ui-info-box{ width: 40%; background-color: #efefef; padding: 50px;}
.ui-product-info-page .ui-top .ui-info-box .ui-share{ text-align: right; margin-bottom: 20px;font-size: 18px;}
.ui-product-info-page .ui-top .ui-info-box .ui-share i{ margin-right: 10px;}
.ui-product-info-page .ui-top .ui-info-box .ui-cat-name{ margin-bottom: 10px;}
.ui-product-info-page .ui-top .ui-info-box h1{ font-weight: bold; font-size: 24px; margin-bottom: 30px;}

.ui-product-info-page .ui-top .ui-info-box .ui-selling-point{ margin-bottom: 80px;}
.ui-product-info-page .ui-top .ui-info-box .ui-selling-point ul{ list-style: none; padding-left: 0;}
.ui-product-info-page .ui-top .ui-info-box .ui-selling-point ul li{ margin-bottom: 10px; }
.ui-product-info-page .ui-top .ui-info-box .ui-contact{}
.ui-product-info-page .ui-top .ui-info-box .ui-contact .ui-butt{cursor: pointer; width: 70%; margin-left: auto; margin-right: auto; border-radius: 20px; background-color: #001574;color: #fff; text-align: center; padding: 8px ;}




.ui-product-info-page .ui-p-top{display: flex; justify-content: space-between;  margin-bottom: 40px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info{overflow: hidden;height: 600px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box{width: 58%;  float: left; overflow: hidden; height: 100%;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list{  display: flex; align-items: center; height: 100%; float: left;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-main-img{height: 100%; float: right;width: calc(100% - 80px); display: flex; justify-content: center; align-items: center; overflow: hidden; }

.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list .ui-img-box {  }
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list .ui-img-box .ui-item  { width: 70px; height: 70px;  margin-bottom: 10px; border:1px solid #7db3f0; display: flex; align-items: center; justify-content: center; overflow: hidden;cursor: pointer;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list .ui-img-box .ui-active{border-color: #001574;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list .ui-img-box .ui-item  img{ width: 100%;}

.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-main-img img{height: 100%;}

.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box{ width: 40%; background-color: #efefef; padding: 50px; float: right; height: 100%;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-share{ text-align: right; margin-bottom: 20px;font-size: 18px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-share i{ margin-right: 10px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-cat-name{ margin-bottom: 10px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box h1{ font-weight: bold; font-size: 24px; margin-bottom: 30px;}

.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-selling-point{ margin-bottom: 80px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-selling-point ul{ list-style: none; padding-left: 0;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-selling-point ul li{ margin-bottom: 10px; }
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-contact{}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box .ui-contact .ui-butt{cursor: pointer; width: 70%; margin-left: auto; margin-right: auto; border-radius: 20px; background-color: #001574;color: #fff; text-align: center; padding: 8px ;}




.ui-product-info-page .ui-nav{background-color: #000; color: #888;}
.ui-product-info-page .ui-nav .ui-list{display: flex; justify-content: flex-end;}
.ui-product-info-page .ui-nav .ui-list .ui-item{ height: 50px; line-height:50px; padding: 0 15px;font-size: 14px;}
.ui-product-info-page .ui-nav .ui-list .ui-active{ color:#fff ;}
.ui-product-info-page .ui-product-content .ui-content-box{ padding: 40px 0;}
.ui-product-info-page .ui-product-content .ui-box .ui-active{ display: block;}

.ui-product-info-page .ui-product-content .ui-content-box b{  font-size: 20px; margin: 20px 0; display: block;}
.ui-product-info-page .ui-product-content .ui-content-box table{ width: 100%!important;border: 1px solid #ccc;margin: 20px 0 !important;}
.ui-product-info-page .ui-product-content .ui-content-box table  tr td{ padding: 6px 10px; border-bottom: 1px solid #ccc;font-size: 14px;}
.ui-product-info-page .ui-product-content .ui-content-box table  tr td:first-child{background-color: #efefef; width: 40%!important; font-weight: bold;}
.ui-product-info-page .ui-product-content .ui-overview img{ max-width: 800px; margin: 0 auto;}

.ui-product-info-page .ui-solution{ margin-bottom: 30px;}
.ui-product-info-page .ui-solution .ui-box-title{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.ui-product-info-page .ui-solution .ui-list{ display: flex;}
.ui-product-info-page .ui-solution .ui-list .ui-item{ }
.ui-product-info-page .ui-solution .ui-list .ui-item .ui-img img{width: 100%;}
.ui-product-info-page .ui-solution .ui-list .ui-item .ui-title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.ui-product-info-page .ui-faq{ margin-bottom: 30px;}
.ui-product-info-page .ui-faq .ui-box-title{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.ui-product-info-page .accordion-button{ background-color: #fcfcfc;font-weight: bold; padding: 20px;}



.ui-commont-page .ui-banner{ padding: 0;}
.ui-commont-page  .ui-banner  .ui-banner-box{ position: relative; height: 100%;}

.ui-commont-page  .ui-banner  .ui-banner-box .ui-text{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; align-items: center;}
.ui-commont-page  .ui-banner  .ui-banner-box .ui-text .ui-name{ text-align: center; font-size: 30px; color: #fff;}
.ui-commont-page  .ui-banner  .ui-banner-box .ui-text .ui-nav{display: flex; justify-content: center;}
.ui-commont-page  .ui-banner  .ui-banner-box .ui-text .ui-nav a,
.ui-commont-page  .ui-banner  .ui-banner-box .ui-text .ui-nav i{color: #fff;}


.ui-commont-page .ui-banner .ui-banner-box  .bg-wrapper{ position: absolute; width: 100%; height: 120px; bottom: -1px; z-index: 9;}
.ui-commont-page .ui-banner .ui-banner-box  .bg-wrapper .triangle-right-bottom { width: 100%;  height: 100%;  background: #ffffff;  clip-path: polygon(100% 100%, 100% 0%, 0% 100%);}
.ui-commont-page .ui-banner .ui-banner-box  .bg-wrapper .triangle-left-bottom{ width: 100%;  height: 100%;   background: #ffffff;  clip-path: polygon(0% 100%, 0% 0%, 100% 100%); /* 三个顶点：左下 → 左上 → 右下，直角在左下角 */}
.ui-commont-page .ui-banner .ui-banner-box .ui-img img{ width: 100%;}



.ui-contact-page{}
.ui-contact-page .ui-info{ margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.ui-contact-page .ui-info .ui-item{ aspect-ratio:1 / 1 ;padding: 20px;}
.ui-contact-page .ui-info .ui-item .ui-item-box{  border-radius: 15px;height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;box-shadow: 6px 6px 20px #ccc;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-content{max-width: 80%;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-ico{ width: 100%;  font-size: 30px;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-label{ width: 100%;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-text{ width: 100%; }
.ui-contact-page .ui-map{ margin: 40px 0;}
.ui-contact-page .ui-form .btn-primary{background-color: #000000;border: none;}
.ui-contact-page .ui-info .ui-item:hover .ui-item-box{box-shadow: 10px 10px 20px #ccc;}

.ui-news-list-page{}


.ui-news-list-page .ui-banner-box .ui-title{ text-align: center;}
.ui-news-list-page .ui-list{ padding-top: 60px;}
.ui-news-list-page .ui-list .ui-item{padding: 12px;}
.ui-news-list-page .ui-list .ui-item .ui-item-box{ border-radius: 15px;  height: 100%; width: 100%; box-shadow: 6px 6px 20px #ccc;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-img{display: flex; justify-content: center; aspect-ratio:5 / 3 ; overflow: hidden;border-radius: 10px 10px 0 0;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-img a{ display: block; height: 100%; width: 100%;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-img img{ width: 100%; display: block;transition: transform 0.4s ease; }
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-info{padding: 0 15px;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-cat-name{margin: 25px 0 5px;font-size: 14px; }
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-title{  margin-bottom:25px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;max-height: 48px;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-description{ margin-bottom: 30px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-more{ text-align: right; margin-bottom: 25px;}
.ui-news-list-page .ui-list .ui-item .ui-item-box .ui-content .ui-more a{font-size: 20px;}

.ui-news-list-page .ui-list .ui-item:hover .ui-item-box{box-shadow: 10px 10px 30px #ccc;}
.ui-news-list-page .ui-list .ui-item:hover .ui-item-box .ui-content .ui-img img{transform: scale(1.1);    /* 放大 1.1 倍，可调整 */}

.ui-about-page{}
.ui-about-page .ui-box-title{font-size: 40px; font-weight: bold; margin-bottom: 40px;text-align: center;}

.ui-about-page .ui-about-area{ margin: 60px  0;}
.ui-about-page .ui-about-area h2{ font-size: 40px; font-weight: bold;}

.ui-about-page .ui-about-area {}
.ui-about-page .ui-about-area .area-title{ margin-bottom: 80px;}

.ui-about-page .about-content-area{}
.ui-about-page .about-content-area h2{ font-size: 24px;}

.ui-about-page .about-content-area .single_member_counter .ui-ico{ font-size: 24px; color: #001574; font-weight: bold; margin-bottom: 20px;}
.ui-about-page .about-content-area .single_member_counter h4{ font-size: 16px;}

.ui-about-page .ui-choose .ui-choose-item{ margin-bottom: 15px; padding: 15px 0; border-bottom: 1px solid #000;}
.ui-about-page .ui-choose .ui-choose-item .ui-title{ font-weight: bold; margin-bottom: 15px;} 

.ui-history{}
.ui-history .ui-list{}
.ui-history .ui-list .ui-item{ margin-bottom: 10px; position: relative; padding-left: 8px; display: flex;}

.ui-history .ui-list .ui-item .ui-img{ width: 46%; margin-right: 20px; margin-top: 30px; } 
.ui-history .ui-list .ui-item .ui-img img{ width: 100%;}

.ui-history .ui-list .ui-item .ui-line{width: 4px;position: relative;height: 100%; position: absolute; left:calc(46% + 22px); top: 0;}
.ui-history .ui-list .ui-item .ui-line .ui-c{display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #000;}
.ui-history .ui-list .ui-item .ui-line .ui-l{ display: block; width: 4px; height: calc(100% - 30px); background-color: #000; margin-top: 6px;}

.ui-history .ui-list .ui-item .ui-content{ flex: 1; padding-left: 50px;}
.ui-history .ui-list .ui-item .ui-content .ui-title{ height:30px;font-weight: bold;font-size: 24px; margin-bottom: 20px;}
.ui-history .ui-list .ui-item .ui-content .ui-text{ }




.ui-factory-list   .swiper-slide { transition: 300ms; transform: scale(0.8); }
.ui-factory-list .swiper-slide-active,.ui-factory-list .swiper-slide-duplicate-active{ transform: scale(1); }
.ui-factory-list{overflow: hidden;position: relative;}
.ui-factory-list{ padding: 40px 0 60px; background-color: #efefef; margin-bottom: 60px;}
.ui-factory-list .ui-list{  }
.ui-factory-list .ui-list .ui-item{}
.ui-factory-list .ui-list .ui-item .ui-img{ margin-bottom: 15px;}
.ui-factory-list .ui-list .ui-item .ui-img  img{ width: 100%;}
.ui-factory-list .ui-list .ui-item .ui-text{ text-align: center;}
.ui-factory-list .swiper-button-next, .ui-factory-list .swiper-button-prev{color: #000;}


.ui-exhibition{margin-bottom: 60px;}
.ui-exhibition .ui-main{ display: flex;}

.ui-exhibition .swiper-button-next, 
.ui-exhibition .swiper-button-prev{width: 60px; height: 60px;background-color: rgba(255,255,255,.7);border-radius: 50%; color: #000;}
.ui-exhibition .swiper-button-next:after,.ui-exhibition  .swiper-button-prev:after{font-size: 20px;}
.ui-exhibition .swiper-pagination{}
.ui-exhibition .swiper-pagination .swiper-pagination-bullet{ background-color: #fff;}

.ui-exhibition .ui-main .ui-left-list{width: 50%; }
.ui-exhibition .ui-main .ui-left-list .ui-item{}
.ui-exhibition .ui-main .ui-left-list .ui-item .ui-img{ display: flex; justify-content: center;}
.ui-exhibition .ui-main .ui-left-list .ui-item img{ width: 100%;}

.ui-exhibition .ui-main .ui-info{ padding: 30px;background-color: #efefef; }
.ui-exhibition .ui-main .ui-info b{font-weight: bold; font-size: 20px; margin-bottom: 20px;display: block;}

.ui-news-single-page{}
.ui-news-single-page .ui-page-contnet{ padding: 40px 0 ; }

.ui-news-single-page .ui-page-contnet img{ max-width: 100%; margin: 0 auto; }
.ui-news-single-page .detail_content_wrap{position: relative; padding: 0 20px;}
.ui-news-single-page .ui-page-contnet  .ui-date{ position: absolute; width: 50px; height: 100%;left: -50px; top:0;}
.ui-news-single-page .ui-page-contnet  .ui-date span{ display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; }
.ui-news-single-page .ui-page-contnet  .ui-date span.ui-m{background-color: #000; color: #fff;} 
.ui-news-single-page .ui-banner .ui-banner-box .ui-text{background-color: rgba(0,0,0,.5);}
.ui-news-single-page .ui-banner  .ui-img { text-align: center;}
.ui-news-single-page .ui-banner  .ui-img img{ max-width: 400px;}


.ui-case-list-page{}

.ui-case-list-page .ui-ico-list {display: flex; padding: 80px 0 40px;justify-content: center;}
.ui-case-list-page .ui-ico-list .ui-item { display: flex;  flex-wrap: wrap;   justify-content: center;width: 130px; }
.ui-case-list-page .ui-ico-list .ui-item .ui-img{width: 100px; height: 100px;padding: 10px;border: 1px solid #01094e; border-radius: 20px;cursor: pointer; margin-bottom: 10px;}
.ui-case-list-page .ui-ico-list .ui-item img {width: 100%;  display: block; transition: transform 0.5s ease; }
.ui-case-list-page .ui-ico-list .ui-item a {  display: block;  width: 100%; text-align: center;  }
.ui-case-list-page .ui-ico-list .ui-item:hover img{transform: scale(1.1); /* 放大10% */}
.ui-case-list-page .ui-ico-list .ui-active .ui-img{  background-color: #01094e;}
.ui-case-single-page{}
.ui-case-single-page .ui-banner{ margin-bottom: 60px;}
.ui-case-single-page .ui-banner .ui-banner-box{ display: flex; justify-content: space-between;}
.ui-case-single-page .ui-banner .ui-banner-box .ui-info{color: #01094e; width: 50%; display: flex; align-items: center; background-color: #fff; padding: 20px;}
.ui-case-single-page .ui-banner .ui-banner-box .ui-img{ width: 50%;}
.ui-case-single-page .ui-banner .ui-banner-box .ui-img img{ width: 100%;}

.ui-case-single-page .ui-banner .ui-banner-box .ui-info .ui-title{font-size: 32px; font-weight: bold; margin-bottom: 15px;}

.ui-case-single-page .ui-content{ padding: 40px 0;}
.ui-case-single-page .ui-content p{ margin-bottom: 15px; font-size: 18px; line-height: 36px;}
.ui-case-single-page .ui-content h3{ margin-bottom: 20px;}
.ui-case-single-page .ui-content h4{margin-bottom: 15px; font-weight: bold;}

.ui-page-banner {padding: 40px 0;}
.ui-page-banner .ui-banner-box{ position: relative; overflow: hidden;}
.ui-page-banner .ui-banner-box .ui-info{position: absolute;left: 0;top: 0; height: 100%;  color: #01094e; width: 50%; display: flex; align-items: center; background-color: #fff; padding: 20px;}
.ui-page-banner .ui-banner-box .ui-info .ui-info-box{ width: 100%;}
.ui-page-banner .ui-banner-box .ui-info .ui-info-box .ui-title{font-size: 30px; font-weight: bold;}
.ui-page-banner .ui-banner-box .ui-img{float: right; width: 50%;}
.ui-page-banner .ui-banner-box .ui-img img{ width: 100%;}

.ui-card { background: linear-gradient(145deg, #f6f9fc, #dce5ef);  border-radius: 20px;  cursor: pointer;  transition: box-shadow 0.3s ease; transform: perspective(1000px) rotateY(0deg);transform-style: preserve-3d; position: relative; padding: 30px;}

/* 悬浮时触发摇摆动画，并增强阴影 */
.ui-card:hover {animation: swing 1.8s ease-in-out infinite alternate; }

 /* 摇摆关键帧：左右旋转 */
 @keyframes swing {
     0% {
            transform: perspective(1000px) rotateY(-8deg) rotateX(1deg);
               
        }
    100% {
             transform: perspective(1000px) rotateY(8deg) rotateX(-1deg);
              
        }
}
/* 底部阴影（模拟地面投影） */
.ui-card::after {    content: '';    position: absolute;     bottom: -40px;   left: 10%;   width: 80%;  height: 30px;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, transparent 80%); filter: blur(6px); transition: all 0.4s ease;  pointer-events: none;  border-radius: 50%; }
/* 悬浮时阴影跟随变化 */
.ui-card:hover::after { width: 90%;  left: 5%;  opacity: 0.9; filter: blur(6px); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, transparent 90%);}

.ui-privacy{ position: fixed; bottom: 0; left: 0; width: 100%;  z-index: 888;background-color: #fff;     box-shadow: -2px 0 4px #ccc;}
.ui-privacy .ui-box{padding: 15px;}
.ui-privacy .ui-bottom{ display: flex; align-items: center; justify-content: space-between;}
.ui-privacy .ui-bottom .ui-butts{display: flex; align-items: center;}
.ui-privacy .ui-bottom .ui-butts .ui-but{ display: inline-block; padding: 4px 12px; border:1px solid #000; margin-right: 15px;cursor: pointer;}
.ui-privacy .ui-bottom a{ color: #001574;}
.ui-privacy .ui-bottom .ui-butts .ui-accept{ background-color: #000; color: #fff;}
.ui-page-content{ padding: 80px 0 40px ;}

.ui-404-page .ui-content-box{width: 300px;margin: 40px auto;padding: 20px;box-shadow: 2px 2px 4px #ccc;}
.ui-404-page .ui-content-box .b1{ font-size: 20px; font-weight: bold;}
.ui-404-page .ui-content-box .ui-butt{ display: inline-block; padding: 5px 20px; border: 2px solid #01094e; font-weight: bold;}

.ui-about-single-page .ui-list .ui-item .ui-img{ overflow: hidden; box-shadow: 2px 2px 6px #ccc; max-height: 250px;}
.ui-about-single-page .ui-list .ui-item .ui-img img{ width: 100%;}
.ui-about-single-page .ui-list .ui-item .ui-img:hover {animation: swing 1.8s ease-in-out infinite alternate; }
.ui-about-single-page .ui-banner-box .ui-title{ text-align: center;}
@media(max-width:1400px) {

.ui-box{width: 94%;}

}


@media(max-width:1200px) {



}


@media(max-width:992px) {
.ui-header .ui-top .ui-phone{  justify-content: center;}
.ui-header .ui-head-main .ui-box{ justify-content: space-between; }
.ui-navbar{  display: flex;}

.ui-footer .ui-nav-list{ display: block;}
.ui-footer .ui-nav-list .ui-col{ width: 100%;max-width:initial;padding:15px;border-bottom: 1px solid #fff;}
.ui-footer .ui-nav-list .ui-col .ui-ico{ width:25%;border:none;margin-bottom:0; display: flex; align-items: center;}
.ui-footer .ui-nav-list .ui-ico-lst{ display: flex; flex-wrap: wrap;}
.ui-footer .ui-nav-list .ui-ico-lst .ui-text{ width: 100%;}

.ui-head-main{ padding: 10px 0;}

.ui-header .ui-head-main .ui-nav{ display: none;}
.ui-header .ui-head-main .ui-search{ width: 40px;text-align: center;}

 .ui-card::after { bottom: -30px;}

.ui-product-page .ui-pro-list .ui-item .ui-img{max-height: initial;}


.ui-product-info-page .ui-p-top{margin-bottom: 0;}
.ui-product-info-page .ui-p-top .ui-pro-img-info{height: initial;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box{ width: 100%;float:none;padding: 15px; height: 540px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box{ width: 100%;float:none; padding: 30px 15px;}



.ui-product-info-page .ui-product-content .ui-content-box{padding: 15px;}
.ui-product-info-page .ui-product-content .ui-overview img{ width: 100%;}

.ui-contact-page .ui-info .ui-item{padding: 10px;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-content{ max-width: 90%;}

.ui-case-single-page .ui-banner .ui-banner-box{ display: block; }
.ui-case-single-page .ui-banner .ui-banner-box .ui-info{width: 100% ;}
.ui-case-single-page .ui-banner .ui-banner-box .ui-img{ width: 100%;width: 100;}


.offcanvas-body{}
.offcanvas-body .ui-nav{}
.offcanvas-body .ui-nav .ui-list{}
.offcanvas-body .ui-nav .ui-list .ui-item{margin: 10px 0;}
.offcanvas-body .ui-nav .ui-list .ui-item > .ui-child{ padding-left: 20px;}
.offcanvas-body .ui-nav .ui-list .ui-item .ui-child .ui-images{ display: none;}

.ui-banner .ui-list .ui-item .ui-images{height:initial }

}

@media(max-width:768px) {
.ui-box{width: 96%;}


.ui-product-info-page .ui-p-top{margin-bottom: 0;}
.ui-product-info-page .ui-p-top .ui-pro-img-info{ margin-top: 30px; height: initial; }
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box{ width: 100%;float:none;padding: 15px;aspect-ratio:1/1; height: initial;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box{ width: 100%;float:none; padding: 30px 15px;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box{height: initial;aspect-ratio: initial;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-main-img{aspect-ratio:1/1;height: initial; float: none;width: 100%;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-main-img img{ width: 100%; height: initial;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list{ float: none;height: initial; overflow-x: auto;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-images-box .ui-img-list .ui-img-box{ display: flex;}
.ui-product-info-page .ui-p-top .ui-pro-img-info .ui-info-box{ height: initial;}

.ui-banner{ margin-bottom: 0; padding: 40px 0 20px;}
.ui-banner .ui-list .ui-item .ui-info{ width: 100%; padding: 20px;position:relative;height:initial}
.ui-banner .ui-list .ui-item .ui-images{width: 100%; padding: 20px; margin-bottom: 10px;}


.ui-home-news .ui-news-list .ui-item .ui-meta{ width: 33%;}
.ui-home-product .ui-tabs .ui-tab-label{ width: 30%;}

.ui-home-case .ui-case-list .ui-case-item{}
.ui-home-case .ui-case-list .ui-case-item .ui-info{ position: relative;}
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(odd) .ui-images{ float:none;width: 100%;}
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(odd) .ui-info{ float: none;width: 100%; padding: 15px 0 40px;}
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(even) .ui-images{float: none;width: 100%;}
.ui-home-case .ui-case-list .ui-case-item:nth-of-type(even) .ui-info{float: none;width: 100%; padding: 15px 0 40px;}


.ui-home-about .ui-vidoe{ background-color: #000;}
.ui-home-about .ui-info{position: relative;height: initial;background-color:#000; color: #Fff; }
.ui-home-about .ui-info .ui-content {padding: 20px 0;}
.ui-home-about .ui-info .ui-content .ui-text{ width:100%;font-size: 14px;}



.ui-contact-page .ui-info .ui-item{padding: 5px;}
.ui-contact-page .ui-info .ui-item .ui-item-box{box-shadow: 1px 1px 3px #ccc;}
.ui-contact-page .ui-info .ui-item .ui-item-box .ui-content{ width: 94%;}

.ui-history .ui-list .ui-item { display: block; padding-left: 15px; padding-top: 8px;}
.ui-history .ui-list .ui-item .ui-img{ width: 100%;margin-top: 20px; margin-right: 0; } 

.ui-history .ui-list .ui-item .ui-line{ left:0; }
.ui-history .ui-list .ui-item .ui-line .ui-c{display: inline-block;}
.ui-history .ui-list .ui-item .ui-line .ui-l{ display: block;  height: calc(100% - 30px); background-color: #000; margin-top: 6px;}

.ui-history .ui-list .ui-item .ui-content{width: 100%; padding-left: 0;}

.ui-news-single-page .detail_content_wrap{ padding: 0 20px;}
.ui-news-single-page .ui-page-contnet .ui-date{ display: none;}


.ui-about-page .ui-banner .ui-banner-box .bg-wrapper{height: 30px;}
.ui-exhibition .ui-main { display: block;}
.ui-exhibition .ui-main .ui-left-list{ width: 100%;}

.ui-about-single-page .ui-list .ui-item .ui-img{max-height: initial;}

}



@media(max-width:576px) {

.ui-page-banner .ui-banner-box .ui-info{position:relative; width: 100%;}
.ui-page-banner .ui-banner-box .ui-img{float: none; width: 100%;}
#translate{ width: 100%; display: flex; justify-content: center; margin: 5px 0;}
}