/*聚诚在线（jc128.net）安全--简单--易用*/
body{
    font-family: "Microsoft YaHei","微软雅黑",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    background-repeat: repeat;
	color: #333;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px;
    z-index: 10000;
    /*高宽分别对应横竖滚动条的尺寸*/
    /*height: 5px;*/
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    background-color: #ccc;
    /*background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);*/
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #fff;
}

.section::-webkit-scrollbar{
    display: none;
}
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 88px; /* 当向下滚动至页面顶部0像素位置时，生效 */
}

/*返回顶部*/
.right_xf{
    position: fixed;
    right: 15px;
    bottom: 400px;
    z-index: 3000;
}
.right_xf .box_touying{
    margin-bottom: 20px;
    border-radius: 8px;
}
.right_xf li a.dh_t{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: #1e62e9;
    color:#026ce4;
    margin: 1px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    font-size: 12px;
    box-shadow: 0px 5px 15px rgba(51,51,51,0.2);
}
.right_xf li a p{
    
}

.right_xf li{
    position: relative;
}
.right_xf .menu{
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 58px;
    margin-top: 0px;
    z-index: 1000;
    padding-right: 10px;
    min-width: 220px;
    height: auto; 
    animation: kefu_style_donghua 0.5s;
    -moz-animation: kefu_style_donghua 0.5s;
}
.right_xf .menu:before{
    content: "";
    position: absolute;
    right: -10px;
    top: 20px;
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color:transparent transparent transparent #fff;
}
.right_xf .menu ul{
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
@keyframes kefu_style_donghua
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
@-moz-keyframes kefu_style_donghua /* Firefox */
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
.right_xf li:hover .menu{
    display: block;
    transition: all .5s;
}

.right_xf .menu ul li{
    line-height: 36px;
}

/*返回顶部*/
.totop{
    position: fixed;
    right: 15px;
    z-index: 3000;
    bottom: 350px;
    width: 48px;
    height: 48px;
    line-height: 56px;
    border-radius: 48px;
    text-align: center;
    background: #fff; 
    box-shadow: 0px 5px 15px rgba(51,51,51,0.2);
    cursor: pointer;
    color:#000;
    display: none;
    transition: all 0.5s;   
}
.totop:hover{
    background: #1e62e9;
    color:#fff;
}

@media (max-width: 900px){
    .right_xf{
        display: none!important;
    }
    .totop{
        display: none!important;
    }
}

/*在线咨询*/
.zxzx{
    position: fixed;
    bottom: 30px;
    right: 0px;
    padding-left: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1000;
}
.zxzx h4{
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    background: #000;
    padding: 8px 24px 8px 68px;
}
.zxzx img{
    width: 88px;
    height: 88px;
    padding: 18px;
    border-radius: 88px;
    background: #1e62e9;
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: scale-down;
}

/* ----------------------------------------------------------------
    通用
-----------------------------------------------------------------*/
button:focus,div:focus,span:focus,input:focus{outline:0;}

a{
    color: #333;
}

a, a:hover, a:focus{
    text-decoration: none;
}

a:hover, a:focus{
    color: #1e62e9;
}

ul,p{
    margin-bottom: 0px;
}

p{
    line-height: 24px;
    /*word-break: break-all;*/
}

h6,.h6{
    font-size: 16px;
    line-height: 28px!important;
}

h3{
    line-height: 36px;
}

h4{
    line-height: 32px;
}

h5{
    line-height: 28px;
}

.pem{
    text-indent: 2em;
}

.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font17{
    font-size: 17px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font22{
    font-size: 22px;
}

.opacity_5{
    opacity: 0.5;
}


.text_999{
    color: #999;
}
.text-danger{
    color: #be171e!important;
}
.text-success{
    color: #24bd51!important;
}
.text-primary{
    color: #1e62e9!important;
}

.bg_f5f5f5{
    background: #f5f5f5;
}
.bg-success{
    background: #24bd51!important;
}
.bg-primary{
   background: #064270!important; 
}

.no_padding{
    padding: 0px;
}
.no_padding_left{
    padding-left: 0px;
}
.no_padding_right{
    padding-right: 0px;
}
.pb-6{
    padding-bottom: 88px;
}
.pt-6{
    padding-top: 88px;
}
.mb-6{
    margin-bottom: 88px;
}
.mt-6{
    margin-top: 88px;
}
.mb_30{
    margin-bottom: 30px;
}
.pb-7{
    padding-bottom: 100px;
}
.pt-7{
    padding-top: 100px;
}

.no_margin{
    margin: 0px;
}

@media (min-width: 1400px){
    .ce_fluid{
        padding-left: 110px;
        padding-right: 110px;
    }
    .ce_xl_width{
        max-width: 1600px;
    }
    .ce_width{
        max-width: 1500px;
    }
}

/* ----------------------------------------------------------------
    首页
----------------------------------------------------------------- */
.nav_p{
    line-height: 40px;
}
.nav_tel{
    line-height: 40px;
}

/*nav*/
.nav_min{
    padding: 0px;
    border: none;
    background: #fff;
    transition: 0.5s;
}
.navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
    height: 58px;
    transition: 0.5s;
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.navbar-brand img{
    height: 100%;
    object-fit: contain;
}
.navbar-expand-lg .navbar-nav .nav-item{
    margin: 0px 30px 0px 30px;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 36px 0px 36px 0px;
    position: relative;
    transition: 0.5s;
}
.navbar-expand-lg .pc_yuyan .nav-link{
    padding: 32px 15px 32px 15px;
}
.navbar-expand-lg .navbar-nav .pc_yuyan{
    margin-right: 0px;
    margin-left: 14px;
}
.nav_min .navbar-nav .nav-link{
    transition: all 0.3s;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.nav_min .navbar-nav .top_xiala .nav-link{
    padding-right: 20px;
}
.nav_min .nav-link span{
    position: absolute;
    right: 0px;
    transition: all 0.3s;
}
.nav_min .navbar-nav .top_xiala:hover .nav-link span{
    transform: rotate(180deg);
    color: #1e62e9;
}
.navbar-light .navbar-nav .nav-link:hover,.nav_min .navbar-nav .active>.nav-link{
    color: #1e62e9;
}

.nav-link:before{
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #1e62e9;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
}
.active .nav-link,.navbar-light .navbar-nav .active>.nav-link:before,.nav-link:hover:before,.top_xiala:hover .nav-link,.top_xiala:hover .nav-link:before{
    left: 0%;
    right: 0%;
    opacity: 1;
    color: #1e62e9;
}

 .navbar-light .navbar-nav .show>.nav-link{
    color: #1e62e9;
 }

.navbar-toggler{
    border: none;
    padding: 6px 10px 10px 10px;
    margin: 17px 5px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.navbar-toggler .icon-bar{
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #000;
    margin-top: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* ANIMATED X */
.navbar-toggler .icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}

.navbar-toggler .icon-bar:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler .icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.top_xiala{
    position: relative;
}
.top_xiala .dropdown-menu{
    right: auto;
    left: 0;
    min-width: 100px;
    width: auto;
    background: #fff;
    margin: 0px;
    z-index: 2000;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    border: none;
    animation: xianladonghua 0.5s;
    -moz-animation: xianladonghua 0.5s; /* Firefox */
    box-shadow: 0px 5px 10px rgba(153, 153, 153, 0.1);
    margin-top: 0 !important;
}
.pc_yuyan .dropdown-menu{
    right: 0;
    left: auto;
}
.top_xiala2{
    position: static;
}
.top_xiala2 .dropdown-menu{
    right: auto;
    left: 0;
    width: 100%;
    min-width: 100%;
    background: #f9f9f9;
    margin: 0px;
    z-index: 1000;
    padding: 28px 0px 28px 0px;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    animation: xianladonghua 0.5s;
    -moz-animation: xianladonghua 0.5s; /* Firefox */
}
.top_xiala2 .dropdown-menu .container{
    display: block;
}
@keyframes xianladonghua
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
@-moz-keyframes xianladonghua /* Firefox */
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
@media (min-width: 1200px){
    /*.top_xiala:hover .dropdown-menu{*/
    /*    display: block;*/
    /*    transition: all .5s;*/
    /*}*/
}
.top_xiala .dropdown-menu a{
    padding: 18px 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0s;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    position: relative;
    background: #fff;
    color: #333;
}
.top_xiala .dropdown-menu a:last-child{
    border: none;
}
.top_xiala .dropdown-menu a.active,.top_xiala .dropdown-menu a:hover{
    color: #fff;
    background: #1e62e9;
}

.top_xiala2 .dropdown-menu a{
    background: none;
    padding: 0px;
    font-size: 15px;
    line-height: 30px;
    color: #1e62e9;
}
.top_xiala2 .dropdown-menu h6 a{
    font-size: 16px;
    color: #000;
    line-height: 30px;
    margin-bottom: 8px;
}
.top_xiala2 .dropdown-menu a:hover{
    background: none;
    color: #1e62e9;
    text-decoration: underline;
}

.top_xiala .dropdown-toggle{
    display: none;
    position: absolute;
    top: 8px;
    right: 0px;
    border: none;
    border-radius: 0px;
    padding: 8px 13px;
    z-index: 2000;
    background: #eee;
    color: #999;
    border-radius: 50px;
    transform:rotate(0deg);
    transition: 0.5s;
}
.top_xiala .dropdown-toggle::after{
    content: none;
}

.show>.dropdown-toggle:focus{
    transform:rotate(180deg);
    background: #1e62e9;
    color: #fff;
}

.pc_yuyan{
    margin-right: 0px;
    margin-left: 10px;
}
.nav_min .navbar-nav .pc_yuyan .nav-link{
    padding-left: 16px;
    padding-right: 16px;
}
.nav_min .pc_yuyan .nav-link{
    padding: 34px 20px 34px 20px;
    display: flex;
    align-items: center;
    color: #000;
}
.pc_yuyan .dropdown-menu{
    width: 180px;
}
    
.pc_yuyan .nav-link svg{
    fill: #000;
    transition: 0.5s;
}
.pc_yuyan:hover .nav-link svg{
    fill: #1e62e9;
}

.products_nav{
    position: relative;
}
.products_nav:before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #eee;
}

.products_card{
    margin-bottom: 30px;
}

.md_sousuo{
    width: 54px;
    height: 68px;
}
.search_anniu_top{
    display: inline-block;
    width: 54px;
    height: 68px;
    border: none;
    position: relative;
}
.search_anniu_top:before{
    content: "";
    position: absolute;
    margin: auto;
    top: 13px;
    right: 1px;
    bottom: 0;
    left: 15px;
    width: 6px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    transition: all .5s;
}
.search_anniu_top:after{
    content: "";
    position: absolute;
    margin: auto;
    top: -3px;
    right: 4px;
    bottom: 0; 
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #000;
    transition: all .5s;
}
.md_search_anniu_top{
    margin-top: 0px;
}
.search_anniu_top:hover:before{
    background: #1e62e9;
}
.search_anniu_top:hover:after{
    border: 1px solid #1e62e9;
}

.search_anniu_top2{
    display: inline-block;
    width: 48px;
    height: 58px;
    border: none;
    position: relative;
    margin-top: 10px;
    background: none;
}
.search_anniu_top2:before{
    content: "";
    position: absolute;
    margin: auto;
    top: 13px;
    right: 1px;
    bottom: 0;
    left: 15px;
    width: 6px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
    transition: all .5s;
}
.search_anniu_top2:after{
    content: "";
    position: absolute;
    margin: auto;
    top: -3px;
    right: 4px;
    bottom: 0; 
    left: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #000;
    transition: all .5s;
}
.sousuokuang{
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    box-shadow: 0px 5px 5px rgba(153, 153, 153, 0.1);
    background: #f9f9f9;
    display: flex;
}
.sousuokuang .container{
    display: block;
}
.container_style{
    padding-top: 0px;
    padding-bottom: 0px;
}
.sousuo_group{
    position: relative;
}
.sousuo_control{
    box-shadow: none;
    border: none;
    background: none;
    border-radius: 0px;
    padding: 15px 15px;
    height: 78px;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.sousuo_control:hover{
    border: none;
}
.search_anniu2{
    display: inline-block; 
    width: 58px;
    height: 58px;
    line-height: 58px;
    border-left: none;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    transition: all .5s;
    margin-top: 10px;
}
.search_anniu2:before{
    content: "";
    position: absolute;
    top: 28px;
    left: 16px;
    width: 28px;
    height: 1px;
    background: #000;
    transform: rotate(45deg);
}
.search_anniu2:after{
    content: "";
    position: absolute;
    top: 28px;
    left: 16px;
    width: 28px;
    height: 1px;
    background: #000;
    transform: rotate(-45deg);
}
.search_anniu2:hover{
    transform: rotate(180deg);
}

.is-active{
    box-shadow: 0px 0px 8px rgba(153, 153, 153, 0.1);
}

/*banner*/
.banner{
    height: 100vh;
    position: relative;
}

.banner .swiper-wrapper .swiper-slide{
    background-size: cover!important;
    background-position: center left!important;
    background-repeat: no-repeat!important;
    display: flex;
    align-items: flex-end;
    padding-top: 88px;
}
.banner .swiper-wrapper .swiper-slide .banner_bg{
    z-index: 2000;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    padding: 68px;
    display: flex;
    align-items: flex-end;
}
.banner_nr{
    width: 100%;
    padding-bottom: 100px;
}

.banner .swiper-pagination{
    bottom: 15px;
    width: 100%;
}
.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0px 8px;
}
.banner .swiper-pagination-bullet{
    width: 12px;
    height: 12px;;
    background: #fff;
    opacity: 0.8;
    position: relative;
    border-radius: 12px;;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
    background: #000;
}
/*.banner .swiper-pagination .swiper-pagination-current{*/
/*    font-size: 24px;*/
/*    color: rgba(255, 255, 255, 1);*/
/*}*/

.banner .swiper-button-next,.banner .swiper-button-prev{
    width: 58px;
    height: 58px; 
    background: rgba(30,98,233,1);
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1000;
}
.banner .swiper-button-prev{
    left: 15px;
    margin-top: 15px;
}
.banner .swiper-button-next{
    right: 15px;
    margin-top: 15px;
}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{
    color: #fff;
    font-size: 18px;
}
.banner .swiper-button-prev:hover:after,.banner .swiper-button-next:hover:after{
    color: #fff;
}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{
    background: rgba(34,72,148,1);
}

.banner_card{
    width: 100%;
    height: 100%;
}
.banner_card video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    object-fit: cover;
}
.banner_card .card-img-overlay{
    background-image: radial-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}
.banner_card .card-img-overlay a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.banner_card .card-img-overlay a img{
    width: 68px;
    height: 68px;
    object-fit: contain;
}

.tanchuang_tuichu{
    position: absolute;
    right: 15px;
    top: 9px;
    z-index: 1000;
}
.tanchuang_tuichu .search_anniu2{
    display: inline-block; 
    width: 32px;
    height: 32px;
    background: #1e62e9;
    line-height: 18px;
    border-left: none;
    padding: 0px;
    border-radius: 32px;
    position: relative;
    transition: all .5s;
    margin-top: 0px;
    cursor: pointer;
}
.tanchuang_tuichu .search_anniu2:before{
    content: "";
    position: absolute;
    top: 15px;
    left: 7px;
    width: 18px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
}
.tanchuang_tuichu .search_anniu2:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 7px;
    width: 18px;
    height: 2px;
    background: #fff;
    transform: rotate(-45deg);
}
.tanchuang_tuichu .search_anniu2:hover{
    transform: rotate(180deg);
}

/*主体*/
.fangda{
    overflow: hidden;
}
.fangda img{
    transition:all 0.5s ease-out; 
}
.fangda:hover img{
    transform:scale(1.1);
}
.card:hover .fangda img{
    transform:scale(1.1);
}

.bt{
    position: relative;
    padding-bottom: 18px;
}
.bt:before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 68px;
    height: 3px;
    background: #1e62e9;
    z-index: 100;
    box-shadow: 0px 6px 10px rgba(30, 98, 233, 0.8);
}
.bt2:before{
    left: 50%;
    transform: translate3d(-50%, 0%, 0);
}

.gengduo{
    padding: 18px 46px;
    background: #1e62e9;
    color: #fff;
    font-size: 16px;
    pointer-events: auto;
    transition: 0.5s;
    display: inline-block;
    border: 1px solid #1e62e9;
    box-shadow: 0px 10px 30px rgba(30, 98, 233, 0.5);
}
.gengduo2{
    background: #eee;
    border: 1px solid #eee;
    color: #666;
    box-shadow: none;
}
.gengduo:hover{
    color: #fff;
    background: #224894;
    border: 1px solid #224894;
}

.hvr-float{
    display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition: box-shadow 0.5s,transform 0.5s;
    -webkit-transition: box-shadow 0.5s,transform 0.5s; /* Safari */
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
    box-shadow: 0px 10px 30px rgba(0, 58, 178, 0.1);
}

.about_p p{
    line-height: 30px;
    margin-bottom: 18px;
}

.row_30{
    margin-left: -30px;
    margin-right: -30px;
}
.col_30{
    padding-left: 30px;
    padding-right: 30px;
}

.row_24{
    margin-left: -24px;
    margin-right: -24px;
}
.col_24{
    padding-left: 24px;
    padding-right: 24px;
}

.row_7{
    margin-left: -7px;
    margin-right: -7px;
}
.col_7{
    padding-left: 7px;
    padding-right: 7px;
}

.banner_bottom_card .card-body{
    padding-left: 0px;
    padding-right: 0px;
}
.banner_bottom_card .card-body img{
    width: 68px;
    height: 68px;
    object-fit: scale-down;
    margin-bottom: 24px;
}
.banner_bottom_card .card-body p{
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}

.top_swiper_nr .swiper-button-next,.top_swiper_nr .swiper-button-prev{
    width: 50px;
    height: 50px; 
    background: rgba(0,0,0,0.1);
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.top_swiper_nr .swiper-button-prev{
    left: 30px;
    opacity: 1;
    margin-top: -60px;
}
.top_swiper_nr .swiper-button-next{
    right: 30px;
    opacity: 1;
    margin-top: -60px;
}
.top_swiper_nr .swiper-button-prev:after,.top_swiper_nr .swiper-button-next:after{
    color: #fff;
    font-size: 18px;
}
.top_swiper_nr .swiper-button-prev:hover:after,.top_swiper_nr .swiper-button-next:hover:after{
    color: #fff;
}
.top_swiper_nr .swiper-button-next:hover,.top_swiper_nr .swiper-button-prev:hover{
    background: #1e62e9;
}


.ix_product_card .ix_product_card_img{
    background: #eee;
    padding: 24px;
}
.ix_product_card .ix_product_card_img img{
    height: 300px;
    object-fit: scale-down;
}
body:not(.search_page) .ix_product_card { margin-bottom: 58px; }
body:not(.search_page) .ix_product_card .ix_product_card_img img { max-width: 238px; }

.ix_product_card .card-body{
    position: relative;
    padding:  32px 24px 32px 30px;
}
.ix_product_card .card-body h5{
    padding-right: 50px;
}
.ix_product_card .card-body span{
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate3d(0%, -50%, 0);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    background: none;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    border: 1px solid #999;
}
.ix_product_card .card-body span svg{
    fill: #999;
    transition: 0.5s;
}
.ix_product_card:hover .card-body span{
    background: #1e62e9;
    border: 1px solid #1e62e9;
}
.ix_product_card:hover  .card-body span svg{
    fill: #fff;
    transform: rotate(-45deg);
}

.ix_about_shuju .card-body{
    padding: 0px;
}
.ix_about_shuju .card-body img{
    width: 48px;
    height: 48px;
    object-fit: scale-down;
    margin-bottom: 28px;
}
.ix_about_shuju .card-body h1{
    font-size: 48px;
}
.ix_about_shuju .card-body h1 span{
    font-size: 18px;
}

.ix_yyly_card{
    box-shadow: 0px 10px 30px rgba(0, 58, 178, 0.1);
}
.ix_yyly_card .card-body{
    padding: 28px;
}
.ix_yyly_card .card-body p{
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 96px;
}
.ix_yyly_card .card-body span{
    color: #999;
}
.ix_yyly_card .card-body span:hover{
    color: #1e62e9;
}

.ix_yyly_swiper_row{
    margin-left: -24px;
    margin-right: -24px;
}
.ix_yyly_swiper{
    padding: 15px 24px 48px 24px;
}
.ix_yyly_swiper .swiper-button-next,.ix_yyly_swiper .swiper-button-prev{
    width: 48px;
    height: 48px; 
    background: rgba(30,98,233,1);
    border-radius: 48px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1000;
}
.ix_yyly_swiper .swiper-button-prev{
    left: 0px;
    margin-top: 15px;
}
.ix_yyly_swiper .swiper-button-next{
    right: 0px;
    margin-top: 15px;
}
.ix_yyly_swiper .swiper-button-prev:after,.ix_yyly_swiper .swiper-button-next:after{
    color: #fff;
    font-size: 18px;
}
.ix_yyly_swiper .swiper-button-prev:hover:after,.ix_yyly_swiper .swiper-button-next:hover:after{
    color: #fff;
}
.ix_yyly_swiper .swiper-button-next:hover,.ix_yyly_swiper .swiper-button-prev:hover{
    background: rgba(34,72,148,1);
}

.ix_hzkh_icon{
    height: 120px;
    padding: 20px;
    margin-bottom: 14px;
    box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.1);
}
.ix_hzkh_icon img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.ix_jszc_card{
    background: linear-gradient(to left top, rgba(30, 98, 233, 1), rgba(3, 181, 255, 1));
}
.ix_jszc_card img{
    width: 98px;
    height: 98px;
    background: #fff;
    background: #fff;
    border-radius: 98px;
    object-fit: scale-down;
    padding: 14px;
    margin-bottom: 18px;
}
.ix_jszc_card .card-body{
    padding: 38px 30px 38px 30px;
}
.ix_jszc_card .card-body p{
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 72px;
}
.ix_jszc_card2{
    background: linear-gradient(to bottom right, rgba(127, 90, 255, 1), rgba(119, 95, 255, 1));
}
.ix_jszc_card3{
    background: linear-gradient(to bottom right, rgba(53, 109, 254, 1), rgba(90, 137, 255, 1));
}
.ix_jszc_card4{
    background: linear-gradient(to bottom right, rgba(126, 162, 255, 1), rgba(135, 100, 255, 1));
}
.ix_jszc_card5{
    background: linear-gradient(to bottom right, rgba(254, 156, 55, 1), rgba(212, 120, 79, 1));
}
.ix_jszc_card6{
    background: linear-gradient(to bottom right, rgba(163, 167, 254, 1), rgba(112, 70, 240, 1));
}

.ix_about_bg{
    background: url(../images/ix_about_bg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ix_about_card .card-body{
    padding: 58px;
}
.ix_about_card img{
    height: 100%;
    object-fit: cover;
}

.ix_news_card .fangda{
    height: 100%;
}
.ix_news_card .fangda img{
    height: 100%;
    object-fit: cover;
}
.ix_news_card .card-img-overlay{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ix_news_ul .media-body{
    padding-right: 24px;
    position: relative;
}
.ix_news_ul li{
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.ix_news_ul .media-body p{
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}
.ix_news_ul .media img{
    width: 171px;
    height: 104px;
    object-fit: cover;
}
.ix_news_ul .media-body h6{
    position: relative;
    padding-right: 100px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 30px;
}
.ix_news_ul .media-body span{
    position: absolute;
    right: 24px;
    top: 8px;
    color: #999;
}

/*bottom*/
@media (min-width: 900px) {
    .collapse_block{
        display: block!important;
    }
}
.wap1200{display: block;}
.wap900{display: none;}
@media (max-width: 900px){
    .collapse1{
            display: none;
    }
    .collapse1.in{
            display: block;
    }
    .wap1200{display: none;}
    .wap900{display: block;}
}
@media (max-width: 900px){
    .bottom_xiala:after{
        content: "";
        position: absolute;
        right: 6px;
        top: 23px;
        width: 1px;
        height: 13px;
        background: #999;
        text-align: center;
        transition: 0.5s;
        transform: rotate(90deg);
        opacity: 0;
    }
    .bottom_xiala:before{
        content: "";
        position: absolute;
        right: 0px;
        top: 29px;
        width: 13px;
        height: 1px;
        background: #999;
        text-align: center;
        transition: 0.5s;
    }
    .collapsed .bottom_xiala:after{
        content: "";
        position: absolute;
        right: 6px;
        top: 23px;
        width: 1px;
        height: 13px;
        background: #999;
        text-align: center;
        transition: 0.5s;
        transform: rotate(0deg);
        opacity: 1;
    }
    .collapsed .bottom_xiala:before{
        content: "";
        position: absolute;
        right: 0px;
        top: 29px;
        width: 13px;
        height: 1px;
        background: #999;
        text-align: center;
        transition: 0.5s;
    }
}

.bottom_bg{
    background: #f9f9f9;
    color: #484848;
    padding-top: 45px;
}

.bottom_ul{
    padding-bottom: 20px;
}
.bottom_ul .bottom_bt a{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    position: relative;
    color: #000;
    font-weight: 400;
}
.bottom_ul .bottom_bt{
    margin-bottom: 0px;
}
.bottom_bt{
    font-weight: 400;
    font-size: 14px;
}
.bottom_ul .card{
    background: none;
    padding: 12px 0px 12px 0px;
}
.bottom_ul .card a{
    display: block;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bottom_ul .card a.text_999{
    color: #666;
}
.bottom_ul .card a:hover{
    color: #1e62e9;
}

.di_beian{
    padding: 15px 0px;
    line-height: 24px;
    border-top: 1px solid #D9D9D9;
}
.bottom_cpyy_icon img{
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-bottom: 18px;
}

.bottom_contact_ul{
    line-height: 36px;
}

.bottom_ul .bottom_follow li{
    margin-top: 7px!important;
    margin-right: 7px!important;
    margin-bottom: 7px!important;
}
.bottom_ul .bottom_follow li a{
    font-size: 20px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: #EBEBEB;
    color: #A0A0A0;
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.bottom_ul .bottom_follow li a svg,.bottom_ul .bottom_follow li a img{
    color: #A0A0A0;
    fill: #242E24;
    width: 20px;
    height: 20px;
}
.bottom_ul .bottom_follow li a{
    color: #A0A0A0;
}
.bottom_ul .bottom_follow li a:hover{
    color: #fff;
    background: #1e62e9;
}
.bottom_ul .bottom_follow li a:hover svg{
    fill: #fff;
}

.bottom_ul .bottom_contact li{
    color: #666;
    line-height: 24px;
    position: relative;
    padding: 6px 0 6px 28px;
}
.bottom_ul .bottom_contact li a{
    display: contents;
    line-height: 24px;
}
.bottom_ul .bottom_contact li img{
    width: 18px;
    height: 18px;
    object-fit: scale-down;
    position: absolute;
    top: 10px;
    left: 0px;
}

.bottom_top_bottom{
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

.bottom_top{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}

.erweima_icon .list-inline-item:not(:last-child){
    margin-right: 30px;
}
.erweima_icon li{
    margin-bottom: 10px;
}
.erweima_icon{
    margin-bottom: 18px;
}

.bottom_erweima_card{
    background: none;
}
.bottom_erweima_card .card-body{
    padding: 0px;
}
.bottom_erweima_card .card-body img{
    width: 98px;
    height: 98px;
    border: 1px solid #eee;
    padding: 5px;
    background: #fff;
    object-fit: scale-down;
}
.bottom_erweima_f{
    display: flex;
    justify-content: flex-end;
}

.bottom_ul .card .bottom_tel img{
    float: left;
}
.bottom_ul .card .bottom_tel a{
    font-size:inherit;
    display: block;
    padding-left: 20px;
    line-height: 42px;
    color: #1e62e9;
}


/* ----------------------------------------------------------------
    关于我们
----------------------------------------------------------------- */
.product_banner{
    /*background: url(../img/product_banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    height: 360px;
    display: flex;
    align-items: center;
}

.pt_list_nav{
    background: #fff;
    padding-top: 24px;
    padding-bottom: 24px;
    box-shadow: 0px 10px 30px rgba(0, 58, 178, 0.1);
}
.pt_list_nav li .media img{
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.pt_list_nav li .media .media-body{
    padding-left: 24px;
    font-size: 16px;
}
.pt_list_nav .fh_span{
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 24px;
    line-height: 30px;
    z-index: 9;
    cursor: pointer;
}
.pt_list_nav li .media{
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}
.pt_list_nav li{
    position: relative;
    overflow: hidden;
}
.pt_list_nav li.active:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 3px;
    background: #1e62e9;
}
.pt_list_nav li.active a.media{
    color: #1e62e9;
}
.pt_list_nav_right{
    padding-right: 30px;
}

.pt_list_bt{
    margin-top: 54px;
    position: relative;
}
.pt_list_card{
    background: #eee;
}
.pt_list_card .card-body{
    padding: 20px;
}
.pt_list_card .card-body h5{
    font-size: 17px;
    padding-right: 0px;
}
.pt_list_card .ix_product_card_img img{
    height: 240px;
}
.pt_list_bt .xa_a{
    position: absolute;
    right: 0;
    top: 0;
    background: #1e62e9;
    color: #fff;
    padding: 11px;
    border-radius: 5px;
}

.pagination{
    margin: 0px 0px 0px 0px;
}
.pagination a{
    background: #F8F8F8;
    color: #AAA;
    margin: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.page_ul{
    background: #F8F8F8;
    height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
}
.pagination a.page_link_left{
    margin-right: 20px;
    border-radius: 40px;
}
.pagination a.page_link_right{
    margin-left: 20px;
    border-radius: 40px;
}
.pagination a.page-num-current{
    width: 52px;
    height: 52px;
    border-radius: 8px!important;
    color: #fff;
    background: #1e62e9;
    box-shadow: 0px 0px 15px rgba(30, 98, 233, 0.45);
    border: none;
}
.cpjj_p{
    line-height: 24px;
}
.ul_xiazai li{
    padding: 17px 24px;
    background: #f8f9fa;
    margin-bottom: 1px;
    line-height: 24px;
    position: relative;
}
.ul_xiazai li .xza{
    width: 58px;
    height: 58px;
    background: #1e62e9;
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.maximg img{
    max-width: 100%;
    height: auto !important;
}
.pt_list_ds_swiper .swiper-button-next,.pt_list_ds_swiper .swiper-button-prev{
    width: 48px;
    height: 48px; 
    background: rgba(30,98,233,1);
    border-radius: 50px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1000;
}
.pt_list_ds_swiper .swiper-button-prev{
    left: 15px;
    margin-top: -24px;
}
.pt_list_ds_swiper .swiper-button-next{
    right: 15px;
    margin-top: -24px;
}
.pt_list_ds_swiper .swiper-button-prev:after,.pt_list_ds_swiper .swiper-button-next:after{
    color: #fff;
    font-size: 18px;
}
.pt_list_ds_swiper .swiper-button-prev:hover:after,.pt_list_ds_swiper .swiper-button-next:hover:after{
    color: #fff;
}
.pt_list_ds_swiper .swiper-button-next:hover,.pt_list_ds_swiper .swiper-button-prev:hover{
    background: rgba(34,72,148,1);
}
.pt_list_ds_swiper{
    background: #eee;
}
.pt_list_ds_swiper .swiper-wrapper .swiper-slide{
    padding: 24px;
}
.pt_list_ds_swiper .swiper-wrapper .swiper-slide img{
    height: 488px;
    object-fit: scale-down;
}

.pt_list_ds_p p{
    margin-bottom: 24px;
}

.ps_ds_ul .list-inline-item:not(:last-child){
    margin-right: 24px;
}

.faq_style{
    border-top: 1px solid #ddd;
}
.faq_style .card{
    border: none;
    background: none;
    border-bottom: 1px solid #ddd!important;
}
.faq_style .faq_bt{
    display: block;
    padding: 18px 0px 18px 0px;
    cursor: pointer;
    position: relative;
}
.faq_style .faq_bt h4{
    color: #000;
    font-weight: 700;
    font-size: 18px;
}
.faq_style .faq_bt span{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 19px;
    right: 0px;
}
.faq_style .card .card-body{
    border-top: none;
    padding: 0px 0px 32px 0px;
}
.faq_style .faq_bt span{
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    transition: 0.5s;
    transform:rotate(90deg);
    color: #1e62e9;
}
.faq_style .faq_bt.collapsed span{
    transform:rotate(0deg);
    color: #000;
}
.faq_style .card{
    border-color: #eee;
    border-radius: 0px;
}
.pt_ds_specification li{
    font-size: 16px;
    line-height: 30px;
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
}
.pt_ds_specification li:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 5px;
}

.pt_ds_download li a{
    padding: 14px 38px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 8px;
    display: inline-block;
}
.pt_ds_download li a:hover{
    color: #fff;
    background: #1e62e9;
    border: 1px solid #1e62e9;
}
.pt_ds_download li a:hover svg{
    fill: #fff;
}

.cpxq_con table{
    border: 1px solid #aeaeae !important;
    max-width: 100%;
    width: 100%;
}
.cpxq_con table td{
    border: 1px solid #aeaeae !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.cpxq_con table td,.cpxq_con table p,.cpxq_con table span{
    font-family: "Microsoft YaHei" !important;
}



/* ----------------------------------------------------------------
    技术支持
----------------------------------------------------------------- */
.support_banner{
    background-color: #1b3a6b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 488px;
    display: flex;
    align-items: center;
}
.support_card{
    margin-bottom: 88px;
    overflow: visible;
}
.support_card .card-body{
    padding: 0px 88px 0px 0px;
}
.support_card .card-body img{
    width: 98px;
    height: 98px;
    border-radius: 98px;
    box-shadow: 0px 5px 30px rgba(30, 98, 233, 0.2);
    object-fit: scale-down;
    padding: 12px;
    margin-bottom: 24px;
}

.support_zlxz li.active{
    padding-left: 18px;
    position: relative;
}
.support_zlxz li{
    margin-bottom: 10px;
}
.support_zlxz li.active:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #1e62e9;
    transform: translate3d(0%, -50%, 0);
}
.support_zlxz .list-inline-item:not(:last-child){
    margin-right: 48px;
}
.support_zlxz li a{
    font-size: 18px;
    line-height: 32px;
}
.support_zlxz li.active a{
    color: #396fea;
}

.st_zlxz_card{
    background: #f9f9f9;
    padding: 14px;
}
.st_zlxz_card .card-body{
    padding: 20px 0px 10px 0px;
}
.st_zlxz_card .card-body a:hover svg{
    fill: #1e62e9;
}

.st_xxzn_card{
    border-radius: 15px;
    background: #f9f9f9;
}
.st_xxzn_card .card-body{
    padding: 32px;
}
.st_xxzn_card .card-body .st_xxzn_card_span{
    width: 48px;
    height: 48px;
    border-radius: 48px;
    box-shadow: 0px 10px 30px rgba(30, 98, 233, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e62e9;
    font-size: 18px;
    font-weight: 700;
    background: #fff;
}
.st_xxzn_card .card-body h5{
    margin-top: 24px;
    margin-bottom: 14px;
}

.fangda.xzimg{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    background: #fff;
}
.fangda.newsimg{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    background: #fff;
}
.fangda.yylyimg{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 72%;
    background: #fff;
}
.fdimg{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition:all 0.5s ease-out; 
}
.fangda.yylyimg:hover .fdimg{
    transform:scale(1.1);
}

.pdf_bg26{
    width: 65px;
    height: 65px;
    background: url(../images/j_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    text-align: center;
}
.pdf_bg27{
    width: 65px;
    height: 65px;
    background: url(../images/j_bg1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    text-align: center;
}


/* ----------------------------------------------------------------
    关于我们
----------------------------------------------------------------- */
.about_banner{
    background-color: #1b3a6b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 488px;
    display: flex;
    align-items: center;
}

.about_p_16 p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 18px;
}

/* ----------------------------------------------------------------
    新闻中心
----------------------------------------------------------------- */
.news_banner{
    background-color: #1b3a6b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 488px;
    display: flex;
    align-items: center;
}

.news_card{
    box-shadow: 0px 5px 30px rgba(102, 102, 102, 0.1);
}
.news_card .card-body span{
    display: inline-block;
}
.news_card .card-body p{
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}
.news_deta table{
    border: 1px solid #e2e2e2;
    max-width: 100%;
    min-width: 90%;
}
.news_deta table td{
    border: 1px solid #e2e2e2;
    padding: 5px !important;
}
.news_deta p {
    line-height: 28px;
    margin-bottom: 12px;
}
/* ----------------------------------------------------------------
    联系我们
----------------------------------------------------------------- */
.contact_banner{
    background-color: #1b3a6b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 488px;
    display: flex;
    align-items: center;
}

.contact_us_card .card-body{
    padding: 48px;
}
.trip_mfzx_form .form-control{
    font-size: 14px;
    border-color: #eee;
    padding: 16px 18px;
}
.trip_mfzx_form .form_input_height{
    border: 1px solid #eee;
    padding-left: 52px;
    height: 66px;
}

.trip_mfzx_form .form-group{
    position: relative;
    margin-bottom: 20px;
}
.trip_mfzx_form .form-group label{
    position: absolute;
    top: 50%;
    transform: translate3d(0%, -50%, 0);
    left: 32px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e62e9;
}

.contact_card{
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
}
.contact_card ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    color: #666;
}
.contact_card ul li a{
    color: #666;
}
.contact_card ul li img{
    width: 18px;
    height: 18px;
    object-fit: scale-down;
    position: absolute;
    left: 0px;
    top: 5px;
}
.contact_card .media-body p{
    font-size: 16px;
    line-height: 28px;
}

.pt_yyly_ul .list-group-item{
    padding: 18px 0px 18px 48px;
    border: none;
    background: none;
    position: relative;
}
.pt_yyly_ul .list-group-item:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: url(../images/pt_yyly_ul.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.pt_yyly_card{
    background: none;
}
.pt_yyly_card .card-body{
    padding: 0px;
}

.ix_shuju_top{
    margin-bottom: 24px;
    padding: 18px 24px;
}
.ix_shuju_top img{
    margin-right: 24px;
    width: 68px;
    height: 68px;
    object-fit: contain;
}

/* ----------------------------------------------------------------
    效果
----------------------------------------------------------------- */
.pt_list_nav .top_xiala .dropdown-menu{
    top: 0px;
    left: 0;
    width: 100%;
    min-width: auto;
    padding: 0 20px;
    box-shadow: none;
    z-index: 1000;
    display: none;
    position: relative;
}
.pt_list_nav .top_xiala .dropdown-menu a{
    padding: 18px 15px 18px 75px;
    position: relative;
}
.pt_list_nav .top_xiala .dropdown-menu a:before{
    content: "";
    position: absolute;
    left: 55px;
    top: 22px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #333;
}
.pt_list_nav .top_xiala .dropdown-menu a.active:before,.pt_list_nav .top_xiala .dropdown-menu a:hover:before{
    background: #fff;
}

/* ----------------------------------------------------------------
    响应
----------------------------------------------------------------- */
.h_v{
    overflow: hidden;
}

@media (min-width: 1200px){
    .lg_none{
        display: none;
    }
}

@media (max-width: 1500px){
    .banner{
        height: 680px;
    }
}
@media (max-width: 1300px){
    .banner{
        height: 550px;
    }
}
@media (max-width: 1100px){
    .banner{
        height: 450px;
    }
}
@media (max-width: 790px){
    .banner{
        height: 350px;
    }
}
@media (max-width: 630px){
    .banner{
        height: 245px;
    }
}
@media (max-width: 1400px){
    .row_30,.row_24,.ix_yyly_swiper_row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .col_30,.col_24,.ix_yyly_swiper{
        padding-left: 15px;
        padding-right: 15px;
    }

    .ix_about_card .card-body{
        padding: 30px;
    }
    .navbar-expand-lg .navbar-nav .nav-item{
        margin: 0px 20px 0px 20px;
    }
}
@media (max-width: 1200px){
    .top_xiala .dropdown-toggle{
        display: none;
    }
}
@media (max-width: 1199px){
    .top_xiala .dropdown-toggle{
        display: block;
    }
    .md_none{
        display: none;
    }
    .navbar-brand,.is-active .navbar-brand{
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 0px;
        height: 38px;
    }
    .nav_min .navbar-brand img{
        height: 100%;
        object-fit: contain;
    }
    .nav_min{
        padding: 0px;
        display: flex;
        justify-content: center;
    }
    .nav_min .container{
        position: relative;
    }
    .md_nav_container{
        position: relative;
    }
    .nav_min .md_sousuo_container{
        display: block;
    }
    .md_sousuo{
        position: absolute;
        right: 45px;
        top: 0px;
    }
    .md_yuyan{
        position: absolute;
        right: 15px;
        top: 20px;
    }
    .yuyan_top_xiala{
        position: absolute;
        right: 48px;
    }


    .md_collapse{
        border-top: 1px solid #333;
    }
    .md_collapse .navbar-nav{
        padding: 0px 15px;
    }
    .navbar-expand-lg .navbar-nav .nav-item{
        margin: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding: 22px 40px 22px 0px;
    }
    .top_xiala{
        position: relative;
    }
    .nav_min .navbar-nav .nav-link{
        font-size: 16px;
        font-weight: normal;
    }
    .pc_yuyan .dropdown-menu{
        position: static;
        float: none;
    }
    .pc_yuyan .nav-link{
        height: 58px;
        line-height: 58px;
        padding: 0px;
    }
    .nav_min .navbar-nav .pc_yuyan .nav-link{
        padding-left: 0px;
        padding-right: 40px;
    }

    .pc_yuyan{
        position: absolute;
        right: 100px;
        top: 0;
    }
    .nav_min .pc_yuyan .nav-link {
        padding: 34px 0;
    }

    .pb-6{
        padding-bottom: 68px;
    }
    .pt-6{
        padding-top: 68px;
    }
    .mb-6{
        margin-bottom: 68px;
    }
    .mt-6{
        margin-top: 68px;
    }
    .pt-7{
        padding-top: 68px;
    }
    .pb-7{
        padding-bottom: 68px;
    }

    .banner .swiper-wrapper .swiper-slide{
        padding-top: 68px;
    }

    .ix_product_card .ix_product_card_img img{
        height: 200px;
    }

    .pt_list_ds_swiper .swiper-wrapper .swiper-slide img{
        height: auto;
    }
    .bottom_ul .card .bottom_tel img {
        width: 30px;
    }
    .bottom_ul .card .bottom_tel a {
        padding-left: 10px;
        line-height: 29px;
        font-size: 26px;
    }
}
@media (max-width: 900px){
    .nav_min .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .bottom_bg{
        padding-top: 0px;
    }
    .bottom_top{
        margin-bottom: 0px;
        border: none;
    }
    .bottom_flex{
        display: block;
        text-align: center;
    }
    .di_media{
        margin-top: 24px;
    }
    .bottom_flex2{
        display: block;
        text-align: center;
    }
    .di_media .media{
        margin-bottom: 8px;
    }
    .bottom_beian{
        margin-top: 24px;
    }
    .bottom_ul{
        padding-bottom: 0px;
    }
    .bottom_ul .bottom_bt{
        margin-bottom: 0px;
    }
    .bottom_ul .bottom_bt a,.md_bottom_bt a{
        height: 58px;
        line-height: 58px;
        padding: 0px;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
    }
    .di_beian,.di_about{
        margin-top: 0px;
    }

    /*.banner{*/
    /*    height: 680px;*/
    /*}*/
    .banner .swiper-pagination{
        bottom: 10px;
    }
    .banner_nr{
        padding-bottom: 25px;
    }
    .banner_nr h2{
        font-size: 18px;
        margin-bottom: 5px !important;
    }
    .banner_nr h4{
        font-size: 15px;
    }

    .ix_news_ul{
        margin-top: 38px;
    }

    .bottom_top{
        padding-bottom: 28px;
        flex-direction: column;
    }
    .bottom_top_bottom{
        margin-bottom: 0px;
    }
    .bottom_follow{
        margin-top: 24px;
    }
    
    .zxzx{
        right: 15px;
    }
    .zxzx h4{
        display: none;
    }
    .zxzx img{
        position: static;
        width: 48px;
        height: 48px;
        padding: 10px;
    }

    .bottom_erweima_f{
        margin-top: 24px;
        justify-content: flex-start;
    }

    .product_banner{
        height: 388px;
    }
    .support_card .card-body{
        padding: 0px 0px 30px 0px;
    }
    .pt_list_nav_right{
        padding-right: 15px;
    }

    .pt_list_nav .top_xiala .dropdown-menu{
        display: none;
    }
    .top_xiala2 .dropdown-menu{
        padding: 24px 24px 24px 24px;
    }

    .pt_list_bt{
        margin-top: 24px;
    }
}

@media (max-width: 768px){
    .ix_news_ul .media-body{
        padding-right: 15px;
    }

    .ix_news_ul .media img{
        width: 131px;
        height: 74px;
        object-fit: cover;
    }
    .ix_news_ul .media-body p{
        -webkit-line-clamp: 1;
        height: 24px;
    }
    .ix_news_ul .media-body h6{
        margin-bottom: 0px;
        padding-right: 0px;
    }
    .ix_news_ul .media-body span{
        position: static;
        display: inline-block;
        margin-bottom: 5px;
    }
    .bt h3{
        font-size: 24px;
    }

    .ix_about_shuju .card-body h1{
        font-size: 20px;
    }
    .ix_about_shuju .card-body h6{
        font-size: 14px;
    }
    .ix_about_shuju .card-body h6 p{
        line-height: 20px;
    }

    .ix_about_shuju .card-body img{
        margin-bottom: 18px;
    }

    .banner_bottom_card .card-body{
        padding-left: ;
    }
    /*.banner{*/
    /*    height: 480px;*/
    /*}*/
    .banner_card .card-img-overlay a img{
        height: 48px;
        height: 48px;
    }
    .product_banner{
        height: 155px;
    }
    .support_zlxz .list-inline-item:not(:last-child){
        margin-right: 14px;
    }
    .st_xxzn_card .card-body{
        padding: 18px;
    }

    .support_card .card-body h3,.news_ds_bt,.md_h2{
        font-size: 24px;
        line-height: 38px;
    }
    .h2, h2 {
        font-size: 1.5rem;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
}
/* =====================================================================
 *  以下为 PHP 版重建时新增的样式
 *  （原 reset.css 的内容全部保留在上方，本段之后的规则都是新加的）
 *  主色 #1e62e9，与原站保持一致
 * ===================================================================== */

:root {
  --spk-primary: #1e62e9;
  --spk-dark:    #1b3a6b;
  --spk-muted:   #6b7684;
  --spk-line:    #e6e9ef;
  --spk-bg:      #f7f9fc;
}

/* ------------------------------------------------ 无障碍：跳到主内容 */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 4000;
  background: var(--spk-primary); color: #fff; padding: 10px 18px;
}
.skip-link:focus {
  left: 0; width: auto; height: auto; clip: auto; overflow: visible;
}

/* ------------------------------------------------ 通用区块标题 */
.nybt {
  font-size: 32px; line-height: 1.35; color: #1a2232; margin-bottom: 8px;
}
.nybt strong { font-weight: 700; }
@media (max-width: 767.98px) { .nybt { font-size: 24px; } }

/* ------------------------------------------------ 面包屑 */
.crumb_nav {
  background: var(--spk-bg); border-bottom: 1px solid var(--spk-line);
  padding: 12px 0; font-size: 13px;
}
.crumb_nav .breadcrumb { padding: 0; margin: 0; background: transparent; }
.crumb_nav .breadcrumb-item + .breadcrumb-item::before { content: "›"; color: #b6bdc9; }
.crumb_nav a { color: var(--spk-muted); }
.crumb_nav a:hover { color: var(--spk-primary); }
.crumb_nav .breadcrumb-item.active { color: #1a2232; }

/* ------------------------------------------------ 分页 */
.page_nav { margin-top: 40px; }
.page_nav .page-link {
  color: #4a5567; border-color: var(--spk-line); min-width: 40px; text-align: center;
}
.page_nav .page-item.active .page-link {
  background: var(--spk-primary); border-color: var(--spk-primary); color: #fff;
}
.page_nav .page-link:hover { color: var(--spk-primary); }
.page_nav .page-item.disabled .page-link { color: #b6bdc9; }

/* ------------------------------------------------ 首页轮播文字层 */
.banner_nr {
  position: absolute; left: 0; right: 0; bottom: 18%;
  pointer-events: none;
}
.banner_tt { color: #fff; font-size: 42px; font-weight: 700; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
.banner_sub { color: rgba(255,255,255,.9); font-size: 18px; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
@media (max-width: 767.98px) {
  .banner_tt { font-size: 22px; }
  .banner_sub { font-size: 14px; }
}

/* 移动端轮播箭头缩小（原站在手机上箭头大到压住画面） */
@media (max-width: 767.98px) {
  .banner .swiper-button-next, .banner .swiper-button-prev { transform: scale(.55); }
}

/* ------------------------------------------------ 首页区块 */
.ix_product { background: #fff; }
.ix_about   { background: var(--spk-bg); }
.ix_yyly    { background: #fff; }
.ix_news    { background: var(--spk-bg); }
.ix_hzkh    { background: #fff; }

.ix_product_sub li { margin-bottom: 4px; }
.ix_product_sub a { color: var(--spk-muted); font-size: 13px; }
.ix_product_sub a:hover { color: var(--spk-primary); }
.ix_product_card .card-body h3 a { color: #1a2232; }
.ix_product_card .card-body h3 a:hover { color: var(--spk-primary); }

.ix_yyly_card {
  background: #fff; border: 1px solid var(--spk-line); border-radius: 6px; overflow: hidden;
}
.ix_yyly_card_body { padding: 22px 24px; }
.ix_yyly_card_body h3 { color: #1a2232; margin-bottom: 10px; }

.ix_news_card {
  background: #fff; border: 1px solid var(--spk-line); border-radius: 6px;
  overflow: hidden; transition: box-shadow .25s, transform .25s;
}
.ix_news_card:hover { box-shadow: 0 12px 30px rgba(24,40,72,.1); transform: translateY(-3px); }
.ix_news_card_body { padding: 18px 20px; }
.ix_news_card_body h3 a, .ix_news_card_body h2 a { color: #1a2232; }
.ix_news_card_body h3 a:hover, .ix_news_card_body h2 a:hover { color: var(--spk-primary); }
.news_card_img { display: block; aspect-ratio: 8 / 5; overflow: hidden; background: var(--spk-bg); }
.news_card_img img { width: 100%; height: 100%; object-fit: cover; }

.ix_hzkh_list .ix_hzkh_icon {
  border: 1px solid var(--spk-line); border-radius: 4px; height: 76px;
  display: flex; align-items: center; justify-content: center; padding: 10px; background: #fff;
}
.ix_hzkh_list img { max-height: 100%; width: auto; }

/* 数字滚动 */
.numU { color: var(--spk-primary); font-weight: 700; }
.numCount { padding: 10px 0; }

/* ------------------------------------------------ 按钮 */
.gengduo2 { color: #4a5567 !important; border-color: #eee; box-shadow: none; }
.gengduo2:hover { background: #e4e7ec; }
.contact_gengduo { border: 0; cursor: pointer; }
@media (max-width: 575.98px) {
  .gengduo, .gengduo2 { padding: 13px 24px; font-size: 14px; }
  .gengduo + .gengduo2 { margin-left: 0 !important; margin-top: 10px; }
}

/* ------------------------------------------------ 产品列表 / 详情 */
.cat_sub_tabs, .news_tabs { margin-bottom: 8px; }
.cat_sub_tabs .list-inline-item, .news_tabs .list-inline-item { margin-bottom: 8px; }

.pt_list_nav .oneli { position: relative; border-bottom: 1px solid var(--spk-line); }
.pt_list_nav .oneli > a { padding: 14px 12px; color: #1a2232; }
.pt_list_nav .oneli > a.active,
.pt_list_nav .oneli > a:hover { color: var(--spk-primary); }
.pt_list_nav .oneli > a img { margin-right: 10px; object-fit: contain; }
.pt_list_nav .fh_span {
  position: absolute; right: 10px; top: 16px; cursor: pointer;
  color: var(--spk-muted); user-select: none; font-size: 14px;
}
.pt_list_nav .dropdown-menu {
  position: static; float: none; border: 0; box-shadow: none;
  padding: 0 0 10px 22px; margin: 0; width: 100%;
}
.pt_list_nav .twoli { display: block; padding: 7px 0; color: var(--spk-muted); font-size: 14px; }
.pt_list_nav .twoli:hover, .pt_list_nav .twoli.active { color: var(--spk-primary); }

.pt_list_contact {
  background: var(--spk-bg); border: 1px solid var(--spk-line); border-radius: 6px; padding: 20px;
}
.pt_list_contact .gengduo { padding: 12px 24px; font-size: 14px; box-shadow: none; }

.pt_inquiry {
  background: var(--spk-bg); border: 1px solid var(--spk-line); border-radius: 6px;
}
.spec_table th { background: var(--spk-bg); font-weight: 600; }
.spec_table td, .spec_table th { vertical-align: middle; }

.download_table th { background: var(--spk-bg); white-space: nowrap; }
.download_table td { vertical-align: middle; }
.download_list li:last-child { border-bottom: 0 !important; }

/* ------------------------------------------------ 新闻详情 */
.news_summary {
  background: var(--spk-bg); border-left: 3px solid var(--spk-primary);
  color: #4a5567; font-size: 15px;
}
.news_updown a { color: #4a5567; }
.news_updown a:hover { color: var(--spk-primary); }
.ix_news_ul .media img { object-fit: cover; border-radius: 4px; }
.ix_news_ul h3 a { color: #1a2232; font-size: 14px; }
.ix_news_ul h3 a:hover { color: var(--spk-primary); }

/* ------------------------------------------------ 单页内容 */
.page_content h2 {
  font-size: 24px; color: #1a2232; margin: 36px 0 16px;
  padding-left: 14px; border-left: 4px solid var(--spk-primary);
}
.page_content h2:first-child { margin-top: 0; }
.page_content h3 { font-size: 17px; color: #1a2232; margin: 20px 0 10px; }
.page_content p { line-height: 2; color: #4a5567; margin-bottom: 14px; }
.page_content img { max-width: 100%; height: auto; }

.about_tech_item, .support_item {
  height: 100%; padding: 26px 22px; background: #fff;
  border: 1px solid var(--spk-line); border-radius: 6px; transition: box-shadow .25s;
}
.about_tech_item:hover, .support_item:hover { box-shadow: 0 12px 30px rgba(24,40,72,.09); }
.about_tech_item h3, .support_item h3 { font-size: 17px; margin: 14px 0 8px; color: #1a2232; }
.about_tech_item p, .support_item p { font-size: 14px; color: var(--spk-muted); line-height: 1.9; margin: 0; }
.about_tech .col, .support_list .col { margin-bottom: 24px; }

.guide_steps { counter-reset: gstep; list-style: none; padding-left: 0; }
.guide_steps > li {
  position: relative; padding: 0 0 26px 58px; margin-bottom: 26px;
  border-bottom: 1px dashed var(--spk-line);
}
.guide_steps > li:last-child { border-bottom: 0; }
.guide_steps > li::before {
  counter-increment: gstep; content: counter(gstep, upper-alpha);
  position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%;
  background: var(--spk-primary); color: #fff; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.guide_steps h3 { font-size: 18px; margin-bottom: 12px; color: #1a2232; }
.guide_steps ul { padding-left: 20px; }
.guide_steps li li { margin-bottom: 8px; color: #4a5567; line-height: 1.9; }
.guide_cta { background: var(--spk-bg); border: 1px solid var(--spk-line); border-radius: 6px; }

/* ------------------------------------------------ 联系我们 */
.contact_card {
  padding: 28px 24px; background: #fff;
  border: 1px solid var(--spk-line); border-radius: 6px;
}
.contact_card h2 { color: #1a2232; }
.contact_card h3 { font-size: 14px; color: var(--spk-muted); margin-top: 14px; }
.contact_card p { font-size: 14px; color: #4a5567; }
.trip_mfzx_form label { font-size: 14px; color: #4a5567; }

/* ------------------------------------------------ 404 */
.error_page { padding: 80px 0 !important; }
.error_code {
  font-size: 96px; font-weight: 700; line-height: 1;
  color: var(--spk-primary); opacity: .18;
}

/* ------------------------------------------------ 页脚 */
.bottom_main { padding: 50px 0 30px; }
.bottom_tt { color: #fff; font-size: 16px; margin-bottom: 18px; }
.bottom_cat, .bottom_ul a {
  display: block; color: rgba(255,255,255,.62); font-size: 14px;
  padding: 5px 0; line-height: 1.7;
}
.bottom_cat:hover, .bottom_ul a:hover { color: #fff; text-decoration: none; }
.bottom_contact li {
  color: rgba(255,255,255,.62); font-size: 14px; padding: 5px 0; line-height: 1.7;
}
.bottom_contact li img { margin-right: 8px; opacity: .7; vertical-align: -2px; }
.bottom_contact a { color: rgba(255,255,255,.62); }
.bottom_contact a:hover { color: #fff; }
.bottom_erweima { display: flex; gap: 14px; margin-top: 18px; flex-wrap: wrap; }
.bottom_erweima_item { margin: 0; text-align: center; }
.bottom_erweima_item img { background: #fff; padding: 4px; border-radius: 4px; }
.bottom_erweima_item figcaption {
  color: rgba(255,255,255,.5); font-size: 12px; margin-top: 6px;
}
.di_beian a:hover { color: #fff; }

/* ------------------------------------------------ 右侧悬浮条 */
.right_xf { bottom: 30%; display: flex; flex-direction: column; gap: 6px; }
.right_xf_item {
  position: relative; width: 48px; height: 48px; border: 0; border-radius: 24px;
  background: var(--spk-primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(30,98,233,.35); cursor: pointer; transition: width .25s;
}
.right_xf_item:hover { color: #fff; text-decoration: none; background: #1751c9; }
.right_xf_item img { width: 22px; height: 22px; }
.right_xf_text {
  position: absolute; right: 56px; white-space: nowrap;
  background: #fff; color: #1a2232; font-size: 13px; line-height: 1.4;
  padding: 8px 14px; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.14);
  opacity: 0; visibility: hidden; transition: opacity .2s;
}
.right_xf_item:hover .right_xf_text { opacity: 1; visibility: visible; }
.js-back-top { opacity: 0; visibility: hidden; transition: opacity .2s; }
.js-back-top.is-show { opacity: 1; visibility: visible; }
@media (max-width: 767.98px) {
  .right_xf { bottom: 16px; right: 10px; }
  .right_xf_item { width: 42px; height: 42px; }
  .right_xf_text { display: none; }
}

/* ------------------------------------------------ 顶部导航补充 */
.js-header.is-active { box-shadow: 0 2px 12px rgba(16,24,40,.08); }
.navbar-brand img { max-height: 44px; width: auto; }
.menu_style2 { width: 100%; }
.nav-item.active > .nav-link { color: var(--spk-primary) !important; }

/* 表单可访问性：焦点必须看得见 */
a:focus-visible, button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--spk-primary); outline-offset: 2px;
}

/* 富文本内容里的表格在窄屏可横向滚动 */
.maximg table { display: block; overflow-x: auto; max-width: 100%; }

/* ------------------------------------------------------------------
 * 产品左侧栏二级分类：覆盖原站规则
 *
 * 原样式是 padding-left:75px + white-space:nowrap + ellipsis，
 * 给「经典折叠平衡臂」这类 7 字名称设计的；速派克的分类名更长
 * （如「贯穿式双平衡器随动旋转模块」13 字），会被省略号截断。
 * 这里收窄缩进并允许换行。选择器要比 .pt_list_nav .top_xiala .dropdown-menu a 更具体。
 * ------------------------------------------------------------------ */
.pt_list_nav .top_xiala .dropdown-menu { padding: 4px 0 12px; }
.pt_list_nav .top_xiala .dropdown-menu a.twoli {
  padding: 9px 14px 9px 26px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  border-bottom: 0;
  color: var(--spk-muted);
  font-size: 14px;
  line-height: 1.6;
  background: transparent;
}
.pt_list_nav .top_xiala .dropdown-menu a.twoli::before {
  content: "";
  position: absolute; left: 14px; top: 17px;
  width: 4px; height: 4px; border-radius: 50%; background: #c3cddb;
}
.pt_list_nav .top_xiala .dropdown-menu a.twoli:hover,
.pt_list_nav .top_xiala .dropdown-menu a.twoli.active {
  color: var(--spk-primary); background: transparent;
}
.pt_list_nav .top_xiala .dropdown-menu a.twoli.active { font-weight: 600; }
.pt_list_nav .top_xiala .dropdown-menu a.twoli.active::before { background: var(--spk-primary); }

/* ------------------------------------------------------------------
 * 右侧悬浮条在手机上恢复显示
 *
 * 原站有 @media (max-width:900px){ .right_xf{display:none!important} }，
 * 手机访客反而是最可能直接点击拨号的一批人，这里覆盖回来：
 * 按钮缩到 42px、隐藏文字气泡，只占右下角一小块。
 * ------------------------------------------------------------------ */
@media (max-width: 900px) {
  .right_xf { display: flex !important; }
}

/* =====================================================================
 * PPT 修订：内页头图、产品中心、下载中心、联系表单与页脚
 * ===================================================================== */

/* LOGO 跟随导航栏高度，不再被 44px 的固定上限裁切 */
.navbar-brand { display: flex; align-items: center; height: 58px; }
.navbar-brand img { height: 100%; max-height: none; width: auto; object-fit: contain; }

/* 导航为 fixed-top；头图高度只计算内容本身，统一为 360px */
.product_banner, .support_banner, .about_banner, .news_banner, .contact_banner {
  height: 360px; min-height: 360px; margin-top: 88px; box-sizing: border-box;
}
@media (max-width: 991.98px) {
  .navbar-brand { height: 38px; }
  .product_banner, .support_banner, .about_banner, .news_banner, .contact_banner {
    height: 360px; min-height: 360px; margin-top: 68px;
  }
}

/* 首页四个快捷入口：均匀分布、图标/标题/说明居中 */
.banner_bottom_card .row { align-items: stretch; }
.banner_bottom_card .col { display: flex; }
.banner_bottom_card .banner_card {
  width: 100%; min-height: 190px; padding: 28px 18px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  transition: background-color .25s, box-shadow .25s;
}
.banner_bottom_card .banner_card:hover { background: #f5f8ff; box-shadow: 0 8px 24px rgba(30,98,233,.08); text-decoration: none; }
.banner_bottom_card .banner_card img { width: 64px; height: 64px; object-fit: contain; margin: 0 auto 14px; }
.banner_bottom_card .banner_card h2 { font-weight: 700; margin-bottom: 8px; }
.banner_bottom_card .banner_card p { margin: 0; line-height: 1.8; color: var(--spk-muted); }

/* 产品中心只展示顶级分类缩略图和名称，悬停变蓝 */
.ix_product_overview_card { background: #f7f8fa; transition: background-color .25s, transform .25s; }
.ix_product_overview_card .ix_product_card_img { height: 270px; padding: 20px; background: #eef1f5; display: flex !important; align-items: center; justify-content: center; }
.ix_product_overview_card .ix_product_card_img img { max-width: 100%; width: auto; height: 230px; object-fit: contain; }
.ix_product_overview_card .card-body { position: relative; padding: 22px 64px 22px 24px; }
.ix_product_overview_card .card-body h2 a { color: #1a2232; }
.ix_product_overview_card .ix_product_arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 1px solid #9aa4b2; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #738096; transition: all .25s; }
.ix_product_overview_card:hover { background: var(--spk-primary); transform: translateY(-3px); }
.ix_product_overview_card:hover .card-body h2 a, .ix_product_overview_card:hover .ix_product_arrow { color: #fff; border-color: #fff; }
.ix_product_overview_card:hover .ix_product_arrow { background: #fff; color: var(--spk-primary); }

/* 4K / 高分辨率屏幕：轮播图链接容器不能停留在图片的原始 1920px 宽度 */
.banner .swiper-slide > a {
  display: block;
  width: 100%;
  max-width: none;
  line-height: 0;
}
.banner .swiper-slide > a > img,
.banner .swiper-slide > img {
  display: block;
  width: 100% !important;
  max-width: none;
  height: auto;
}

/* 下载资料卡片 */
.download_cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.download_card { min-width: 0; background: #fff; border: 1px solid var(--spk-line); transition: box-shadow .25s, transform .25s; }
.download_card:hover { box-shadow: 0 12px 30px rgba(24,40,72,.12); transform: translateY(-3px); }
.download_card_cover { position: relative; display: block; height: 230px; overflow: hidden; background: var(--spk-bg); }
.download_card_cover img { width: 100%; height: 100%; object-fit: contain; }
.download_format { position: absolute; left: 0; top: 0; padding: 8px 14px 8px 10px; color: #fff; background: var(--spk-primary); font-size: 12px; font-weight: 700; clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%); min-width: 58px; }
.download_action { position: absolute; left: 12px; bottom: 12px; padding: 7px 12px; color: #fff; background: var(--spk-primary); font-size: 13px; }
.download_card_body { padding: 17px 18px 20px; }
.download_card_body h2 a { color: #1a2232; }
.download_card_body h2 a:hover { color: var(--spk-primary); }
@media (max-width: 991.98px) { .download_cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .download_cards { grid-template-columns: 1fr; } .download_card_cover { height: 210px; } }

/* 联系方式卡片改为紧凑的图标信息行 */
.contact_card { padding: 22px 20px; border: 1px solid var(--spk-line); background: #f7f8fa; border-radius: 3px; }
.contact_card_head { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--spk-line); }
.contact_card_head > img { width: 36px; height: 36px; object-fit: contain; }
.contact_card_rows { padding-top: 16px; }
.contact_info_row { display: flex; align-items: flex-start; gap: 9px; color: #4a5567; font-size: 13px; line-height: 1.65; word-break: break-all; }
.contact_info_row > i { width: 16px; margin-top: 3px; color: var(--spk-primary); text-align: center; flex: 0 0 16px; }
.contact_info_row a { color: #4a5567; }
.contact_info_row a:hover { color: var(--spk-primary); }

/* 联系表单采用清晰的两列输入 + 全宽留言 */
.trip_mfzx_form .form-group { margin-bottom: 18px; }
.trip_mfzx_form .form-group label { position: static; transform: none; width: auto; height: auto; display: block; margin-bottom: 7px; color: #4a5567; }
.trip_mfzx_form .form-control, .trip_mfzx_form .form_input_height { height: auto; min-height: 46px; padding: 11px 14px; border: 1px solid var(--spk-line); }
.trip_mfzx_form textarea.form-control { min-height: 130px; resize: vertical; }
.inquiry_success_icon { font-size: 54px; }

/* 页脚按四列重新排版，保留二维码与大号电话 */
.bottom_bg { background: #101f35; color: #fff; padding-top: 0; }
.bottom_main { padding: 42px 0 28px; }
.bottom_tt { color: #fff; font-weight: 700; margin-bottom: 13px; }
.bottom_ul { padding-bottom: 0; margin-bottom: 0; }
.bottom_ul li a { display: block; padding: 4px 0; color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.65; }
.bottom_ul li a:hover { color: #fff; }
.bottom_contact li { color: rgba(255,255,255,.68); font-size: 13px; padding: 4px 0; line-height: 1.65; }
.bottom_contact li img { opacity: .85; }
.bottom_contact a { color: #fff; }
.bottom_hotline a { color: #4f8aff; font-size: 21px; font-weight: 700; letter-spacing: .3px; }
.bottom_note { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.8; margin-bottom: 12px; }
.bottom_erweima { gap: 10px; margin-top: 10px; }
.bottom_erweima_item img { width: 72px; height: 72px; padding: 3px; }
.bottom_erweima_item figcaption { font-size: 11px; }
.di_beian { border-top-color: rgba(255,255,255,.13); color: rgba(255,255,255,.5); }
.di_beian .text_999, .di_beian a { color: rgba(255,255,255,.5) !important; }

/* =====================================================================
 * 官网需要修正的地方 V2
 * ===================================================================== */

/* 下载分类：分类项不再使用带 border-color 的 Bootstrap 按钮 */
.news_tabs .download_filter {
  display: inline-flex; align-items: center; min-height: 38px;
  padding: 9px 17px; border: 0; border-radius: 0;
  background: transparent; color: #6f7b8d; font-size: 14px;
  line-height: 1.4; text-decoration: none; transition: background-color .25s, color .25s;
}
.news_tabs .download_filter:hover { color: var(--spk-primary); background: #f2f6ff; }
.news_tabs .download_filter.is-active { color: #fff; background: var(--spk-primary); }

/* 下载卡片：桌面端一行四张，按钮归入整张卡片左下角 */
.download_cards {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px;
  align-items: stretch;
}
.download_card {
  min-width: 0; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--spk-line);
  transition: transform .3s ease, box-shadow .3s ease;
}
.download_card:hover {
  transform: translateY(-10px);
  box-shadow: 0 16px 32px rgba(24,40,72,.15);
}
.download_card_cover {
  height: 180px; flex: 0 0 180px; position: relative;
  display: block; overflow: hidden; background: var(--spk-bg);
}
.download_card_cover img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.download_card:hover .download_card_cover img { transform: scale(1.025); }
.download_card_body {
  min-height: 148px; flex: 1; display: flex; flex-direction: column;
  padding: 15px 16px 16px;
}
.download_card_body h2 { line-height: 1.5; }
.download_card_body p { line-height: 1.65; }
.download_action {
  position: static; display: inline-flex; align-items: center; align-self: flex-start;
  margin-top: auto; padding: 7px 12px; color: #fff; background: var(--spk-primary);
  font-size: 13px; line-height: 1.4; text-decoration: none; transition: background-color .2s;
}
.download_action:hover { color: #fff; background: #1751c9; text-decoration: none; }
@media (max-width: 1199.98px) { .download_cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .download_cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .download_cards { grid-template-columns: 1fr; }
  .download_card_cover { height: 210px; flex-basis: 210px; }
}

/* 联系页：信息卡片无边框，表单标签和蓝色 Font Awesome 图标放入输入框 */
.contact_card { border: 0 !important; }
.contact_card_head > img { display: none !important; }
.contact_card_head { border-bottom: 1px solid var(--spk-line); }
.form_input_shell { position: relative; }
.form_input_shell .form_input_icon {
  position: absolute; z-index: 2; left: 16px; top: 50%; width: 20px;
  color: var(--spk-primary); text-align: center; transform: translateY(-50%);
}
.form_input_shell > label {
  position: absolute !important; z-index: 2; left: 47px; top: 50%; width: auto !important;
  height: auto !important; margin: 0 !important; color: #667085 !important;
  pointer-events: none; transform: translateY(-50%) !important; white-space: nowrap;
}
.form_input_shell > label .text-danger { color: var(--spk-primary) !important; }
.form_input_shell > .form-control { padding-left: 126px; }
.form_input_shell.is-textarea .form_input_icon { top: 18px; transform: none; }
.form_input_shell.is-textarea > label { top: 17px; transform: none !important; }
.form_input_shell.is-textarea > textarea { padding: 14px 14px 14px 102px; }

/* 产品分类：顶级分类页使用子分类缩略图；产品卡片悬停上移 10px */
.category_overview_card {
  overflow: hidden; background: #fff; border: 1px solid var(--spk-line);
  transition: transform .3s ease, box-shadow .3s ease;
}
.category_overview_card:hover {
  transform: translateY(-10px); box-shadow: 0 16px 32px rgba(24,40,72,.14);
}
.category_overview_image {
  height: 220px; padding: 18px; background: #f5f7fa; overflow: hidden;
}
.category_overview_image img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.category_overview_card:hover .category_overview_image img { transform: scale(1.025); }
.category_overview_body { padding: 18px 14px 20px; }
.category_overview_body h3 a { color: #1a2232; }
.category_overview_body h3 a:hover { color: var(--spk-primary); text-decoration: none; }
.ix_product_overview_card:hover {
  background: #f7f8fa; transform: translateY(-10px);
  box-shadow: 0 16px 32px rgba(24,40,72,.14);
}
.ix_product_overview_card { transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease; }
.ix_product_overview_card:hover .card-body h2 a { color: #1a2232; }
.ix_product_overview_card:hover .ix_product_arrow { color: #fff; border-color: var(--spk-primary); background: var(--spk-primary); }
.pt_list_card {
  background: #fff; border: 1px solid var(--spk-line) !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
.pt_list_card:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 16px 32px rgba(24,40,72,.14);
}
.pt_list_card .ix_product_card_img { background: #f5f7fa; }

/* 产品侧栏：二级分类固定向右缩进 50px */
.pt_list_nav .top_xiala .dropdown-menu { padding-left: 50px; }
.pt_list_nav .top_xiala .dropdown-menu a.twoli { padding-left: 0; }
.pt_list_nav .top_xiala .dropdown-menu a.twoli::before { left: -10px; }

/* 分页：上一页/下一页必须完整留在按钮内 */
.page_nav .pagination { display: flex; flex-wrap: wrap; gap: 4px; }
.page_nav .pagination .page-link {
  min-width: 40px; height: 40px; display: inline-flex; align-items: center;
  justify-content: center; padding: 8px 13px; line-height: 1.35;
  white-space: nowrap; text-align: center;
}
.page_nav .pagination .page-item:first-child .page-link,
.page_nav .pagination .page-item:last-child .page-link { min-width: 68px; }

/* 导航项前置图片：默认无图，后台配置后才显示 */
.nav_item_image {
  width: 20px; height: 20px; margin-right: 6px; object-fit: contain;
  vertical-align: -5px;
}

/* 后台资源操作按钮始终同排 */
.admin_table td.admin_actions { white-space: nowrap; }
.admin_table td.admin_actions > a,
.admin_table td.admin_actions > button,
.admin_table td.admin_actions > form { display: inline-flex; vertical-align: middle; }
.admin_table td.admin_actions > form { margin: 0; }
.admin_table td.admin_actions .btn { margin-right: 3px; }

/* 页脚 V2：浅色方案；移动端快速导航/产品中心默认折叠 */
.bottom_bg { background: #f9f9f9; color: #687386; }
.bottom_main { padding: 42px 0 28px; }
.bottom_tt { color: #3e4a5c; margin-bottom: 13px; }
.footer_toggle {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  padding: 0; border: 0; background: transparent; color: inherit;
  font: inherit; font-weight: 700; text-align: left; cursor: pointer;
}
.footer_toggle_icon { display: none; color: var(--spk-primary); font-size: 20px; font-weight: 400; line-height: 1; }
.bottom_ul li a { color: #7b8494; }
.bottom_ul li a:hover { color: var(--spk-primary); }
.bottom_contact li { color: #7b8494; }
.bottom_contact a { color: #5d6879; }
.bottom_contact a:hover { color: var(--spk-primary); }
.bottom_contact li img { opacity: .65; }
.bottom_hotline a { color: var(--spk-primary); }
.bottom_note { color: #7b8494; }
.bottom_erweima_item figcaption { color: #8b94a2; }
.di_beian { border-top-color: #e7e9ed; color: #8b94a2; }
.di_beian .text_999, .di_beian a { color: #8b94a2 !important; }
.di_beian a:hover { color: var(--spk-primary) !important; }
@media (max-width: 767.98px) {
  .footer_toggle_icon { display: inline-block; }
  .footer_collapsible { display: none; }
  .footer_group.is-open .footer_collapsible { display: block; }
}
@media (min-width: 768px) { .footer_collapsible { display: block !important; } }

/* =====================================================================
 * 官网需要修正的地方 V3
 * ===================================================================== */

/* 首页轮播图按 1920:900 比例缩放；图片始终完整留在轮播模块内 */
.banner {
  height: auto !important;
  min-height: 0 !important;
  margin-top: 88px;
  aspect-ratio: 1920 / 900;
  overflow: hidden;
}
.banner .swiper-wrapper,
.banner .swiper-slide { height: 100%; min-height: 0; }
.banner .swiper-wrapper .swiper-slide {
  display: block;
  padding-top: 0;
}
.banner .swiper-slide > a,
.banner .swiper-slide > img {
  height: 100%;
}
.banner .swiper-slide > a > img,
.banner .swiper-slide > img {
  width: 100% !important;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 991.98px) { .banner { margin-top: 68px; } }

/* 所有内页栏目头图的高度断点：宽度 <=900 为 360，<=768 为 155 */
.product_banner, .product_center_banner, .support_banner, .about_banner, .news_banner,
.contact_banner, .downloads_banner, .search_banner {
  height: 360px !important;
  min-height: 360px !important;
  margin-top: 88px;
  box-sizing: border-box;
}
.product_banner h1, .product_center_banner h1, .support_banner h1, .about_banner h1, .news_banner h1,
.contact_banner h1, .downloads_banner h1, .search_banner h1 {
  font-size: 42px;
  line-height: 1.35;
}
@media (max-width: 900px) {
  .product_banner, .product_center_banner, .support_banner, .about_banner, .news_banner,
  .contact_banner, .downloads_banner, .search_banner {
    height: 360px !important;
    min-height: 360px !important;
    margin-top: 68px;
  }
  .product_banner h1, .product_center_banner h1, .support_banner h1, .about_banner h1, .news_banner h1,
  .contact_banner h1, .downloads_banner h1, .search_banner h1 { font-size: 34px; }
}
@media (max-width: 768px) {
  .product_banner, .product_center_banner, .support_banner, .about_banner, .news_banner,
  .contact_banner, .downloads_banner, .search_banner {
    height: 155px !important;
    min-height: 155px !important;
  }
  .product_banner h1, .product_center_banner h1, .support_banner h1, .about_banner h1, .news_banner h1,
  .contact_banner h1, .downloads_banner h1, .search_banner h1 { font-size: 26px; }
}

/* V4：下载页和搜索页标题在栏目头图内垂直居中。 */
.product_banner, .product_center_banner, .support_banner, .about_banner, .news_banner,
.contact_banner, .downloads_banner, .search_banner {
  display: flex;
  align-items: center;
}
.product_banner > .container, .product_center_banner > .container,
.support_banner > .container, .about_banner > .container, .news_banner > .container,
.contact_banner > .container, .downloads_banner > .container, .search_banner > .container {
  width: 100%;
}

/* 首页产品分类区背景及产品中心同款分类卡片 */
.ix_product { background: #f8f9fa; }
.ix_product .category_overview_card { height: 100%; }
.ix_product .category_overview_image { background: #eef1f5; }

/* 询盘表单：提示文字使用 placeholder；16px 可避免移动端聚焦时自动放大 */
.form_input_shell > label.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.form_input_shell > .form-control,
.form_input_shell > .form_input_height {
  padding-left: 52px !important;
  font-size: 16px !important;
}
.form_input_shell.is-textarea > textarea {
  padding: 14px 14px 14px 52px !important;
}
.form_input_shell > .form-control::placeholder { color: #667085; opacity: 1; }

/* 下载按钮改为无底色文字链接 */
.download_action {
  padding-left: 0;
  padding-right: 0;
  color: #1a2232 !important;
  background: transparent !important;
}
.download_action:hover,
.download_action:focus { color: #1a2232 !important; background: transparent !important; }

/* 手机页脚：联系我们默认展开，三组内容统一用 max-height 做折叠动画 */
.footer_collapsible {
  overflow: hidden;
  transition: max-height .3s ease, opacity .25s ease, visibility .3s ease;
}
@media (max-width: 767.98px) {
  .footer_collapsible {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height .3s ease, opacity .25s ease, visibility .3s ease;
  }
  .footer_group.is-open .footer_collapsible {
    display: block;
    max-height: 900px;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .footer_collapsible {
    display: block !important;
    max-height: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}