body {margin: 0;padding: 0;}
.clear{clear: both;}
li{list-style:none;}
@font-face{font-family: "Font1";src: url('../fonts/ZhenyanGB-Regular.ttf')}
.p-14{padding: 1.419rem 0 !important;}
.nav li{font-size: 14px !important;padding: 0 1rem;}
/*input {border: none;outline: none;}*/
/*input:focus {outline: none;}*/
.block { display: block!important; }
.none { display: none!important; }
.nav-search{background: url('../images/search.png') 15px center no-repeat;text-indent: 26px;}
.font1{font-family:'Font1';}
.fs-48{font-size: 48px;}
#navSwitch .nav-link{color: #FFFFFF;}
.ftr{width: 70%;}
.width20b{width: 20%;}
.width20i{width: 20%;}
.width20iy{width: 20%;}
.indexa{position: relative;top: 50px;right: -30px;}
.width16b{width: 16%;}
.width26b{width: 26%;}
.jjfaa{height: 530px!important;}
.jjfab{bottom: 5.9rem!important;left: -24.5rem!important;}
.background-cover{background-size: cover!important;}
.background-fixed{background-attachment: fixed!important;}
.color-333{color: #333333;}
.color-666{color: #666666;}
.color-999{color: #999999;}
.color-eo{color: #E0E0E0;}
.color-fff{color: #FFFFFF!important;}
.color-5b6{color: #5b6784;}
.color-070{color: #070B1D;}
.color-2C3{color: #2C314A;}
.color-808{color: #8086A1;}
.bg-color-0c5{background-color: #1E45E7;}
.bg-color-fff{background-color: #FFFFFF;}
.border-bt-1{border-bottom: 1px solid #F2F2F2;}
.box-shadow{box-shadow: 0 8px 20px 0 rgba(0,0,0,0.05);}
.left-0{left: 0;}
.right-0{right: 0;}
.w-32{width: 32%}
.w-36{width: 36%}
.h-15{height: 15px;}
.h-450{height: 450px;}
.bg-gradual-color{background: linear-gradient( 128deg, #f6f9fe 0%, #f7fafe 30%, #f8fbff 65%, #fafcff 100%);}
.bg-gradual-color-1{background: linear-gradient( 90deg, #e9f2fd 0%, #ecf4fd 30%, #f2f7fe 65%, #f8fbfe 100%);}
.bg-gradual-color-2{background: linear-gradient( 90deg, #f8fbfe 0%, #f2f7fe 30%, #ecf4fd 65%, #ecf4fd 100%);}
.border-left-4{border-left: 4px solid #1E45E7;}
.border-right-4{border-right: 4px solid #1E45E7;}
.border-radius-4{border-radius: 4px;}
.border-radius-15{border-radius: 15px;}
.cursor-pointer{cursor: pointer}
.text-justify{text-align: justify}
.ti-30{text-indent: 30px;}
.min-vh-205{min-height: 205px;}
.min-vh-680{min-height: 580px;}
.min-vh-690{min-height: 600px;}
.min-vh-720{min-height: 620px;}
.min-vh-840{min-height: 620px;}
.min-vh-920{min-height: 820px;}
.min-vh-1080{min-height: 820px;}
.about-banner{background: url(../images/about-banner.png) top center no-repeat;}
.product-banner{background: url(../images/product-banner.png) top center no-repeat;}
.customize-banner{background: url(../images/customize-banner.png) top center no-repeat;}
.case-banner{background: url(../images/case-banner.png) top center no-repeat;}
.service-banner{background: url(../images/service-banner.png) top center no-repeat;}
.solution-banner{background: url(../images/solution-banner.png) top center no-repeat;}
.smartpark-banner{background: url(../images/smartpark-banner.png) top center no-repeat;}
.po-top-60{top:60px;}
.po-left-100{left: 100px;}
.top-260{top: 230px!important}
.bottom-20{bottom: -20%!important}
.bottom-13{bottom: -13%!important}
#navbar.scrolled{background-color: rgba(36,0,198,0.3)!important;}
.nav-link.active{font-weight: bold;}
.nav-pills .nav-link{border-radius: 0!important;}
.nav-pills .nav-link:hover{color: #FFFFFF;background-color: #1E45E7;}
.nav-pills-solution{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}
.nav-pills-solution .nav-link{background:0 0;border:0;border-radius: 0;color: #333333;}
.nav-pills-solution .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}
.nav-pills-solution .nav-link.active,.nav-pills-solution .show>.nav-link{color:#1E45E7;}
.nav-pills-solution .nav-link:hover{color:#1E45E7;}
.carousel-ps{left:0;bottom:3rem;z-index:2;display:flex!important;margin-left:0!important;}
.carousel-ps .active{width:24px!important;height:8px!important;}
.custo-scope:hover{border: 1px solid #1E45E7;border-radius: 8px;}
.title-line{border-right: 8px solid #1E45E7;height: 34px;margin-top: 6px;}
.title-line-horizontal{border-bottom: 8px solid #1E45E7;width: 34px;margin: 6px auto 0 auto;}
.column-tab .active {border-bottom: 2px solid #1E45E7;color: #1E45E7;font-weight: bold;}
.column-tab .active a{color: #1E45E7;font-weight: bold;}
.column-tab li:first-child {margin-left: 0!important;}
.column-tab li {padding: 4rem 0;margin: 0 3rem;}
.column-tab li:hover {border-bottom: 2px solid #1E45E7;color: #1E45E7;font-weight: bold;cursor: pointer;}
.column-tab li:hover a{color: #1E45E7;font-weight: bold;}
.column-tab li{color: #999999;}
.about-info{ width: 112%;position: relative;background-color: #fff;}
.about-info ul{ margin: 0 auto;padding: 0;display:flex;justify-content: space-between;}
.about-info li{ text-align: center;display:flex;justify-content: center;align-content: center;}
.about-info li .item{padding: 0 25px;}
.about-info li:last-child .item{padding: 0 30px 0 25px;}
.about-info li .item div:first-child{color: #333333;font-size: 40px;font-weight: bold;line-height: 47px;text-align: right;}
.about-info li .item div:last-child{color: #666666;font-size: 16px;padding-top: 10px;}
.about-info li .item div:last-child span{vertical-align: middle;}
.about-info li .item div:last-child img{padding-right: 10px;}
.about-info li .item .unit{font-size:24px; line-height: 28px;font-weight: bold;}
.about-info li .item sup{vertical-align: top;}
.about-info li .item sub{vertical-align:baseline;}
.index-case-more{bottom: 2rem;}
.index-prod-more{right: 0;bottom: 5rem;}
.footer{background: #070B1D;}
.footer a{color: #5b6784;text-decoration: none;}
.footer a:hover{color: #FFFFFF;}
@media(max-width: 768px) and (max-width: 979px){
    .block { display: none!important; }
    .none { display: block!important; }
    .fs-48{font-size: 28px;}
    #navSwitch .nav-link{color: #2C314A;}
    .ftr{width: 100%;padding-left: 20%;}
    .pl15{padding-left: 30px!important;}
    .sjszc{flex-wrap: wrap;}
    .sjszc span{margin: 5px auto;}
    .width20b{width: 100%;}
    .width20i{width: 33.33%;}
    .width20iy{width: 50%;}
    .indexa{position: relative;top: 50px;right: 0px;}
    .width16b{width: 100%;}
    .width26b{width: 100%;}
    .jjfaa{height: auto!important;}
    .jjfab{bottom: -2rem!important;left: 0!important;}
    .p-4{padding: 1rem 1.5rem !important;}
    .h-450{height: 280px;}
    .bottom-20{bottom: 0!important}
    .m-d-flex{display:block!important}
    .m-position-fixed{position:fixed!important}
    .m-bg-gradual-color{background: linear-gradient( 128deg, #f6f9fe 0%, #f7fafe 30%, #f8fbff 65%, #fafcff 100%);}
    .m-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important;}
    .m-pb-4{padding-bottom:1.5rem!important}
    .m-p-5{padding:.5rem!important}
    .m-pt-4{padding-top:1.5rem!important}
    .m-pe-5{padding-right:.8rem!important}
    .m-ps-5{padding-left:.8rem!important}
    .m-mx-5{margin-right:0!important;margin-left:0!important}
    .p-5{padding: 2rem !important;}
    /*.m-position-absolute{position:inherit!important}*/
    .navbar-toggler:focus{box-shadow:none!important;background-color: #D9E3FC;border-color: #1E45E7;}
    .min-vh-1080{min-height: 880px;}
    .min-vh-920{min-height: 720px;}
    .min-vh-840{min-height: 640px;}
    .min-vh-720{min-height: 520px;}
    .min-vh-690{min-height: 590px;}
    .min-vh-680{min-height: 480px;}
    .po-top-60{top:0;}
    .po-left-100{left: 3%;}
    .column-tab li {padding: 2rem 0;margin: 0 1rem;}
    .about-info{ width: 100%;}
    .m-px-5{padding: 0 1rem!important;}
    .index-case-more{bottom: .5rem;}
    .fs-5 {font-size: .9rem!important}
    .fs-88 {font-size: .8rem!important}
    .fs-99 {font-size: .9rem!important}
    .pt-5{padding-top:2rem!important}
    .index-prod-more{right: 0;bottom: 4rem;}
    .top-260{top: 340px!important}

}

.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
    position: relative;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/*@media ( min-width : 768px) {
    .col-sm-5 {
        width: 20%;
        float: left;
    }
}
@media ( min-width : 992px) {
    .col-md-5 {
        width: 20%;
        float: left;
    }
}
@media ( min-width : 1200px) {
    .col-lg-5 {
        width: 20%;
        float: left;
    }
}*/