html, body {
    /*overflow-x: hidden;*/
    /*font-size:15px;*/
    min-width: 390px;
    /*padding-right: 0!important;*/
    font-family: Microsoft YaHei,微软雅黑,Arail;
}

.nav-up {
    top: -80px
}

.navbar {
    transition: top .4s ease-in-out
}

.sidebar, .overlay {
    position: fixed;
    top: 0;
    bottom: 0
}

.sidebar {
    left: -100%;
    max-width: 300px;
    transition: all ease .25s;
    overflow-y: auto;
    z-index: 1032
}

.overlay {
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    visibility: hidden;
    z-index: 1031
}

.main-navigation.active .sidebar {
    left: 0
}

.main-navigation.active .overlay {
    visibility: visible
}
.header-search-type{
    background-color: #ffffff21;
    border: none;
}
.header-search-select{
    background-color: #cccccc05;
    border: none;
    color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.header-search-select:focus{
    box-shadow: none;
}
.svg-color {
    fill: white;
    margin-top: -2px;
}

.svg-marginTop{

}

.subject-color-line, .subject-color-line:focus{
    background-color: #ffffff21;;
    border: none;
    box-shadow: none;
    color: #fff;
}
.subject-color-line::placeholder{
    color: #FFFFFF82;
}

.search-input{
    background-color: #ffffff21;
    border: none;
}

.main_color{
    background: #1f55ff;
    /*background: linear-gradient(to right,#1f55ff 20%,#07b3ff 100%);*/
    /*background: -moz-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/
    /*background: -ms-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/
    /*background: -o-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/
    /*background: -webkit-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2139ff',endColorstr='#07b3ff',GradientType=1);*/
}
.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav_height{
    height: 100px;
}
.navbar-dark .navbar-nav .nav-link{
    color: white;
}
.main-heading {
    position: relative;
    z-index: 100
}
.card-border{
    background-color: #fff0!important;
    border: 1px solid #fff;
}
.card-footer-button{
    /*background-color: #0d6efd;*/
    text-align: center;
    color: #fff;
}
.product-type{
    /*margin-top: -22px;*/
    /*margin-bottom: 20px;*/
    background-color: #f5f5f5;
    margin: 50px 0;
    padding-bottom: 50px;
}
.product-type-a{
    text-decoration: none;
    color: #9b9b9b;
    font-size: 12px;
}
.card-img-div{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.card-img-top{
    width: 100px;
}
.index-product{
    max-height: 200px;
    /*overflow: scroll;*/
    overflow: hidden;
    /*scrollbar-width: none;*/
}
.index-product > .card-text::-webkit-scrollbar{
    overflow-x: hidden;
    overflow-y: scroll;
}
.dropdown-item:hover, .dropdown-item:focus{ color: #1f55ff;}
.goods-img-width{align-items: center;display: flex; margin: 0 auto;}
.goods-type-title{font-weight: 600;text-decoration: none;color: #3d3d3d;}
.card-header-line{border-top: none!important;}
.home-news-dt{width: 35px; height: 35px; float: left; margin-right: 10px;}
.home-news-dt > img {width: 100%; height: 100%;}
.home-news-dd > a {display: block; color: #0e0e0e;text-decoration: none;}
.home-news-dt > a > .img-thumbnail{height: 100%;}
.recommend-goods{margin: 50px 0; padding: 20px 0 80px 0;}

.goods-pic-img{align-items: center;display: flex; height: 100%; margin-left: 20px;}
.goods-pic-div{overflow: hidden; display: flex; align-items: center; justify-content: center; height: 100px; width: 100px; border-radius: 50%;
}
.goods-pic-thumb{
    background-color: rgba(25,91,255,.1);
    width: 92px;}
.goods-out-div{padding: 10px 0;}
.company-title{font-weight: bold;}
/*.company-address{font-size: 12px;}*/
.modal-contact-body{background: url('/template/default/assets/images/card.png');border-radius: 0;border: none;}
.application-title{background-color: #1f55ff;width: 50%;text-align: center;border-radius: 20px;line-height: 31px;}
.card-img-div{background-color: rgba(25,91,255,.1)}
@media (min-width: 576px) {
    .business-card-logo{width: 150px}
    .bc-company-name{font-size: 20px;  margin-bottom: 2px;}
    .gc-company-engname{font-size: 12px}
    .employee-cname{font-size: 20px; font-weight: bold;}
    .vr-line{height: 40px; margin-top: 8px; margin-right: 10px; float: left}
    .employee-name-div{width: 100px;float: left;margin-top: 4px;}
    .employee-ename{font-size: 16px;font-weight: bold}
    .employee{margin-top: -15px;}
    .employee-info{list-style: none;padding:0;margin: 0; font-size: 14px;}
    .employee-info-li{line-height: 28px;}
    .employee-info-ico{width: 18px;}
    .wx-info{margin-top: 6px; font-size: 12px;margin-right: -5px;}
}
@media (min-width: 992px) {
    .sidebar {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        flex-direction: row;
        max-width: 100%;
        transform: none;
        transition: none;
        overflow-y: visible;
        z-index: auto
    }
    .px-lg-2 {
        padding-right: 1.5rem !important;
        padding-left: .5rem !important;
    }
    .contact-type{
        display: none;
    }
}
@media (min-width: 1400px) {
    .goods-img-width{
        width: 100px;
    }
    .card-img-div{
        height: 100px;
        width: 100px;
    }
    .index-product{
        min-height: 180px;
    }
    .goods-out-div{
        /*height: 120px;*/
        /*overflow: hidden;*/
    }
    
    .goods-pic-thumb{width: 100px;}
}

@media (max-width: 1399.98px){
    .goods-img-width{
        width: 80px;
    }
    .card-img-div{
        height: 80px;
        width: 80px;
    }
    .index-product{
        min-height: 200px;
    }
    /*.home-news-dd > a{
        width: 180px;
    }*/
    .goods-out-div{
        /*height: 140px;*/
        /*overflow: hidden;*/
    }
    .goods-pic-div{height: 80px;}
}
@media (max-width: 1199.98px){
    .goods-img-width{
        width: 60px;
    }
    .card-img-div{
        height: 60px;
        width: 60px;
    }
    .card-img-div > .card-img-top{
        width: 80px;
    }
    /*.home-news-dd > a{
        width: 130px;
    }*/
    .goods-pic-img{
        margin-left: 10px;
    }
    .goods-out-div{
        padding: 10px 0;
        /*height: 160px;*/
        /*overflow: hidden;*/
    }
    .goods-pic-div{height: 100px;}
    
    .goods-pic-thumb{width: 100px;}
}
@media (max-width: 991.98px) {
    .navbar-nav {
        padding-top: 2rem;
        padding-left: 1.5rem
    }
    .sidebar {
        background: #1f55ff;
        background: linear-gradient(to right,#1f55ff 20%,#07b3ff 100%);
        background: -moz-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);
        background: -ms-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);
        background: -o-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);
        background: -webkit-linear-gradient(left,#1f55ff 20%,#07b3ff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2139ff',endColorstr='#07b3ff',GradientType=1);
    }
    .contact-type1{
        display: none;
    }

    .index-product{
        min-height: 200px;
    }
    /*.home-news-dd > a{
        width: 600px;
    }*/

    .goods-pic-img{
        margin-left: 10px;
    }
    .goods-pic-div{
        height: 70px;
        width: 70px;
    }
    .goods-out-div{
        /*height: 180px;*/
        /*overflow: hidden;*/
    }
    /*.footer-comppany-end{*/
    /*    display: none;*/
    /*}*/
    .footer-comppany{
        /*display: block;width: 350px;*/
    }
    .company-title{
        font-size: 16px;
    }
    .goods-pic-thumb {
        width: 70px;
    }
}
@media (max-width: 767.98px){
    .goods-img-width{
        width: 100px;
    }
    .card-img-div{
        height: 100px;
        width: 100px;
    }
    .card-img-div > .card-img-top{
        width: 162px;
    }
    .index-product{
        min-height: 260px;
    }
    /*.home-news-dd > a{
        width: 420px;
    }*/
    .goods-out-div{
        /*height: 160px;*/
        /*overflow: hidden;*/
    }
}
@media (max-width: 575.98px){
    .index-product{
        min-height: 220px;
    }
    /*.home-news-dd > a{
        width: 300px;
    }*/
    .goods-out-div{
        /*height: 140px;*/
        /*overflow: hidden;*/
    }


    .business-card-logo{width: 100px}
    .bc-company-name{font-size: 14px; margin-bottom: -5px;}
    .gc-company-engname{font-size: 8.5px}
    .employee-cname{font-size: 20px; font-weight: bold;}
    .vr-line{height: 40px; margin-top: 8px; margin-right: 10px; float: left}
    .employee-name-div{width: 100px;float: left;margin-top: 4px;}
    .employee-ename{font-size: 16px;font-weight: bold}
    .employee{margin-top: -15px;}
    .employee-info{list-style: none;padding:0;margin: 0; font-size: 14px;}
    .employee-info-li{line-height: 22px;}
    .employee-info-ico{width: 15px;}
    .employee-info-address{ display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .wx-info{margin-top: 6px; font-size: 10px;margin-right: -5px;}

}
.application{width: 100%; margin: 30px 0; padding-bottom: 30px;}
.footer{background-color: #1c355e;/*background-color: #1c355e;*/ padding: 40px 0 20px 0; color: #FFFFFF;border-bottom: 1px solid #ffffff78;}

.footer-ul-default{list-style: none;padding: 0;margin: 0;font-size: 12px; line-height: 28px;width: 100%;}
.footer-title{font-size: 15px;font-weight: bold;}
.friendship-link > li{float: left; margin-right: 20px;}
.copyright{background-color: #09182d; padding: 10px 0;}
.pop-contact-info{
    background:none;
    border: none;border-radius: 0;
}
.card-close{--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")}
#nav-tabContent{
    margin-top: 20px;
}
.service-field > .card > .row > .col-md-4 > .img-fluid{height: 100%}
.dropdown-menu{font-size: 13px;}
.card-img-overlay{background-color: #0031cd69; color: #FFFFFF}
.card-img-overlay:hover{background-color:transparent;}
.goods-desc{line-height: 15px;!important;margin-bottom: 10px;}
.goods-desc > tbody > tr > th, .goods-desc > tbody > tr > td{font-size: 13px;}
.accordion-item{border: 1px solid #eae6e6;}
.accordion{--bs-accordion-btn-padding-y:.4rem}
.accordion-button{font-size: 14px;}
.aboutFirstScreen{
    background-image: url('/template/default/assets/images/aboutFirst.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
}
.goodsInfo{
    background-image: url('/template/default/assets/images/about/about-num.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-color{
    background: rgb(19 47 149 / 42%);
    backdrop-filter: blur(3px);
    width: 100%;
    height: 100%;
}
.about-num-line{
    border-right: 1px solid white;
}
.about-num-line:last-child{
    border-right: none;
}
.app-card{border: none;
    border-radius: 0;
}
/*.card {
    --bs-card-border-radius: 0;
    background-color: rgba(255, 255, 255, 0.52);
    backdrop-filter: blur(10px);
}*/
.app-card > .card-img-overlay,.app-card > .card-img {
    border-radius: 0;
    background-color: #00000040;
}
.home-app {
    color: #FFFFFF;
}
.app-card > .card-img-overlay > .app-content, .goods-detail > .card-img-overlay > .app-content {
    transition: 0.3s;
    opacity: 0;
    transform: translateY(100%);
    font-size: 13px;
}
.app-card > .card-img-overlay:hover, .goods-detail > .card-img-overlay:hover {
    background-color: rgba(19, 47, 149, 0.53);
    backdrop-filter: blur(10px);
}
.app-card > .card-img-overlay:hover .app-content, .goods-detail > .card-img-overlay:hover .app-content {
    opacity: 1;
    transform: translateY(0);
    line-height: 26px;
}
.scopeOfBusiness{padding: 80px 0;}
.agent{
    background-image: url('/template/default/assets/images/about/agent-module.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    margin-bottom: 80px;
}
.layout-app{
    background-image: url('/template/default/assets/images/about/agent-module.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFFFFF;
}
.otherMatters{
    margin: 80px 0;
}
.cooperativePartner{padding-bottom: 80px;}
/* 添加一个默认不显示的类 */
.active {
    color: #1f55ff; /* 高亮显示的颜色#14ff00 */
}
.nav-link{
    color: #FFFFFF;
}
.nav-link:hover{
    color: #FFFFFF;
}
.elementSlide{
    background-image: url('/template/default/assets/images/element/slide.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.elementList{
    background-image: url('/template/default/assets/images/element/slide1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}