@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
:root{
   --max-width: 1440;
   --background-cover: no-repeat center center / cover;
   --background-contain: no-repeat center center / contain;
   --default-color__rgb: 51,51,51;
   --default-color: rgba(var(--default-color__rgb), 1);
   --primary-color__rgb: 14,42,71;
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --font-family: 'HarmonyOS', sans-serif;
   --hover-color: rgba(var(--hover-color__rgb), 1);
   --hover-color__rgb: 33,83,204;
}

.hh{
   color: #333333;
}

/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长
html{font-size: calc(100 / 1920 * 100vw);}
.container {max-width: calc(var(--max-width) / 100rem);}
@media (min-width:1440px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1440px) {
   html{font-size: calc(100 / 1440 * 100vw);}
}*/


/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{margin: 0 auto;}
.container {max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1440px) {
   html{font-size: calc(100 / 1440 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 640 * 100vw);}
}

body {font-family:var(--font-family); line-height: 1.5; color: var(--default-color);font-size: var(--font-size__16);}

.container {width: 87.6%;margin: 0 auto;}
.head-container {width: 95%;margin: 0 auto;max-width: calc(1760 * 1px);}
.foot_container {width: 95%;margin: 0 auto;max-width: calc(1560 * 1px);}
@media (max-width: 1024px) {
   .container { width: 94%; }
}

/* Start
   ========================================================================== */

.main-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: all 0.3s ease-in-out;min-height: 0.8rem;}
.main-header:hover,
.main-header.show,
.product_details .main-header{background:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.main-header .logo a{display: block;}
.main-header .logo a img{max-height: 0.24rem;}
.main-header .logo a img.logo_b{display: none;}
.main-header:hover .logo a img.logo_b,
.main-header.show .logo a img.logo_b,
.product_details .main-header .logo a img.logo_b{display: block;}
.main-header:hover .logo a img.logo_w,
.main-header.show .logo a img.logo_w,
.product_details .main-header .logo a img.logo_w{display: none;}
.main-header .head_search_input{position:absolute;top:100%;left:50%;transform: translateX(-50%);width: 100%;background: #F7F8FA;padding: var(--padding-margin__30) 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: none;}
.main-header .head_search_input .head_search_inner{width: 30%;margin: 0 auto;}
.main-header .head_search_input .head_search_inner .search-btn{background: url(../images/search.svg) var(--background-contain);display: block;cursor: pointer;background-color: var(--primary-color);
    flex-shrink: 0;
    padding: .27rem var(--padding-margin__40);background-size: .22rem;border-radius: 0 .1rem .1rem 0;}
.main-header .head_search_input .head_search_inner input{flex: 1 1 auto;padding: .17rem var(--padding-margin__30);border: 1px solid var(--primary-color);border-radius: .1rem 0 0 .1rem;}
.main-header .head_right .head_search{padding: 0 0.24rem;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.main-header:hover .head_right .head_search,
.main-header.show .head_right .head_search,
.product_details .main-header .head_right .head_search{border-right: 1px solid rgba(0, 0, 0, 0.3);}
.main-header:hover .head_right .head_search .icon,
.main-header.show .head_right .head_search .icon,.product_details .main-header .head_right .head_search .icon{background: url(../images/search_b.svg) var(--background-contain);}
.main-header .head_right .head_search .icon{background: url(../images/search.svg) var(--background-contain);display: block;width: 0.22rem;height: 0.22rem;cursor: pointer;}
.main-header:hover .head_right .head_search .icon,
.main-header.show .head_right .head_search .icon,.product_details .main-header .head_right .head_search .icon{background: url(../images/search_b.svg) var(--background-contain);}
.main-header .head_right .language{color:#fff;padding: 0 0.24rem;font-size: var(--font-size__18);}
.main-header:hover .head_right .language,
.main-header.show .head_right .language,.product_details .main-header .head_right .language{color:var(--default-color);}
.main-header .head_right .language i{background: url(../images/earth.svg) var(--background-contain);display: block;width: 0.22rem;height: 0.22rem;margin-right: var(--padding-margin__10);}
.main-header:hover .head_right .language i,
.main-header.show .head_right .language i,.product_details .main-header .head_right .language i{background: url(../images/earth_b.svg) var(--background-contain);}
.main-header .head_menu{color: #fff;}
.main-header:hover .head_menu,
.main-header.show .head_menu,.product_details .main-header .head_menu{color: var(--default-color);}
.main-header .head_menu ul li a{display: block;padding: var(--padding-margin__30) var(--padding-margin__20);font-size: var(--font-size__18);position: relative;width: fit-content;}
.main-header:hover .head_menu ul li a.active,
.main-header.show .head_menu ul li a.active,.product_details .main-header .head_menu ul li a.active{color: var(--hover-color);}
.main-header:hover .head_menu ul li a.active::after,
.main-header.show .head_menu ul li a.active::after,.product_details .main-header .head_menu ul li a.active::after{content: "";position: absolute;bottom: .14rem;left: 50%;transform: translateX(-50%);width: 0.24rem;height: 0.02rem;background-color: var(--hover-color);}
/* 下拉菜单样式 */
.main-header .head_menu ul li{position: relative;}
.main-header .head_menu ul li .sub_menu{position: absolute;top: 110%;left: 50%;transform: translateX(-50%);background: #fff;box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.1);border-radius: 0.1rem;overflow: hidden;display: none;min-width: 1.5rem;z-index: 1000;width: max-content;text-align: center;padding: var(--padding-margin__20) 0;}
.main-header .head_menu ul li .sub_menu li{width: 100%;}
.main-header .head_menu ul li .sub_menu li a{display: block;padding: var(--padding-margin__10) var(--padding-margin__30);color: var(--primary-color);width: auto;}
.main-header .head_menu ul li .sub_menu li a:hover{color: var(--hover-color);}
.main-header .head_menu ul li .sub_menu:not(:has(li)){display: none !important;}
.main-header .open-menu,
.main-header #menu_mark{display: none;}

@media(max-width: 1024px) {
   .main-header .open-menu{width:0.3rem;height:0.3rem;display: grid;align-content: center;justify-items: center;cursor: pointer;position: relative;z-index: 3;}
  .main-header .open-menu i{width: 80%;height: 2px;background-color: #ffffffff;margin: 0.02rem 0;transition: 0.3s;}
  .main-header.show .open-menu i,
  .main-header:hover .open-menu i,.product_details .main-header .open-menu i{background-color: var(--primary-color);}
  .main-header .head_menu.nav_active{right: 0;}
  .main-header .head_menu{position: fixed;top: 0;right: -100%;width: 50%;height: 100%;background-color: #fff;box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);z-index: 999;transition: right 0.3s ease;overflow-y: auto;}
  .main-header .head_menu.nav_active #nav{display: block;}
  .main-header .head_menu.nav_active ul li a{color: var(--default-color);}
  .main-header .head_menu ul li{position: relative;}
  .main-header .head_menu ul li .sub-menu-toggle{width: .1rem;height: .1rem;border: solid var(--default-color);border-width: 0 2px 2px 0;transform: rotate(45deg);transition: transform 0.3s ease;display: block;position: absolute;top: .36rem;right: var(--padding-margin__20);}
   .main-header .head_menu ul li.menu-item_active .sub-menu-toggle{transform: rotate(-135deg);}
   .main-header #menu_mark{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
   .main-header:hover .head_menu ul li a.active::after, .main-header.show .head_menu ul li a.active::after{width: 100%;}
   .main-header .head_menu ul li .sub_menu{position:unset;transform: none;width: auto;border-radius: 0;text-align: left;box-shadow: none;}
   .main-header .head_menu ul li .sub_menu li a{padding: var(--padding-margin__30);}
   .main-header:hover .head_menu ul li a.active::after, .main-header.show .head_menu ul li a.active::after{bottom: 0;}
   .main-header .head_search_input .head_search_inner{width: 50%;}
}

@media(max-width: 640px) {
   .main-header .head_menu ul li .sub-menu-toggle{top: .2rem;}
   .main-header .head_search_input .head_search_inner{width: 80%;}
   .main-header .head_search_input .head_search_inner .search-btn{padding: .27rem var(--padding-margin__60);}
}

.page_ban{position: relative;}
.page_ban .ban_text{position: absolute;top: 0%;left: 0%;width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;font-size: var(--font-size__48);font-weight: bold;color: #fff;}
.page_ban img.wap{display: none;}
.page_ban img{width:100%;}
@media (max-width: 1024px) {
   .page_ban img.wap{display: block;}
   .page_ban img.pc{display: none;}
}

.page_menu{background-color: #f7f8fa;min-height: 0.88rem;}
.page_menu .page_nav li a{display: block;padding: .35rem 0;font-size: var(--font-size__18);margin-right: var(--padding-margin__80);line-height: 1;position: relative;}
.page_menu .page_nav li a.active{color: var(--primary-color);font-weight: bold;}
.page_menu .page_nav li a.active::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0.01rem;background-color: var(--primary-color);}
.page_route{font-size: var(--font-size__18);}
.page_route .home{display: block;width: 0.16rem;height: 0.16rem;background: url(../images/home.svg) var(--background-contain);margin-right: .14rem;}
.page_route .arrow{display: block;width: 0.08rem;height: 0.12rem;background: url(../images/page/next.svg) var(--background-contain);margin-right: .14rem;}
.page_route span{color: var(--primary-color);}

@media (max-width: 640px) {
   .page_route{margin-bottom: var(--padding-margin__40);}
}

.page_pad{padding: var(--padding-margin__100) 0;}

.product_center .product_nav{background-color: #f5f5f5;border-radius: 0.2rem;overflow: hidden;margin-bottom: var(--padding-margin__100);}
.product_center .product_nav:last-child{margin-bottom: 0;}
.product_center .product_nav:nth-child(2n){flex-direction: row-reverse;}
.product_center .product_nav .nav_box{width: 32%;padding: var(--padding-margin__80) var(--padding-margin__70);}
.product_center .product_nav .nav_img{width: 68%;overflow: hidden;}
.product_center .product_nav .nav_img__img{transform: scale(1);transition: all 0.3s ease-in-out;}
.product_center .product_nav:hover .nav_img__img{transform: scale(1.1);}
.product_center .product_nav .nav_box__title{font-size: var(--font-size__36);color: var(--primary-color);padding-bottom: var(--padding-margin__30);position: relative;}
.product_center .product_nav .nav_box__title::after{content: "";position: absolute;bottom: 0;left: 0;width: 0.56rem;height: 0.03rem;background-color: var(--hover-color);}
.product_center .product_nav .nav_box__link{font-size: var(--font-size__18);color: var(--primary-color);padding:.18rem .26rem;border: solid 0.02rem rgba(var(--primary-color__rgb), 0.2);transition: all 0.3s ease-in-out;border-radius: 0.4rem;width:fit-content;line-height: 1;}
.product_center .product_nav .nav_box__link:hover{color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.product_center .product_nav .nav_box__link i{display: block;width: 0.16rem;height: 0.12rem;background: url(../images/arrow_r_b.png) var(--background-contain);margin-left: var(--padding-margin__20);}
.product_center .product_nav .nav_box__link:hover i{background: url(../images/arrow_r_w.png) var(--background-contain);}

@media (max-width: 1024px) {
   .product_center .product_nav .nav_box,
   .product_center .product_nav .nav_img{width: 100%;}
   .product_center .product_nav .nav_box__title{margin-bottom: var(--padding-margin__50);}
}

.footer-box{padding: var(--padding-margin__100) 0 var(--padding-margin__60);background:#F2F5FA;position:relative;z-index: 1;}
.footer-box .foot_left{width: 17%;}
.footer-box .foot_left .logo_b{max-height: 0.24rem;}
.footer-box .foot_left .logo{margin-bottom: var(--padding-margin__40);}
.footer-box .foot_contact{color: #666666;line-height: 0.3rem;}
.footer-box .foot_contact .label{white-space: nowrap;}
.footer-box .foot_menu ul li a{font-size: var(--font-size__18);line-height: 1;margin-bottom: var(--padding-margin__30);display: block;font-weight: bold;}
.footer-box .foot_menu .sub_menu ul li a{font-size: var(--font-size__16);line-height: 0.36rem;color: #666666;margin-bottom: 0;font-weight: normal;}
.footer-box .foot_menu .sub_menu ul li a:hover{color: var(--hover-color);}
.footer-box .foot_menu ul li{margin-right: var(--padding-margin__90);}
.footer-box .foot_menu ul li:last-child,.footer-box .foot_menu .sub_menu ul li{margin-right: 0;}
.footer-box .foot_code img{max-width: 1.2rem;margin-bottom: var(--padding-margin__10);}
.footer-box .foot_code{text-align: center;color: #666666;flex-shrink: 0;}
.footer-box .foot_top{margin-bottom: var(--padding-margin__110);}
.footer-box .foot_bottom{padding-top: var(--padding-margin__40);color: #999999;border-top: 0.01rem solid rgba(14, 42, 71, 0.1);}
.footer-box .foot_bottom ul li{margin-left: var(--padding-margin__40);}
.footer-box .lz{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:80%;overflow:hidden;}
.footer-box .lz canvas{width:100%;height:100%;}

@media (max-width: 1024px) {
   .footer-box .foot_menu{display: none;}
   .footer-box .foot_left{width: auto;flex: 1;margin-right: 0.3rem;}
   .footer-box .foot_contact{line-height: 1.5;}
   .footer-box .foot_code p{font-size: 14px;}
}

@media (max-width: 640px) {
   .footer-box .foot_bottom{text-align: center;}
   .footer-box .foot_bottom ul{justify-content: center;margin-top: var(--padding-margin__20);}
   .page_menu .page_nav{justify-content: flex-start;}
   .page_menu .page_nav{margin-bottom: var(--padding-margin__40);overflow: auto;}
   .page_menu .page_nav li{flex-shrink: 0;}
   .page_menu .page_nav li:not(:last-child){margin-right: 0.3rem;}
   .page_menu .page_nav li a{margin-right: 0;}
    .footer-box .foot_code img{margin: 0 auto var(--padding-margin__10);}
}

.product_list .product_item{display: block;border: solid 0.01rem #eeeeee;border-radius: 0.13rem;transition: all .3s ease;padding: .48rem;margin-right: 0.45rem;width: calc(33.33% - 0.3rem);margin-bottom: var(--padding-margin__40);}
.product_list .product_item:nth-child(3n){margin-right: 0;}
.product_list .product_item:hover{background: url(../images/product_bg.jpg) var(--background-cover);box-shadow: 0.01rem 0.02rem 0.3rem 0rem rgba(0, 0, 0, 0.08);}
.product_list .product_item .title{color: var(--primary-color);font-size: var(--font-size__30);line-height: 1;margin-bottom: var(--padding-margin__20);}
.product_list .product_item:hover .title{color: var(--hover-color);}
.product_list .product_item .desc{font-size: var(--font-size__18);line-height: 0.3rem;color: var(--default-color);min-height: .48rem;}
.product_list .product_item .btn{color: var(--primary-color);font-size: var(--font-size__18);margin-top: var(--padding-margin__40);transition: all .3s ease-in-out;padding: .18rem 0;border: solid 0.02rem transparent;width: fit-content;border-radius: 0.4rem;line-height: 1;}
.product_list .product_item .btn .icon{background: url('../images/arrow_r_b.png') var(--background-contain);display: block;width: 0.16rem;height: 0.12rem;margin-left: .25rem;}
.product_list .product_item:hover .btn{padding: .18rem .26rem;border: solid 0.02rem rgba(14, 42, 71, 0.2);}

@media (max-width: 640px) {
   .product_list .product_item{width: 100%;margin-right: 0;padding: var(--padding-margin__50);min-height: 2.8rem;}
   .product_list .product_item .desc{min-height: 1rem;}
   .product_list .product_item .btn{padding: .18rem .26rem;border: solid 0.02rem rgba(14, 42, 71, 0.2);}
   .product_list .product_item .title{margin-bottom: var(--padding-margin__40);}
}

.new-prod-list dl{margin-bottom: 3%;}
.new-prod-list dd{padding: 1% 0;}
.new-prod-list dd a{ position:relative; padding:2%; display: block; background-color:#f9f9f9; height: 100%;}
.new-prod-list dd a:hover{ background-color:#ededed;}
.new-prod-list dd a:hover::before{ opacity:1; border-color:#fff;}
.new-prod-list dd .tit{font-size: var(--font-size__20);font-weight: bold;color: var(--primary-color);}
.new-prod-list dd a{padding: var(--padding-margin__40);}
@media(min-width:769px){
.new-prod-list dd a{ font-size: var(--font-size__18);}
.new-prod-list dd{ width:49%;}
.new-prod-list dd:nth-child(2n+1){ margin-right:2%;}
}
@media (max-width: 768px) {
.new-prod-list dl{display: block;}
}


.product_details .prod_ban{background: url('../images/detail_bg.jpg') var(--background-cover);padding: var(--padding-margin__40) 0 var(--padding-margin__100);}
.product_details .main-header{position: relative;}
.product_details .prod_ban_wrap{margin-top: var(--padding-margin__100);}
.product_details .prod_ban_wrap .left{width: 47%;}
.product_details .prod_ban_wrap .left .title{line-height: 1;color: var(--primary-color);font-size: var(--font-size__60);margin-bottom: var(--padding-margin__30);}
.product_details .prod_ban_wrap .left .disc{color: var(--hover-color);font-size: var(--font-size__18);line-height: 2;margin-bottom: var(--padding-margin__40);}
.product_details .prod_ban_wrap .left .brief{line-height:2;padding-top: var(--padding-margin__30);border-top: 0.01rem solid #d0d6dd;text-align: justify;font-size: var(--font-size__18)}
.product_details .prod_ban_wrap .left .btn{color: var(--primary-color);line-height: 1;font-size: var(--font-size__18);width: fit-content;padding: .18rem .45rem;border: solid 0.02rem rgba(14, 42, 71,.2);border-radius: 0.40rem;margin-right: var(--padding-margin__20);transition: all .3s ease;}
.product_details .prod_ban_wrap .left .btn_list{margin-top: var(--padding-margin__100);}
.product_details .prod_ban_wrap .left .btn:hover{color: #fff;background-color: var(--primary-color);}
.product_details .prod_ban_wrap .left .btn .arrow{display: block;width: 0;height: 0.12rem;background: url('../images/arrow_r_w.png') var(--background-contain);margin-left: 0;transition: all .3s ease;}
.product_details .prod_ban_wrap .left .btn:hover .arrow{width: 0.16rem;margin-left: var(--padding-margin__20);}
.product_details .prod_ban_wrap .right{width: 42%;position: relative;}
.product_details .prod_ban_wrap .right .prod_ban_swiper img{border-radius: 0.13rem;overflow: hidden;}
.product_details .prod_ban_wrap .prod_ban_pagination,
.default_pagination{margin-top: 0.56rem;}
.product_details .prod_ban_wrap .prod_ban_pagination .swiper-pagination-bullet,
.default_pagination .swiper-pagination-bullet{width: 0.4rem;height: 0.04rem;background-color: rgba(194, 199, 204,.3);margin: 0 .05rem;border-radius: 0;opacity: 1;position: relative;}
.product_details .prod_ban_wrap .prod_ban_pagination .swiper-pagination-bullet-active::after,
.default_pagination .swiper-pagination-bullet-active::after {
    position: absolute;
    content: '';
    left: 0;
    width: 0.4rem;
    top: 0;
    height: 100%;
    background-color: var(--primary-color);
    transform-origin: left center;
    transform: scaleX(0);
    animation: paginationProgress 3s linear forwards;
    will-change: transform;
}

@keyframes paginationProgress {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}
.mode_pic{text-align:center;}
.product_details .page_tabs{border-bottom: 0.01rem solid rgba(14, 42, 71, 0.1);position: sticky;top: 0;background-color: #fff;z-index: 1;}
.product_details .page_tabs .tab{font-size: var(--font-size__18);line-height: 1;padding: var(--padding-margin__40) 0 var(--padding-margin__30);display: block;position: relative;margin: 0 var(--padding-margin__40);}
.product_details .page_tabs .tab.active{color: var(--primary-color);font-weight: bold;}
.product_details .page_tabs .tab.active::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 0.02rem;background-color: var(--primary-color);}
.mode_tit{font-size: var(--font-size__40);color: var(--primary-color);margin-bottom: var(--padding-margin__60);position: relative;padding-left: var(--padding-margin__30);line-height: 1;}
.mode_tit::after{content: "";position: absolute;bottom: 0;left: 0;width: 0.03rem;height: 100%;background-color: var(--primary-color);}
.product_details .mode01 .mode_pic{width: 100%;height: auto;border-radius: 0.13rem;overflow: hidden;border: solid 0.01rem #e6e9ec;text-align: center;}
/* .product_details .mode02{background:url('../images/mode02_bg.jpg') var(--background-cover);} */
.mode_pic img{width: 100%;}

@media (max-width: 680px) {
    .mode_tit{font-size: var(--font-size__30);}
}

/* 特性列表样式 */
.product_details .feature_list{display: flex;justify-content: space-between;gap: var(--padding-margin__60);margin-left: var(--padding-margin__30);}
.product_details .feature_list .feature_col{width: calc(50% - var(--padding-margin__30));}
.page_pad  ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.page_pad  ul:after {content: '';display: block;height: 0;clear: both;}
.page_pad li{font-size: var(--font-size__18);color: var(--primary-color);line-height: 2;margin-bottom: var(--padding-margin__20);position: relative;padding-left: var(--padding-margin__20);width:50%;float:left;padding-right:50px;}
.page_pad li::before{content: "";position: absolute;left: 0;top: .16rem;transform: translateY(-50%);width: 0.1rem;height: 0.1rem;background-color: var(--primary-color);border-radius: 50%;}
.product_details .feature_list .sub_list{margin-top: var(--padding-margin__10);}
.product_details .feature_list .sub_list li{font-size: var(--font-size__24);color: var(--primary-color);margin-bottom: var(--padding-margin__10);padding-left: var(--padding-margin__20);}
.product_details .feature_list .sub_list li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.1rem;height: 0.1rem;border-radius: 50%;border: 0.01rem solid var(--primary-color);background-color: transparent;}

@media (max-width: 680px) {
    .page_pad li{width: 100%;padding-right: 0;padding-left: var(--padding-margin__40);}
    .page_pad li::before{top: .22rem;}
    .product_details .prod_ban_wrap .left .title{font-size: var(--font-size__50);margin-bottom: var(--padding-margin__50);}
    /* .product_details .prod_ban_wrap .left .disc,
    .product_details .prod_ban_wrap .left .brief{line-height: normal;} */
    .product_details .prod_ban_wrap .left .brief{padding-top: var(--padding-margin__40);}
}

/* 参数表格样式 */
.product_details .param_table{width: 100%;border-collapse: separate;border-spacing: 0 0.04rem;}
.product_details .param_table tr{display:flex;justify-content: space-between;gap: .02rem;margin-bottom: .02rem;}
.product_details .param_table td{background-color: #f7f8fa;display:block;width: 100%;}
.product_details .param_table td{padding: var(--padding-margin__30) var(--padding-margin__80);font-size: var(--font-size__20);}

.product_details .mode04{background: url('../images/mode04_bg.jpg') var(--background-cover);}
.product_details .app_list{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;margin-left: var(--padding-margin__30);}
.product_details .app_list li{width: 33.33%;font-size: var(--font-size__24);color: var(--primary-color);line-height: 1.6;margin-bottom: var(--padding-margin__20);position: relative;padding-left: var(--padding-margin__20);}
.product_details .app_list li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.1rem;height: 0.1rem;background-color: var(--primary-color);border-radius: 50%;}

/* 左侧菜单样式 */
.product_details .prod_content_wrap{position: relative;}
.product_details .prod_menu{width: 15%;flex-shrink: 0;position: relative;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.product_details .prod_menu_inner{position: sticky;top: 0;width: 100%;}
.product_details .prod_menu .menu_item{display: block;font-size: var(--font-size__18);color: var(--primary-color);padding: var(--padding-margin__20) var(--padding-margin__30);position: relative;border-left: 0.02rem solid #e6e9ec;transition: all 0.3s ease;cursor: pointer;white-space: nowrap;}
.product_details .prod_menu .menu_item:hover{color: var(--hover-color);}
.product_details .prod_menu .menu_item.active{color: var(--hover-color);border-left-color: var(--hover-color);background-color: #f7f8fa;font-weight: bold;}
.product_details .prod_menu .menu_text{position: relative;display: inline-block;width: 100%;margin-bottom: var(--padding-margin__10);}
.product_details .prod_menu .menu_text::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(45deg);width: 0.08rem;height: 0.08rem;border-right: 0.02rem solid var(--primary-color);border-bottom: 0.02rem solid var(--primary-color);transition: transform 0.3s ease;}
.product_details .prod_menu .menu_item.open .menu_text::after{transform: translateY(-50%) rotate(-135deg);}
.product_details .prod_menu .menu_sub{max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
.product_details .prod_menu .menu_sub.open{max-height: 1000px;}
.product_details .prod_menu .menu_item_child{display: block;font-size: var(--font-size__16);color: var(--primary-color);padding: var(--padding-margin__15) var(--padding-margin__30) var(--padding-margin__15) var(--padding-margin__50);position: relative;transition: all 0.3s ease;}
.product_details .prod_menu .menu_item_child:hover{color: var(--hover-color);background-color: #f7f8fa;}
.product_details .prod_menu .menu_item_child.active{color: var(--hover-color);background-color: #f7f8fa;font-weight: bold;}
.product_details .prod_main{flex: 1;min-width: 0;}

.product_details .prod_menu_btn{display: none;position: fixed;top: 50%;left: 0;transform: translateY(-50%);width: 0.4rem;height: 0.8rem;background-color: var(--primary-color);border-radius: 0 0.1rem 0.1rem 0;z-index: 99;cursor: pointer;transition: all 0.3s ease;}
.product_details .prod_menu_btn::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.12rem;height: 0.12rem;border-top: 0.02rem solid #fff;border-right: 0.02rem solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
.product_details .prod_menu_btn.open{left: 60%;}
.product_details .prod_menu_btn.open::before{transform: translate(-50%, -50%) rotate(225deg);}
.product_details .prod_menu_mask{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 98;opacity: 0;transition: opacity 0.3s ease;}
.product_details .prod_menu_mask.open{display: block;opacity: 1;}

@media (max-width: 1024px) {
   .product_details .prod_menu{position: fixed;top: 0;left: -60%;width: 60%;height: 100vh;z-index: 100;transition: left 0.3s ease;overflow-y: auto;background-color: #fff;}
   .product_details .prod_menu.open{left: 0;padding:var(--padding-margin__180) 0;}
   .product_details .prod_menu_btn{display: block;}
   .product_details .prod_main{width: 100%;}
   .product_details .feature_list{flex-direction: column;gap: 0;}
   .product_details .feature_list .feature_col{width: 100%;}
   .product_details .param_table{margin-left: 0;}
   .product_details .param_table .param_name{width: 40%;}
   .product_details .app_list{margin-left: 0;}
   .product_details .app_list li{width: 50%;}
   .product_details .prod_ban_wrap .left{width: 100%;margin-bottom: var(--padding-margin__40);}
   .product_details .prod_ban_wrap .right{width: 100%;}
   .product_details .prod_ban_wrap .right .prod_ban_swiper img{margin: 0 auto;}
   .product_details .prod_menu .menu_text{margin-bottom: var(--padding-margin__30);}
}

@media (max-width: 640px) {
   .product_details .app_list li{width: 100%;}
   .product_details .feature_list li,
   .product_details .feature_list .sub_list li,
   .product_details .app_list li{padding-left: var(--padding-margin__40);}
}

/* 技术方案列表样式 */
.technology .tech_list{display: flex;flex-direction: column;gap: var(--padding-margin__80);}
.technology .tech_item{display: block;position: relative;border-radius: 0.13rem;overflow: hidden;transition: all 0.3s ease;}
.technology .tech_item:hover{transform: translateY(-0.1rem);box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);}
.technology .tech_img{position: relative;width: 100%;overflow: hidden;}
.technology .tech_img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.technology .tech_item:hover .tech_img img{transform: scale(1.05);}
.technology .tech_content{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--padding-margin__60) var(--padding-margin__90) var(--padding-margin__80);background: linear-gradient(to top, rgba(14, 42, 71, 0.9) 0%, rgba(14, 42, 71, 0.6) 60%, transparent 100%);}
.technology .tech_title{font-size: var(--font-size__40);color: #fff;font-weight: bold;margin-bottom: var(--padding-margin__30);line-height: 1;}
.technology .tech_desc{font-size: var(--font-size__20);color: #fff;line-height: .36rem;}
.technology .tech_high .tech_high_tit{text-align: center;font-size: var(--font-size__40);color: var(--primary-color);margin-bottom: var(--padding-margin__40);}
.technology .tech_high_list ul{width: fit-content;margin: 0 auto;}
.technology .tech_high_list li{font-size: var(--font-size__18);color: var(--primary-color);line-height:2;margin-bottom: var(--padding-margin__20);position: relative;padding-left: var(--padding-margin__20);}
.technology .tech_high_list li::before{content: "";position: absolute;left: 0;top: 0.9em;transform: translateY(-50%);width: 0.1rem;height: 0.1rem;background-color: var(--primary-color);border-radius: 50%;}
.technology .tech_adv{background-color: #f9fafc;}
.technology .tech_adv .tech_adv_tit{text-align: center;font-size: var(--font-size__40);color: var(--primary-color);margin-bottom: var(--padding-margin__40);}
.technology .tech_adv .tech_adv_item{padding: var(--padding-margin__40) var(--padding-margin__30);margin-right: var(--padding-margin__20);width:calc(25% - var(--padding-margin__20));transition: transform 0.3s ease;margin-bottom: var(--padding-margin__20);}
.technology .tech_adv .tech_adv_item::before{display: none;}
.technology .tech_adv .tech_adv_item:hover{transform: translateY(-0.1rem);}
.technology .tech_adv .tech_adv_item:last-child{margin-right: 0;}
.technology .tech_adv .tech_adv_item:nth-child(odd){background-color: #E3F5FF;}
.technology .tech_adv .tech_adv_item:nth-child(even){background-color: var(--primary-color);color:#fff}
.technology .tech_adv .tech_adv_item:nth-child(odd) .white{display:none;}
.technology .tech_adv .tech_adv_item:nth-child(even) .black{display:none;}
.technology .tech_adv .tech_adv_item:nth-child(odd) .tech_adv_name{color:var(--primary-color);font-size: var(--font-size__24);margin-bottom: var(--padding-margin__20);}
.technology .tech_adv .tech_adv_item .tech_adv_icon{width:.8rem;height:.8rem;margin-bottom: var(--padding-margin__20);}
.technology .tech_adv .tech_adv_item .tech_adv_desc{min-height:.96rem;}
.technology .tech_adv .tech_adv_item:nth-child(even) .tech_adv_name{font-size: var(--font-size__24);margin-bottom: var(--padding-margin__20);}






@media (max-width: 1024px) {
   .technology .tech_img{height: 3.5rem;}
   .technology .tech_content{padding: var(--padding-margin__40) var(--padding-margin__30);}
   .technology .tech_desc{max-width: 100%;}
   .technology .app_brief .brief_info,
   .technology .app_brief .brief_img{width:100% !important;}
   .technology .app_brief .brief_info{margin-bottom: var(--padding-margin__40);}
   .technology .tech_adv .tech_adv_item{    width: calc(50% - var(--padding-margin__20));}
}

@media (max-width: 640px) {
   /* .technology .tech_img{height: 3rem;} */
   .technology .tech_title{font-size: var(--font-size__24);}
   .technology .tech_desc{font-size: var(--font-size__14);}
   .technology .tech_high_list li{padding-left: var(--padding-margin__40);}
   .technology .tech_adv .tech_adv_item{width:100%;margin-right:0;margin-bottom: var(--padding-margin__40);}
   .technology .tech_adv .tech_adv_item .tech_adv_icon{width: .6rem;
    height: .6rem;}
}

/* 应用领域网格布局 - 简化版 */
.application .app_grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--padding-margin__40);}
.application .app_card{position: relative;border-radius: 0.13rem;overflow: hidden;aspect-ratio: 16/9;}
.application .app_bg img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.application .app_card:hover .app_bg img{transform: scale(1.1);}
.application .app_info{position: absolute;bottom: 0;left: 0;right: 0;padding: var(--padding-margin__20) var(--padding-margin__40);display: flex;align-items: center;gap: var(--padding-margin__20);background: linear-gradient(to top, rgba(14, 42, 71, 0.8) 0%, transparent 100%);}
.application .app_icon{width: 0.34rem;height: 0.34rem;}
.application .app_name{flex: 1;font-size: var(--font-size__24);color: #fff;font-weight: bold;}
.application .app_arrow{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: var(--hover-color);display: flex;align-items: center;justify-content: center;opacity: 0;transform: translateX(-10px);transition: all 0.3s ease;}
.application .app_arrow img{width: 0.16rem;height: 0.12rem;}
.application .app_card:hover .app_arrow{opacity: 1;transform: translateX(0);}

@media (max-width: 1024px) {
   .application .app_grid{gap: var(--padding-margin__30);}
}

@media (max-width: 640px) {
   .application .app_grid{grid-template-columns: 1fr;}
   .application .app_arrow{width: 0.54rem;height: 0.54rem;opacity: 1;transform: translateX(0);}
}

.application .app_brief{background-color: #f9fafc;}
.application .app_brief .brief_img{width: 48%;height: auto;border-radius: 0.13rem;overflow: hidden;border: solid 0.01rem #e6e9ec;}
.application .app_brief .brief_info{width: 46%;}
.application .app_brief .brief_info .brief_tit{font-size: var(--font-size__40);color: var(--primary-color);margin-bottom: var(--padding-margin__40);position: relative;padding-bottom: var(--padding-margin__30);line-height: 1;border-bottom:.01rem solid #e8e9eb;line-height:1;}
.application .app_brief .brief_info .brief_tit::after{position:absolute;content:'';bottom:0;left:0;width: 0.88rem;height: 0.01rem;background:var(--primary-color);}
.application .app_brief .brief_info .brief_txt{font-size: var(--font-size__18);color: #666666;line-height: 2;text-align:justify;}
.application .app_brief .brief_info .brief_btn{background-color:var(--primary-color);line-height:1;border-radius: 0.3rem;width: fit-content;color: #ffffff;padding:.18rem .25rem;margin-top:var(--padding-margin__30)}
.application .app_brief .brief_info .brief_btn .arrow{transition:all .3s ease;}
.application .app_brief .brief_info .brief_btn:hover .arrow{display:block;width: 0.16rem;height: 0.12rem;margin-left:.22rem;background:url('../images/arrow_r_w.png') var(--background-contain);}
.application .product_list .product_ite{margin-right: 0.45rem;width: calc(33.33% - 0.3rem);margin-bottom: var(--padding-margin__40);}

@media (max-width: 640px) {
   .application .app_brief .brief_img{width:100%;margin-bottom:var(--padding-margin__50);}
   .application .app_brief .brief_info{width:100%;}
   .application .app_brief .brief_info .brief_tit,
   .technology .tech_high .tech_high_tit{font-size: var(--font-size__32);}
}

.about .about_brief{background:url('../images/about_pattern.png') var(--background-contain);background-position: left bottom;}
.about .about_brief .about_brief_tit{font-size: var(--font-size__48);color: var(--primary-color);margin-bottom: var(--padding-margin__50);line-height: 1;}
.about .about_brief .small_box{font-size:var(--font-size__18);line-height:1;margin-right: var(--padding-margin__20);}
.about .about_brief .small_box .en_tit{color:var(--hover-color);margin-bottom: var(--padding-margin__20);}
.about .about_brief .year_box{position: relative;}
.about .about_brief .year{font-size: var(--font-size__60);color: var(--primary-color);line-height: 1;font-weight: bold;}
.about .about_brief .year_tit{font-size: var(--font-size__14);color: #fff;line-height: 1;width: 0.24rem;height: 0.24rem;background-color: var(--primary-color);border-radius: 50%;border: solid 0.02rem #ffffff;position: absolute;right:-.08rem;bottom:.05rem;}
.about .about_brief_left{flex-shrink: 0;margin-right: var(--padding-margin__160);}
.about .about_brief_right .text_box{margin-bottom: var(--padding-margin__100); line-height: 2; font-size: var(--font-size__18);}
.about .about_brief_right .text_box .tit{font-size:var(--font-size__24);margin-bottom: var(--padding-margin__20);}
.about .about_brief_right .text_box .tet{line-height: 0.3rem;}
.about .about_brief_right .brief_item{margin-right: var(--padding-margin__150);}
.about .about_brief_right .brief_item .icon{width: 0.54rem;height: 0.54rem;margin-right: var(--padding-margin__20);}
.about .about_brief_right .brief_item .num{line-height: 1;font-size: var(--font-size__60);font-weight:bold;font-style: normal;}
.about .about_brief_right .brief_item .num span{font-size: var(--font-size__36);}
.about .about_brief_right .brief_item .data_tit{text-align: center;font-size: var(--font-size__18);line-height: 1;margin-top: var(--padding-margin__20);}
.about .about_history{background: url('../images/history.jpg') var(--background-cover);}
.about .about_history .history_tit{text-align: center;font-size: var(--font-size__48);color: #fff;margin-bottom: var(--padding-margin__70);line-height: 1;}
.about .about_history .history_swiper{color: #fff;min-height: 2.7rem;}
.about .about_history .history_swiper .year{font-size: var(--font-size__60);line-height: 1;flex-shrink: 0;margin-right: var(--padding-margin__50);}
.about .about_history .history_swiper .history_text{font-size: var(--font-size__30);line-height: 0.3rem;}
.about .about_history .year_swiper{flex: 1;}
.about .about_history .year_swiper .swiper-slide{text-align: center;color: #ffffff;font-size: var(--font-size__20);margin-top: .55rem;white-space: nowrap;cursor: pointer;}
.about .about_history .year_swiper .swiper-slide-active{font-size: var(--font-size__30);margin-top: var(--padding-margin__60);}
.about .about_history .year_swiper .swiper-slide .ball{width: 0.17rem;height: 0.17rem;background-color: #ffffff;border-radius: 100%;margin: var(--padding-margin__20) auto var(--padding-margin__30);position: relative;}
.about .about_history .year_swiper .swiper-slide-active .ball{width: 0.49rem;height: 0.4rem;background: url('../images/history_act.png') var(--background-contain);margin: 0 auto var(--padding-margin__20);border-radius: 0;background-color: transparent;}
.about .about_history .year_swiper .swiper-slide .ball::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 0.05rem;height: 0.05rem;background-color: var(--primary-color);border-radius: 50%;}
.about .about_history .year_prev,
.about .about_history .year_next{width: 0.54rem;height: 0.54rem;border-radius: 50%;background-color: #fff;transition: all .3s ease;cursor: pointer;}
.about .about_history .year_prev:hover,
.about .about_history .year_next:hover{background-color: var(--hover-color);}
.about .about_history .year_prev .left_arrow{width: 0.16rem;height: 0.12rem;background: url('../images/arrow_l_g.png') var(--background-contain);}
.about .about_history .year_next .right_arrow{width: 0.16rem;height: 0.12rem;background: url('../images/arrow_r_g.png') var(--background-contain);}
.about .about_history .year_prev:hover .left_arrow{background: url('../images/arrow_l_w.png') var(--background-contain);}
.about .about_history .year_next:hover .right_arrow{background: url('../images/arrow_r_w.png') var(--background-contain);}
.about .about_history .year_ctl{position: relative;z-index: 1;}
.about .about_history .year_ctl::after{position: absolute;width: 100%;height: 0.01rem;background-color: #fff;left: 0;top: 50%;transform: translateY(-50%);content: "";z-index: -1;opacity: .2;}
.about .about_honor{background: url('../images/honor_bg.jpg') var(--background-cover);}
.about .about_honor .honor_tit{font-size: var(--font-size__48);margin-bottom: var(--padding-margin__60);color: var(--primary-color);line-height: 1;}
.about .about_honor .swiper-slide{background-color: #ffffff;border-radius: 0.15rem;padding: var(--padding-margin__50);}
.about .about_honor .swiper-slide .honor_img{margin: 0 auto var(--padding-margin__30);}
.about .about_honor .swiper-slide .honor_name{text-align: center;font-size: var(--font-size__18);}
.about .about_honor .swiper-slide:hover .honor_name{color: var(--hover-color);}

@media (max-width: 1024px) {
    .about .about_brief_left{margin: 0 0 var(--padding-margin__50);}
    .about .about_brief_right .brief_item .num{font-size: var(--font-size__44);}
}

@media (max-width: 680px) {
    .about .about_history .history_swiper .year{margin-right: 0;text-align: center;margin-bottom: var(--padding-margin__50);font-size: var(--font-size__36);}
    .about .about_history .history_swiper .history_text{line-height: normal;text-align: center;font-size: var(--font-size__28);}
    .about .about_brief .about_brief_tit,
    .about .about_history .history_tit,
    .about .about_honor .honor_tit{font-size: var(--font-size__44);}
}

.news .news_swiper{margin-bottom: var(--padding-margin__30);border-radius: .1rem;box-shadow: 0.03rem 0.07rem 0.4rem 0rem rgba(0, 0, 0, 0.08);position: relative;}
.news .news_swiper .news_info{width: 52%;background-color: #ffffff;padding:var(--padding-margin__80);}
.news .news_swiper .news_info .news_time{color: #999999;font-size: var(--font-size__18);line-height: 1;margin-bottom: var(--font-size__30);}
.news .news_swiper .news_info .news_name{line-height: 1;font-size: var(--font-size__30);margin-bottom: var(--padding-margin__30);}
.news .news_swiper .news_info .news_tit{color: #666666;line-height:2;font-size: var(--font-size__18);min-height: 4em;margin-bottom: var(--padding-margin__100);}
.news .news_swiper .news_more{background-color: var(--primary-color);border-radius: 0.27rem;color: #fff;font-size: var(--font-size__18);line-height: 1;padding: .18rem .26rem;width: fit-content;flex-shrink: 0;}
.news .news_swiper .news_more .right_arrow{display: block;width: 0;height: 0.12rem;margin-left: 0;transition: all .3s ease;background: url('../images/arrow_r_w.png') var(--background-contain);}
.news .news_swiper .swiper-slide:hover .news_more .right_arrow{margin-left: .22rem;width: 0.16rem;}
.news .news_swiper .news_img{width: 48%;overflow: hidden;}
.news .news_swiper .news_img img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease;}
.news .news_swiper .swiper-slide:hover .news_img img{transform: scale(1.1);}
.news .news_swiper .btn_box{position: absolute;left: 2.4rem;bottom: 1rem;z-index: 2;}
.news .news_swiper .news_info .line{background-color: #cfd4da;opacity: 0.5;width: 70%;height: .01rem;}
.news .news_swiper .news_pagination .swiper-pagination-bullet{opacity: 1;background-color: #cfd4da;width: .1rem;height: .1rem;}
.news .news_swiper .news_pagination .swiper-pagination-bullet-active{background-color: var(--primary-color);}
.news .news_swiper .news_pagination{position: absolute;z-index: 2;bottom:calc(var(--padding-margin__80) + 0.27rem);left: 41%;background-color: #fff;width: fit-content;display: flex;align-items: center;}
.news .news_list{margin-bottom: var(--padding-margin__50);}
.news .news_item{padding: var(--padding-margin__50) 0;border-bottom:.01rem solid #cfd4da50;position:relative;}
.news .news_item::after{content:'';position:absolute;bottom:0;left:0;width:0;transition:all .3s ease;height:.01rem;background-color: var(--primary-color);}
.news .news_item:hover::after{width:100%;}
.news .news_item .news_time{flex-shrink:0;color: #999999;padding-right:.45rem;position:relative;}
.news .news_item .news_time .news_day{font-size:var(--font-size__32);line-height: 1;margin-bottom:var(--padding-margin__10)}
.news .news_item .news_time .news_year{font-size:var(--font-size__18);line-height:1;}
.news .news_item .news_time::before{content:'';position:absolute;right:0;top:0;width: 0.01rem;height: 1.16rem;background-color: #e7e9ec;opacity: 0.5;}
.news .news_item .news_time::after{content:'';position:absolute;right:0;top:0;width: 0.01rem;height: 0.2rem;background-color: var(--primary-color);transition:all .3s ease}
.news .news_item:hover .news_time::after{height: 1.16rem;}
.news .news_item .news_info{flex:1;padding:0 var(--padding-margin__50);}
.news .news_item .news_info .news_name{line-height:1;font-size:var(--font-size__24);margin-bottom:var(--padding-margin__30);}
.news .news_item .news_info .news_tit{font-size:var(--font-size__18);color: #666666;line-height: 2;min-height:.5rem;margin-bottom:var(--padding-margin__60);}
.news .news_item .news_info .news_more{border-radius: 0.27rem;font-size: var(--font-size__18);line-height: 1;padding: .18rem 0;width: fit-content;border:.01rem solid transparent;transition:all .3s ease;}
.news .news_item .news_info .news_more .right_arrow{display: block;width: 0.16rem;height: 0.12rem;margin-left: .2rem;background: url('../images/arrow_r_b.png') var(--background-contain);}
.news .news_item:hover .news_info .news_more {border-color: var(--hover-color);padding: .18rem .26rem;}
.news .news_item .news_img{width: 24%;border-radius: 0.1rem;overflow:hidden;}
.news .news_item .news_img .img{width:100%;height:100%;object-fit: cover;transition: all .3s ease;}
.news .news_item:hover .news_img .img{transform: scale(1.1);}

@media (max-width: 1024px) {
    .news .news_swiper .news_info,
    .news .news_swiper .news_img{width:100%;}
    .news .news_swiper .news_pagination{left:auto;bottom:auto;top: 3.4rem;right: 1rem;}
}

@media (max-width: 768px) {
    .news .news_swiper .news_pagination{bottom: 73vw;right: var(--padding-margin__80);}
}

@media (max-width: 640px) {
    .news .news_swiper .news_info .line{width:60%;}
    .news .news_item .news_time{margin-bottom:var(--padding-margin__30)}
    .news .news_item .news_info{padding:0;}
    .news .news_item .news_info .news_more {border-color: var(--hover-color);padding: .18rem .26rem;}
    .news .news_item .news_img{width:100%;margin-top:var(--padding-margin__50);}
}

.joinus .joinus_search_form{width:100%;}
.joinus .joinus_search_form .layui-form-select .layui-input{border:none;text-align: right;}
.joinus .joinus_search_form .layui-form-item{border-bottom:.01rem solid #cfd4da;margin-right:var(--padding-margin__70);width:calc(33.33% - var(--padding-margin__40));margin-bottom:var(--padding-margin__40);}
.joinus .joinus_search_form .layui-form-item:last-child{margin-right:0;border-bottom:none;}
.joinus .joinus_search_form .layui-form-select{width: 100%;}
.joinus .joinus_search_form .form_label{flex-shrink:0;}
.joinus .joinus_search_form .search-btn-item{background-color: var(--primary-color);flex-shrink:0;width: auto;padding:var(--padding-margin__10) var(--padding-margin__30);margin-bottom:0;cursor: pointer;}
.joinus .joinus_search_form .search-btn-item .search_icon{width: 0.22rem;height: 0.22rem;}
.joinus .joinus_search_form input{padding:var(--padding-margin__10) .32rem;height: auto;border-radius:0;}
.joinus .position_list .position_item:nth-child(odd){background-color: #f7f8fa;}
.joinus .position_list .position_item:first-child{background-color: var(--primary-color);color: #ffffff;}
.joinus .position_list .position_item{line-height:1;padding: .25rem var(--padding-margin__50) .25rem var(--padding-margin__80);cursor: pointer;font-size: var(--font-size__18);white-space: nowrap;}
.joinus .position_list .position_item .position_title{width:30%;}
.joinus .position_list .position_item:hover:not(:first-child) .position_title{color: var(--hover-color);}
.joinus .position_list .position_item .position_location{width:25%;}
.joinus .position_list .position_item .position_edu{width:25%;}
.joinus .position_list .position_item .position_time{width:17%;}
.joinus .position_list .position_item .position_op{width:3%;text-align:center;font-size: var(--font-size__30);}
.joinus .position_list .position_item .sub_wrap{padding: var(--padding-margin__60) 0;display: none;white-space: normal;line-height:2;font-size: var(--font-size__18)}
.joinus .position_list .position_item .sub_wrap .box{margin-bottom:var(--padding-margin__30);line-height:1.8;font-size: var(--font-size__18)}
.joinus .position_list .position_item .sub_wrap .box .box_title{margin-bottom:var(--padding-margin__10);}
.joinus .position_list .position_item .sub_wrap .box .box_content{line-height:.3rem;}
.joinus .position_list .position_item .sub_wrap .deliver_btn{padding:.15rem var(--padding-margin__20);background-color: var(--primary-color);border-radius: 0.27rem;line-height:1;width: fit-content;color: #fff; margin-top: var(--padding-margin__30);}
.joinus .position_list .position_item .sub_wrap .deliver_btn .icon{background:url('../images/deliver.png') var(--background-contain);width: 0.2rem;height: 0.2rem;margin-left:var(--padding-margin__20);display:block;}

@media (max-width: 640px) {
    .joinus .joinus_search_form .layui-form-item{width:100%;}
    .joinus .joinus_search_form .layui-form-select .layui-input{width: stretch;}
    .joinus .position_list{overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .joinus .position_list::-webkit-scrollbar{height: 0.04rem;background-color: #f1f1f1;border-radius: 0.02rem;}
    .joinus .position_list::-webkit-scrollbar-thumb{background-color: var(--primary-color);border-radius: 0.02rem;}
    .joinus .position_list .position_item{width: fit-content;padding: .25rem var(--padding-margin__50) .25rem var(--padding-margin__50); white-space: wrap;line-height: 1.2;}
    .joinus .position_list .position_item .position_title{flex-shrink: 0;width: 2.5rem; padding-right: 0.1rem; }
    .joinus .position_list .position_item .position_location{width: 1.8rem;flex-shrink: 0;}
    .joinus .position_list .position_item .position_edu{width: 1.8rem;flex-shrink: 0;}
    .joinus .position_list .position_item .position_time{width: 1.5rem;flex-shrink: 0;}
    .joinus .position_list .position_item .position_op{width: 0.5rem;flex-shrink: 0;}
    .joinus .position_list .position_item .sub_wrap{min-width: auto;}
    .joinus .joinus_search_form .search-btn-item{padding: var(--padding-margin__40) var(--padding-margin__60);}
    .joinus .position_list .position_item:first-child{width: max-content;}
    .joinus .joinus_search_form input{padding: var(--padding-margin__30) var(--padding-margin__100);}
    .joinus .position_list .position_item .sub_wrap .deliver_btn .icon{width: 0.3rem;height: 0.3rem;}
    .joinus .position_list .position_item .sub_wrap .deliver_btn{padding: .15rem var(--padding-margin__30);}
}

.request .request_form{padding:var(--padding-margin__80);}
.request .request_wrap{background-color: #ffffff;border-radius: 0.1rem;padding:var(--padding-margin__80) var(--padding-margin__60);}
.request .request_wrap .form_item{width:49%;}
.request .request_wrap .form_label{width:1.2rem;flex-shrink: 0;font-size: var(--font-size__18);}
.request .request_wrap .input_wrap{border: solid 0.01rem #e2e6ec;width:100%;padding:var(--padding-margin__10);}
.request .request_wrap .form_col{margin-bottom: var(--padding-margin__30);}
.request .request_wrap .input{border:none;box-shadow:none;padding: 0;font-size: var(--font-size__18);line-height:.3rem;}
.request .request_wrap .get_code{flex-shrink: 0;color:var(--primary-color);text-decoration: underline;font-size: var(--font-size__18);cursor:pointer;}
.request .request_wrap .form_btn{background-color: var(--primary-color);padding:var(--padding-margin__10) .72rem;color: #ffffff;font-size: var(--font-size__18);cursor:pointer;}
.request .request_wrap .form_col:last-child{margin-bottom: 0;}

@media (max-width: 1024px) {
.request .request_wrap .form_item{width:100%;margin-bottom: var(--padding-margin__30);}
.request .request_wrap .form_col{margin-bottom: 0;}
}

@media (max-width: 768px) {
.request .request_wrap .form_label{width: 100%;margin-bottom: var(--padding-margin__20);}
.request .request_wrap .input_wrap{padding: var(--padding-margin__30);}
.request .request_wrap .form_btn{text-align: center;padding: var(--padding-margin__30) 0;}
}

.cooperation .cooperation_item{margin-bottom: var(--padding-margin__60);}
.cooperation .cooperation_item:last-child{margin-bottom: 0;}
.cooperation .cooperation_item .img_box{width:48%;height:auto;border-radius: 0.1rem;overflow:hidden;}
.cooperation .cooperation_item .img_box img{width:100%;height:100%;object-fit:cover;}
.cooperation .cooperation_item .info_box{width:48%;}
.cooperation .cooperation_item .info_box .name{font-size: var(--font-size__30);padding-bottom: var(--padding-margin__30);border-bottom:.01rem solid #0e2a4710;position:relative;margin-bottom: var(--padding-margin__50);}
.cooperation .cooperation_item .info_box .name::after{content:'';position:absolute;width: 0.5rem;height: 0.01rem;background-color: #0e2a47;left:0;bottom:0;}
.cooperation .cooperation_item .info_box .text{line-height: calc(42 / 18);font-size: var(--font-size__18);}
.cooperation .cooperation_item .info_box .text .icon{width: 0.2rem;height: 0.2rem;margin-right:.16rem;object-fit: contain;}

@media (max-width: 1024px) {
.cooperation .cooperation_item .info_box{width: 54%;}
.cooperation .cooperation_item .img_box{width: 42%;}
}

@media (max-width: 640px) {
.cooperation .cooperation_item .info_box{width: 100%;}
.cooperation .cooperation_item .img_box{width: 100%;margin-bottom: var(--padding-margin__50);}
.cooperation .cooperation_item .info_box .name{font-size: var(--font-size__24);}
}

.home-ban{position:relative;overflow: hidden;}
.home-ban .swiper-slide{position:relative;}
.home-ban .swiper-slide .home-ban-text{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--font-size__54);color:#fff;top:30%;width:100%;text-align: center;padding-bottom: var(--padding-margin__20);}
/*.home-ban .swiper-slide .home-ban-text::after{content:'';position:absolute;width: 0.54rem;height: 0.04rem;background-color: #fff;left: 50%;transform: translateX(-50%);bottom: 0;}*/
.home-ban .swiper-slide .home-ban-text p{font-size:var(--font-size__40)}
.home-ban .swiper-slide .home-ban-text.po_left{text-align: left;width: fit-content;left: 25%;top: 17%;}
.home-ban .swiper-slide .home-ban-text.po_left::after{left:0;transform: translateX(0);}
.home-ban .controls-page{position:absolute;bottom:var(--padding-margin__50);z-index: 1;left: 50%;transform: translateX(-50%);width: fit-content;}
.home-ban .controls-page .swiper-pagination-bullet-active::after{background-color:#fff;animation: paginationProgress 5s linear forwards;}
.home-ban .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.home-ban .dian_box i{display: block;width: 0.08rem;height: 0.08rem;background: rgba(255,255,255,0.6);border-radius: 50%;position: absolute;z-index: 1;box-shadow: 0 0 0.06rem 0.02rem rgba(92,226,247,0.8), 0 0 0.15rem 0.05rem rgba(92,226,247,0.4);animation: starTwinkle 2s ease-in-out infinite;}
.home-ban .dian_box i:after{display: none;}

@keyframes starTwinkle {
    0%, 100% {opacity: 0.3;transform: scale(0.6);box-shadow: 0 0 0.04rem 0.01rem rgba(92,226,247,0.5), 0 0 0.1rem 0.03rem rgba(92,226,247,0.2);}
    50% {opacity: 1;transform: scale(1);box-shadow: 0 0 0.08rem 0.03rem rgba(92,226,247,1), 0 0 0.2rem 0.08rem rgba(92,226,247,0.6);}
}

@media (max-width: 640px) {
.home-ban .swiper-slide .home-ban-text{font-size: var(--font-size__28);padding:0 10%;}
.home-ban .swiper-slide img{height: 300px;}
}

.home-ban .dian_box i:nth-child(1){left: 18.1%;bottom: 37.2%;}
.home-ban .dian_box i:nth-child(2){left: 32.4%;bottom: 44.8%;animation-delay:0.5s;}
.home-ban .dian_box i:nth-child(3){left: 43.2%;bottom: 32%;animation-delay:0.8s;}
.home-ban .dian_box i:nth-child(4){left: 47.6%;bottom: 48.3%;animation-delay:0.7s;}
.home-ban .dian_box i:nth-child(5){left: 60.4%;bottom: 25.3%;animation-delay:0.6s;}
.home-ban .dian_box i:nth-child(6){left: 66.2%;bottom: 46%;animation-delay:0.4s;}
.home-ban .dian_box i:nth-child(7){left:73.8%;bottom: 20.8%;}
.home-ban .dian_box i:nth-child(8){left:82.6%;bottom: 36%;animation-delay:0.4s;}

@media (max-width: 1024px) {
    .home-ban .dian_box i{display:none;}
}



.home_prod{background:url('../images/home_prod_bg.jpg') var(--background-cover);}
.home_title{color:var(--primary-color);font-size:var(--font-size__48);line-height: 1;}
.home_prod .home_prod_list{margin-top: var(--padding-margin__70);}
.home_prod .home_prod_list .home_prod_item{position:relative;display:block;margin-right: var(--padding-margin__30);width:calc(33.33% - var(--padding-margin__20));border-radius:.1rem;overflow: hidden;}
.home_prod .home_prod_list .home_prod_item .home_prod_tit{color: #ffffff;font-size:var(--font-size__30);padding: var(--padding-margin__50) 0;text-align:center;position: absolute;bottom: 0;text-align: center;width: 100%;}
.home_prod .home_prod_list .home_prod_item .home_prod_btn{width: 0;height: 0.54rem;background-color: #2153cc;border-radius:50%;transition:all .3s ease;margin-left: 0;visibility: hidden;}
.home_prod .home_prod_list .home_prod_item .home_prod_btn .icon{width: 0.16rem;height: 0.12rem;}
.home_prod .home_prod_list .home_prod_item:hover .home_prod_btn{width: 0.54rem;margin-left: var(--padding-margin__30);visibility: visible;}
.home_prod .home_prod_list .home_prod_item:last-child{margin-right: 0;}
.home_prod .home_prod_list .home_prod_item:hover img{transform: scale(1.1);transition: all .3s ease;}
.home_prod .home_prod_list .home_prod_item img{transition: all .3s ease;}

@media (max-width: 680px) {
    .home_title{font-size: var(--font-size__30);}
}

.home_app{position:relative;z-index: 1;}
.home_app .home_app_bg{position:absolute;top:0;left:0;z-index: -1;height:100%;object-fit: cover;width:100%;}
.home_app .swiper-slide{padding-bottom:3.62rem;}
.home_app .home_title{color:#fff;}
.home_app .home_app_wrap{margin-top:var(--padding-margin__170);color: #ffffff;}
.home_app .home_app_wrap .home_app_tit{line-height:1;font-size:var(--font-size__36);margin-bottom:var(--padding-margin__30);}
.home_app .home_app_wrap .home_app_text{line-height: 0.3rem;color: rgba(255,255,255,.8);font-size:var(--font-size__18);min-height: 0.78rem;width: 37%;margin-bottom:var(--padding-margin__60)}
.home_app .home_app_wrap .home_app_btn{border-radius: 0.27rem;border: solid 0.02rem rgba(255,255,255,.2);padding:.18rem .26rem;width: fit-content;line-height: 1;color:#fff;}
.home_app .home_app_wrap .home_app_btn .icon_arrow{width: 0;height: 0.12rem;background:url('../images/arrow_r_w.png') var(--background-cover);margin-left:0;transition:all .3s ease}
.home_app .home_app_wrap .home_app_btn:hover .icon_arrow{width: 0.16rem;margin-left:.22rem;}
.home_app .home_app_pagination{position:absolute;bottom: var(--padding-margin__80);left:0;z-index: 1;width: 100%;justify-content: space-evenly;}
.home_app .home_app_pagination .pagination_data{color: #ffffff;font-size: var(--font-size__20);line-height: 1;text-align: center;cursor: pointer;z-index: 1;}
.home_app .home_app_pagination .pagination_data .icon_box{border: solid 0.01rem rgba(255,255,255,.2);width: 0.71rem;height: 0.71rem;border-radius: 50%;margin: 0 auto .26rem;transition:all .3s ease;position:relative;}
.home_app .home_app_pagination .pagination_data .icon{width: 0.4rem;height: 0.4rem;}
.home_app .home_app_pagination .pagination_data:hover .icon_box,
.home_app .home_app_pagination .pagination_data.active .icon_box{background-color: var(--hover-color);}
.home_app .home_app_pagination .pagination_data .icon_box::after{content:'';position:absolute;width: 16.3vw;height: 0.01rem;background-color: rgba(255,255,255,.2);left: 100%;top: 50%;transform: translateY(-50%);}
.home_app .home_app_pagination .pagination_data:nth-child(2) .icon_box::after{width: 17.6vw;}
.home_app .home_app_pagination .pagination_data:nth-child(3) .icon_box::after,
.home_app .home_app_pagination .pagination_data:nth-child(4) .icon_box::after{ width: 18.1vw;}
.home_app .home_app_pagination .pagination_data:first-child .icon_box::before{content:'';position:absolute;width: 17vw;height: 0.01rem;background-color: rgba(255,255,255,.2);right: 100%;top: 50%;transform: translateY(-50%);}

.home_about .home_about_text{width: 56%;text-align: justify;}
.home_about .home_about_btn{color: var(--primary-color);font-size: var(--font-size__18);line-height: 1;padding:.18rem .26rem;border-radius: 0.3rem;border: solid 0.02rem rgba(var(--primary-color__rgb),.2);width: fit-content;margin-top:var(--padding-margin__50);transition:all .3s ease;}
.home_about .home_about_btn .icon_arrow{width: 0.16rem;height: 0.12rem;background:url('../images/arrow_r_b.png') var(--background-contain);margin-left:.25rem;transition:all .3s ease;}
.home_about .home_about_btn:hover{background-color: var(--primary-color);color:#fff;}
.home_about .home_about_btn:hover .icon_arrow{background:url('../images/arrow_r_w.png') var(--background-contain);}
.home_about .home_about_wrap{position:relative;margin-top: var(--padding-margin__60);border-radius: 0.15rem;overflow:hidden;}
.home_about .home_about_wrap .brief_data{position:absolute;bottom:0;color: #ffffff;padding-bottom: var(--padding-margin__90);width:100%;}
.home_about .home_about_wrap .brief_data .brief_item{width: 25%;text-align: center;border-right: .01rem solid rgba(255,255,255,.2);}
.home_about .home_about_wrap .brief_data .brief_item .icon{width: 0.58rem;height: 0.54rem;margin-right: var(--padding-margin__20);object-fit: contain;}
.home_about .home_about_wrap .brief_data .brief_item .num{font-size: var(--font-size__60);font-style: normal;}
.home_about .home_about_wrap .brief_data .brief_item .num span{font-size: var(--font-size__36);}
.home_about .home_about_wrap .brief_data .brief_item .data_tit{font-size: var(--font-size__18);}

@media (max-width: 1024px) {
.home_app .swiper-slide{padding-bottom:2.62rem;}
.home-ban .swiper-slide .home-ban-text.po_left{text-align: center;width: 100%;left: 50%;top: 30%;}
.home_prod .home_prod_list .home_prod_item{width:100%;margin-bottom:var(--padding-margin__60);}
.home_prod .home_prod_list .home_prod_item:last-child{margin-bottom:0;}
.home_app .swiper-slide{padding-bottom: 2rem;}
.home_about .home_about_text{width:100%;margin-top:var(--padding-margin__60);}
.home_about .home_about_wrap .brief_data{padding-bottom:0;}
.home_about .home_about_wrap .brief_data .brief_item{width: 50%;margin-bottom:var(--padding-margin__60);}
.home_about .home_about_wrap{height: 3.5rem;}
.home_about .home_about_wrap img{height: 100%; object-fit: cover;}
.home_about .home_about_wrap .brief_data .brief_item .data_tit,
.home_app .home_app_pagination .pagination_data p{font-size:14px;}
}

@media (max-width: 680px){
    .home_about .home_about_wrap .brief_data .brief_item .num{font-size: var(--font-size__40);}
    .home_app .home_app_wrap .home_app_tit{font-size: var(--font-size__24)}
}

.home_guide{    
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-position: center;
    background-size: contain;
    width:100vw;
    background:#fff;
   }
.home_guide .logo_b{position:absolute;left:50%;transform:translate(-50%,-50%);top:44%;width:auto;height:auto;object-fit: contain;transition:opacity 0.5s ease-out;}
.home_guide .home_progress{font-size: var(--font-size__24);color: #000000;position:absolute;bottom:var(--padding-margin__110);width: 100%;text-align: center;transition:opacity 0.5s ease-out;}
.home_guide::before{position:absolute;content:'';bottom:var(--padding-margin__100);width: 100%;height: 0.02rem;background-color: #000000;opacity: 0.1;transition:opacity 0.5s ease-out;}
.home_guide::after{position:absolute;content:'';bottom:var(--padding-margin__100);width: 0%;height: 0.02rem;background-color: #000000;transition:opacity 0.5s ease-out;}
.home_guide .progress_bar{position:absolute;content:'';bottom:var(--padding-margin__100);width: 0%;height: 0.02rem;background-color: #000000;transition:opacity 0.5s ease-out;}
.home_guide svg{fill-rule: evenodd;fill: rgb(14, 42, 71);position:absolute;left:50%;transform:translate(-50%,-50%);top:44%;object-fit: contain;display:none;width: 3.5rem;height: .45rem;object-fit: contain;}
.home_guide.loaded .logo_b{display:none;}
.home_guide.loaded .home_progress{display:none;}
.home_guide.loaded::before,
.home_guide.loaded::after{display:none;}
.home_guide.loaded .progress_bar{display:none;}
.home_guide.loaded svg{display:block;}

@media (max-width: 760px){
   .home_guide .logo_b{width: 3.5rem;height: .45rem;}
}

.Pages{display: flex;align-items: center;justify-content: center;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page .a_first,
.Pages .p_page .a_end{display:none;}
.Pages .p_page,
.Pages .p_page .num{display: flex;align-items: center;justify-content: center;}
.Pages .p_page a{font-style: normal;width: 0.5rem;height: 0.5rem;background-color: #f5f5f5;border-radius: 0.25rem;color: #666666;display: flex;align-items: center;justify-content: center;margin:0 .15rem;transition:all .3s ease;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{background-color:var(--primary-color);color:#fff;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{text-indent: -9999px;position:relative;}
.Pages .p_page a.a_next::after,
.Pages .p_page a.a_prev::after{background:url('../images/page/next.svg') var(--background-contain);position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%);width: 0.07rem;height: 0.11rem;}
.Pages .p_page a.a_prev::after{background:url('../images/page/prev.svg') var(--background-contain);}
.Pages .p_page a.a_prev:hover::after{background:url('../images/page/prev-on.svg') var(--background-contain);}
.Pages .p_page a.a_next:hover::after{background:url('../images/page/next-on.svg') var(--background-contain);}


/* 新闻详情 */
.NewsInfo .Menu{border-top: 1px solid #ededed;border-bottom: none;}
.NewsInfo .InfoTit{text-align: center;border-bottom: 1px solid #d8dce6;padding-bottom: var(--padding-margin__10);margin-bottom: var(--padding-margin__50);}
.NewsInfo .InfoTit h2{font-size: var(--font-size__30);color: #213047;margin: 0 0 var(--padding-margin__40);}
.NewsInfo .InfoTit .date{font-size: var(--font-size__18);color: #555555;}
.NewsInfo .InfoTit .date span{margin-left: .48rem;}
.NewsInfo .InfoPage{padding-top: var(--padding-margin__40);border-top: 1px solid #ededed; line-height: 2;}
.NewsInfo .InfoPage .dot{margin-left: 0;color: #333333;font-size: var(--font-size__18);}
.NewsInfo .InfoPage .dot a:hover{text-decoration: underline;}
.NewsInfo .InfoCon{padding-bottom: var(--padding-margin__50); line-height: 2;}

.ul_sitemap li{margin-bottom: var(--padding-margin__30);}
.ul_sitemap .ul_sitemap_sub li a{margin-right: var(--padding-margin__20);}
.ul_sitemap li a{margin-right: var(--padding-margin__40);}

.deliver-modal {
            position: fixed;
            top: 0;
            left: 100%;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            transition:opacity 0.3s;
        }
        .deliver-modal.show{ left: 0;opacity: 1;}

        .deliver-modal-content {
            background-color: #fff;
            border-radius: 8px;
            width: 45em;
            max-width: 88%;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .deliver-modal-header {
            padding: 0.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            position:relative
        }

        .position-title {
            margin: 0;
            font-size: var(--font-size__26);
            font-weight: 500;
            color: #333;
        }

        .close-btn {
            font-size: var(--font-size__40);
            cursor: pointer;
            color: #999;
            line-height: 1;
            position:absolute;
            right: var(--padding-margin__20);
            top: 50%;
            transform: translateY(-50%);
        }

        .close-btn:hover {
            color: #666;
        }

        .deliver-modal-body {
            padding: 20px;
        }

        .deliver-form {
            width: 100%;
        }

        .form-group {
            margin-bottom: 20px;
        }
        .form-group:last-child{margin:0 auto;width: fit-content;}

        .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #333;
        }

        .form-group input[type="text"],
        .form-group input[type="tel"] {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
            box-sizing: border-box;
        }

        .form-group input[type="text"]:focus,
        .form-group input[type="tel"]:focus {
            outline: none;
            border-color: #1890ff;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
        }

        .file-upload input[type="text"] {
            flex: 1;
            padding: 10px 12px;
            border: 1px solid #ddd;
            border-right: none;
            border-radius: 4px 0 0 4px;
            font-size: 14px;
            box-sizing: border-box;
            background-color: #fafafa;
        }

        .submit-btn {
            padding: .15rem var(--padding-margin__80);
            background-color: var(--primary-color);
            border-radius: 0.27rem;
            line-height: 1;
            width: fit-content;
            color: #fff;
            margin: 0 auto;
        }

        .submit-btn:hover {
            background-color: var(--primary-color);
        }
		
.search_list{ padding-bottom: var(--padding-margin__50);}
.search_list ul{ list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.search_list ul li{list-style: none;border-bottom: 1px solid #eaeaea; padding-left: var(--padding-margin__20); padding-bottom: var(--padding-margin__20); padding-right: 0;}

.search_list ul li{ width: 48%;margin-right: 4%;}
.search_list ul li:nth-child(2n){ margin-right: 0%;}

@media (max-width: 680px) {
.search_list ul li {width: 100%; margin-right: 0%; margin-bottom: 0.2rem;padding-left: var(--padding-margin__40);}
}


.Singleinfo .edit_info{font-size: var(--font-size__18); line-height: 2; }


.deliver-form .queueList{margin: 0;}
.deliver-form .placeholder{font-size: var(--font-size__16);}
@media (max-width:768px) {
.deliver-form  .statusBar{ height: auto; line-height: 1;padding: 0;}
.deliver-form  .statusBar .info{display: block;font-size: var(--font-size__16); padding: 1em 0;}
.deliver-form .statusBar .btns{position: relative;top: auto;right: auto; overflow: hidden;display: flex;align-items: center; justify-content: center;}
.deliver-form .statusBar .btns .webuploader-pick{margin-left: 0;}
.deliver-form .queueList.filled{padding: 0;}
.deliver-form .filelist li{margin-bottom: 10px;}
}