/*通用样式*/
:root{
    --bs-primary: #0042ff;
    --bs-primary-rgb: 0, 66, 255;
    --bs-primary-bg-subtle: #e7f0fe;
}

i{font-style: normal}
a{color: #0c0c0c;text-decoration: none}
a:hover,a:focus{color: var(--bs-primary)}
ul,ol{margin: 0;padding: 0;list-style: none}

.btn-primary {border-color: var(--bs-primary) !important}
.text-bg-primary,.text-bg-primary:focus,.text-bg-primary:hover,.btn-primary,.btn-primary:active,.btn-primary:focus{background-color: var(--bs-primary) !important;color: #FFFFFF !important;}

.btn-outline-primary {border-color: var(--bs-primary) !important;color: var(--bs-primary)}
.btn-outline-primary:active,.btn-outline-primary:hover{background-color: var(--bs-primary) !important;}

.text-dec-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.text-dec-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.text-dec-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.text-dec-5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.fs-12{font-size: 12px}
.fs-14{font-size: 14px}
.fs-55{font-size: 55px}

.lh-2{line-height: 2}

.text-gray{color: var(--bs-gray)}

.h-40{height: 40%}
.h210{height: 210px !important;}
.h240{height: 240px !important;}

.mh150{min-height: 150px !important;}

.w-45{width: 45%}

.scale_img{width: 100% !important;}


.banner-bottom{background-color: #FFF;text-align: center}

@media screen and (min-width: 992px) {.banner-bottom{position: absolute;bottom: 20px;left: 0;right: 0;z-index: 3;background-color: rgba(255,255,255,.5)}}

/*pagination*/
.pagination .page-item{margin: .5rem;}
.pagination .page-item .page-link{border-radius: .5rem;color: var(--bs-primary);border-color: var(--bs-primary)}
.pagination .page-item.disabled .page-link{color: #fff;background-color: var(--bs-pagination-disabled-bg);border-color: var(--bs-pagination-disabled-bg)}
.pagination .page-item.active .page-link,.pagination .page-item:hover .page-link,.pagination .page-item:focus .page-link {background-color: var(--bs-primary);border-color: var(--bs-primary);color: #FFFFFF}

/*header*/
header h1{padding: 0;margin: 0;width: auto}
header .logo{display: flex;align-items: center;width: 8rem;margin-right: 10px}

header .nav-link{font-weight: bold;}
header .nav-link.active{color: var(--bs-primary) !important; border-bottom: var(--bs-primary) 2px solid}
header .nav-link:hover{color: var(--bs-primary) !important; border-bottom: var(--bs-primary) 2px solid}

header .dropdown-menu{border: 0 !important;}
header .nav-link:focus,.nav-link:hover,.nav-link.active,.nav-link.show,.nav-link.show:after{color: var(--bs-primary)!important;}
header .dropdown-item:focus, .dropdown-item:hover{background-color: #FFF;color: var(--bs-primary) !important;}


header button {border: 0 !important;}
header button:focus{box-shadow: none !important;}

/*index*/
.banner-item img{display: block;width: 100%;height: 100%;object-fit: cover}

.index-liucheng-item{min-height: 23rem;display: flex;flex-direction: column;align-items: center;padding: 30px 20px; text-align: center;background-color: #fbfdff;border-radius: 10px;border: var(--bs-gray-300) 1px solid;}
.index-liucheng-item-tag{background: url("../images/gap-1.png") no-repeat center;background-size: contain; width: 46px; height: 46px; position: relative;right: -18rem;top: -19rem;}

.index-fuwu-item{min-height: 250px;padding: 2rem;border-radius: 1rem;display: flex;flex-direction: column;background: url("../images/index-fw-bg-1.png") no-repeat center center;background-size: cover;}
.index-fuwu-item.bg-2{background: url("../images/index-fw-bg-2.png") no-repeat center center;background-size: cover;}
.index-fuwu-item.bg-3{background: url("../images/index-fw-bg-3.png") no-repeat center center;background-size: cover;}
.index-fuwu-item.bg-4{background: url("../images/index-fw-bg-4.png") no-repeat center center;background-size: cover;}
.index-fuwu-item .desc{background: linear-gradient(to right, #f3f7fe, #FFFFFF);padding: .5rem 1rem}
.index-fuwu-item .list-item .icon{background: var(--bs-primary-bg-subtle);border-radius: 100%; color: var(--bs-primary);margin-right: .5rem;padding: .25rem}

.index-news-block-bg{background: linear-gradient(225deg, #cddaff 5%, #ebf0ff 30%, white 50%, white);}
.index-news-block-bg .carousel {min-height: 170px}
.index-news-block-bg .banner-item img{width: 45% !important;height: auto;}
.index-news-block-bg .carousel-indicators{left: 60%}
.index-news-block-bg .carousel-indicators button {background-color: var(--bs-gray)}
.index-news-block-bg .carousel-indicators button.active{background-color: var(--bs-primary)}

/*product-list*/
.product-item{display: flex;flex-direction: column;border-radius: 10px;background:  linear-gradient(to bottom, #f3f7fe, #FFFFFF);}
.product-item .detail{padding: 1rem 1rem 0;}
.product-item .detail h3{font-size: 1.2rem;font-weight: bolder}
.product-item .detail .desc_short{font-size: 12px;color:#666}
.product-item .detail .tag-list{margin: 1rem 0;display: flex;}
.product-item .detail .tag-list .tag{max-width: 5rem;padding: 2px 5px;background-color: var(--bs-primary-bg-subtle);color: var(--bs-primary);font-size: 12px;margin-right: .5rem;}
.product-item .detail .pro-hot-taocan{margin-bottom: 1rem;}
.product-item .detail .pro-hot-taocan table tr:nth-of-type(1){font-size: 12px;color: #666}
.product-item .detail .pro-hot-taocan table tr:nth-of-type(2){font-size: 18px;color: var(--bs-primary)}
.product-item .detail .sale_desc {margin-bottom: 1rem}
.product-item .detail .price{margin-bottom: 1rem;color: var(--bs-gray);font-size: 12px}
.product-item .detail .price .number{font-size: 32px;font-weight: bold;color: var(--bs-danger);}
.product-item .bottom{display: flex;text-align: center;}
.product-item .bottom .col{width: 50%;height: 3rem;line-height: 3rem;font-weight: bold;border: var(--bs-primary);font-size: 18px;color:  var(--bs-primary);border: var(--bs-primary) 1px solid;border-radius: 0 0 0 10px;}
.product-item .bottom a.col{background: var(--bs-primary);color: #fff;border-radius: 0 0 10px 0;}
.product-item hr{margin: 0.5rem 0;}

/*item-article*/
.item-article{display: flex;align-items: center;margin: 10px 0;padding-bottom: 10px; border-bottom: var(--bs-gray-200) 1px solid}
.item-article:last-of-type{border-bottom: none}
.item-article .thumbnail{flex: 3;padding-left: 10px;}
.item-article .article-info{flex: 9;}
.item-article .article-info h2 {font-size: 1.2rem}
.item-article .article-info p span{margin-right: 5px;font-size: 14px}
.item-article .article-info p span i {margin-right: 2px}

.new-list{padding: 10px 0}
.new-list li {display: flex;border-radius: 10px;padding: 10px;margin:0 20px 20px 20px;font-size: 1.25rem;line-height: 1}
.new-list li:nth-of-type(1){background-color: #fff0ee}
.new-list li:nth-of-type(2){background-color: #eef5ff}
.new-list li:nth-of-type(3){background-color: #fffbee}

/*tag*/
.tag-item{padding: .5rem;background-color: var(--bs-primary);color: #FFFFFF;line-height: 1.5rem;height: 2.3rem;font-size: 14px;border-radius: 5px;}
.tag-item:hover,.tag-item:focus{color: #FFFFFF !important;transform: scale(0.95); opacity: 0.9}

/*article_list*/
.article-item h3{font-size: 1.2rem}

/*product-detail*/
#product-img .banner-item{height:auto}

.pro-detail-nav .nav-link {color: #0c0c0c}
.pro-detail-nav .nav-link.active{background-color: var(--bs-primary);border-color: var(--bs-primary);color: #FFFFFF !important}
.pro-detail-nav .nav-link.active:focus-visible{outline: none}
.pro-detail-tab{margin-top: 1rem}

/*markdown css总体样式*/
.article{font-size: 1rem;}
.article p{font-size: 1rem;line-height: 1.5;margin-bottom: 1rem}
.article p:has(img){text-align: center}
.article p:has(img) img{width: 100%}
.article h2{text-align: left;color:var(--bs-primary);font-size: 1.5rem;margin-top: 0;margin-bottom: 1.5rem;line-height: 1.5;border:0;}
.article h3{text-align: left;color:#ffffff;background-color: var(--bs-primary);font-size: 1.2rem;border:0;line-height: 1.5;margin-bottom:1.2rem;}
.article strong{color: var(--bs-primary);}
.article h3 strong{color: #ffffff}
.article li{list-style-type: disc;color: #2F2F2F;border:0;line-height: 1.5;}
.article ul{list-style-type: disc;padding-left:.85rem !important;}
.article video{width: 100%;height: calc(9/16 * 100%)}

.article table{margin-bottom: .5rem;border:0;width: 100%}
.article table tr{border:solid 1px rgb(221, 221, 221);line-height: 3;}
.article table tr th{color:#ffffff;background-color: var(--bs-primary);font-size: 1rem;text-align: left;border:0;}
.article table tr td{color: #2F2F2F;font-size: .85rem;background-color:#ffffff;border:solid 1px rgb(221, 221, 221);text-align: center}
.article table tr th:last-child{padding-left: 2rem;}


@media screen and (max-width: 750px) {
    .logo{margin-left: 1rem}

    /*index*/
    .banner-item{height: 210px}
    .banner-item img{object-position: center;width: 100%}
    .ding-level-item .card-header .icon{}

    .index-about video{margin-left: 0}

    .index-ad-img{min-height: 210px;object-fit: cover}

    /*product-list*/
    .product-item{min-height: auto}

    .item-article{flex-direction: column-reverse}
    .item-article .thumbnail{padding-left: 0;margin-bottom: 10px}


    /*product-detail*/
    #lc .liucheng-item{flex: 6 50%}

    /*pagination*/
    .pagination{flex-wrap: wrap}
}