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;}*/
.font1{font-family:'Font1';}
.fs-42{font-size: 42px;}
.fs-48{font-size: 48px;}
.fs-52{font-size: 52px;}
.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-047{color: #047CEB;}
.bg-color-0c5{background-color: #047CEB;}
.bg-color-fff{background-color: #FFFFFF;}
.bg-color-f9{background-color: #F9F9F9;}
.border-top-1{border-top: 1px solid #E0E0E0;}
.border-top-1f{border-top: 1px solid #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 #047CEB;}
.border-right-4{border-right: 4px solid #047CEB;}
.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: 680px;}
.min-vh-720{min-height: 720px;}
.min-vh-920{min-height: 920px;}
.develop_index{background: url(/static/images/develop_index.jpg) center center no-repeat;}
.about-banner{background: url(/static/images/banner.jpg) left bottom no-repeat;}
.case-banner{background: url(/static/images/case-banner.jpg) top center no-repeat;}
.news-banner{background: url(/static/images/news-banner.jpg) top center no-repeat;}
.contact-banner{background: url(/static/images/contact-banner.jpg) top center no-repeat;}
.po-top-60{top:-60px;}
.po-left-100{left: 100px;}
.top-260{top: 260px!important}
.bottom-20{bottom: -20%!important}
.bottom-13{bottom: -13%!important}
.w-80{width: 80px;}
.nav-link.active{font-weight: bold;}
.nav-pills .nav-link{border-radius: 0!important;}
.nav-pills .nav-link:hover{color: #FFFFFF;background-color: #047CEB;}
.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:#047CEB;background: url(../images/solution-active.png) top center no-repeat;background-size: cover;}
.nav-pills-solution .nav-link:hover{background: url(../images/solution-active.png) top center no-repeat;background-size: cover;}
.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 #047CEB;border-radius: 8px;}
.title-line{border-right: 8px solid #047CEB;height: 34px;margin-top: 6px;}
.title-line-horizontal{border-bottom: 8px solid #047CEB;width: 34px;margin: 6px auto 0 auto;}
.column-tab .active {border-bottom: 2px solid #047CEB;color: #047CEB;font-weight: bold;}
.column-tab .active a{color: #047CEB;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 #047CEB;color: #047CEB;font-weight: bold;cursor: pointer;}
.column-tab li:hover a{color: #047CEB;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;}

#navbar {
    position: fixed;
    top: 0;
    width: 100%;
    /*transition: background-color 0.3s;*/
    background-color: transparent;
}
#navbar.scrolled {
    background-color: rgba(0, 0, 0, 0.6)!important;
}
.nav-a{color: #FFF}
.nav-b{color: #000}
.nav-b:hover{color: #666}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-intr .item .counter-value{ font-size:54px;}
.about-intr li:first-child .item .unit{font-size:18px; line-height: 1.3;margin-left: 1px;}
.about-intr .item .unit{font-size:22px; line-height: 2.3;margin-left: 1px;}
.about-intr .item sup{vertical-align: top;}
.about-intr .item sub{vertical-align:baseline;}
.index-about{position: relative;top: 220px;z-index: -1;font-size: 98px;color: #f3f3f3;}
.wrap {
    /*width:220px;*/
    height:300px;
    position:relative;
    overflow:hidden;
    /*border:0;*/
    /*margin:0 10px;*/
    float:left;
    display:inline;
    border-radius:5px;
}
.wrap i {
    display:block;
    position:absolute;
    left:0;
    z-index:1;
    background:rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.6s ease-in-out;
}
.wrap p {
    display:block;
    width: 100%;
    /*height:300px;*/
    position:absolute;
    left:0;
    top:258px;
    z-index:1;
    background-color:rgba(0, 0, 0, 0.3);
    font-size:12px;
    color:#fff;
    padding:0;
    margin:0;
    line-height:16px;
    -webkit-transition: all 0.6s ease-in-out;
}
.wrap p b {
    display:block;
    text-align:center;
    line-height:30px;
}
.wrap p span {
    display:block;
    padding:10px;
}
.wrap a:hover {
    direction:ltr;
}
/*.wrap a:hover p {*/
/*    top:0;*/
/*    padding-top: 30px;*/
/*}*/
.wrap a img{
    transition: transform 0.9s ease;
}
.wrap a:hover img{
    transform: scale(1.1, 1.1)
}
.wrap-case {
    /*width:220px;*/
    height:auto;
    position:relative;
    overflow:hidden;
    /*border:0;*/
    /*margin:0 10px;*/
    float:left;
    display:inline;
    border-radius:5px;
}
.wrap-case i {
    display:block;
    /*width:220px;*/
    height:auto;
    position:absolute;
    left:0;
    /*top:210px;*/
    z-index:1;
    background:rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.6s ease-in-out;
}
.wrap-case p {
    display:block;
    /*width:220px;*/
    height:20px;
    position:absolute;
    left:0;
    bottom:20px;
    z-index:1;
    background-color:transparent;
    font-size:12px;
    color:#fff;
    padding:0;
    margin:0;
    line-height:16px;
    -webkit-transition: all 0.6s ease-in-out;
}
.wrap-case p b {
    display:block;
    /*line-height:30px;*/
}
.wrap-case p span {
    display:block;
    padding:10px 0;
    /*line-height:20px;*/
}
.wrap-case a:hover {
    direction:ltr;
}
.wrap-case a:hover p {
    bottom:60px;
    /*padding-top: 30px;*/
}
.wrap-case .index-case img{
    height: 20.5rem !important;
}
.wrap-case .list-case img{
    height: 15rem !important;
}
.wrap-case a img{
    transition: transform 0.9s ease;
}
.wrap-case a:hover img{
    transform: scale(1.1, 1.1)
}
.toggle-mask {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.toggle-mask img {
    cursor: pointer;
    width: 100%;
    transition: transform 0.9s ease;
}
.toggle-mask img:hover{
    transform: scale(1.1, 1.1);

}

.mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background-color: rgba(0,0,0,0.6);
    -moz-opacity: .8;
    opacity: .8;
    color: #fff;
    text-align: center;
}
.mask h2{
    padding: 0;
    margin-top: 11px;
    margin-bottom: 0;
    letter-spacing: 3px;
    font-size: 28px;
}
.mask>span {
    display: inline-block;
    width: 100%;
    font-size:14px;
    letter-spacing: 1px;
}
.swiper-pagination-bullet{width: 10px!important;height: 10px!important;}
.compute-shadow{box-shadow: 2px 2px 2px 2px #047CEB;}
.footer{background: #242834;}
.footer a{color: #FFFFFF;text-decoration: none;}
.footer a:hover{color: #dbd5d5;}
@media(max-width: 768px) and (max-width: 979px){
    .block { display: none!important; }
    .none { display: block!important; }
    .fs-48{font-size: 28px;}
    .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}
    .m-position-absolute{position:inherit!important}
    .navbar-toggler:focus{box-shadow:none!important;background-color: #D9E3FC;border-color: #047CEB;}
    .min-vh-720{min-height: 520px;}
    .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%;}
    .pt2{padding-top: 2rem!important;}
    .pb0{padding-bottom: 0!important;}
    .pb2{padding-bottom: 1.5rem!important;}
    .pb5{padding-bottom: 3rem!important;}
    .w75{width: 80%;}
    .p3{padding: .6rem!important;}
    .pt3{padding: 0!important;}
    .ps0{padding-left: 0!important;}
    .pe0{padding-right: 0!important;}
    .m-p-4{padding: 1.5rem 1rem!important;}
    #navbar {
        background-color: rgba(0, 0, 0, 0.2)!important;
    }
    .about-intr .item .counter-value{ font-size:32px;}
    .wrap {
         height:auto;
    }
    .wrap p{height:auto;top: auto;bottom: 0}
    /*video {
        height: 100vh;
    }*/
    .col-10{width: 90%;}
    .pe-5{padding-right:0!important;}
    .px4{padding-right: .4rem!important;padding-left: .4rem!important}
    .px-5{padding-right: 2rem!important;padding-left: 2rem!important}

}

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