/*通用样式*/
:root{
    --bs-bg-color:#EEF2FE;
    --bs-bg-pro-color:#F7F6FF;
    --bs-primary: #015FFF;
    --bs-bg-radial-gradient:radial-gradient(#E2F4FF 0%, #ECE9FF 56%, #F2F7FF 100%)
}

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

.nav-link:focus,.nav-link:hover,.nav-link.active,.nav-link.show,.nav-link.show:after{color: var(--bs-primary)!important;}

.dropdown-menu{background-color: #FFFFFF;border: 0}
.bg-primary{background-color: var(--bs-primary) !important;}
.bg-base{background-color: var(--bs-bg-color) !important;}
.bg-base-radial-gradient{background: var(--bs-bg-radial-gradient);}

.bg-primary a:hover,.bg-primary a:focus{color: #FFFFFF !important;}
.dropdown-item:focus, .dropdown-item:hover{background-color: var(--bs-primary);color: #FFFFFF !important;}

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

.border-primary{border-color: var(--bs-primary) !important}
.text-bg-primary,.text-bg-primary:focus,.text-bg-primary:hover,.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color: var(--bs-primary) !important;color: #FFFFFF !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-18{font-size: 18px}
.fs-24{font-size: 24px}

.lh-2{line-height: 2}

.text-gray{color: var(--bs-gray)}
.text-primary{color: var(--bs-primary) !important;}

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

.title_gap{margin: 0 5px 0 0;width: 5px;height: 1.25rem;background: var(--bs-primary);opacity: 1;border: none}

/*header*/
header {height: 60px;background: var(--bs-bg-color)}
header h1{padding: 0;margin: 0;width: auto}
header .logo{display: flex;align-items: center;margin-right: 10px;color: var(--bs-primary) !important;font-size: 1.5rem}

header .nav-link{font-weight: bold}

header button {border: 0 !important;}
header button:focus{box-shadow: none !important;}
header .dropdown-menu{background: var(--bs-bg-color)}

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

.index-hot-list{}
.index-hot-list-item{padding: 2rem 1.5rem;height: 100%;}
.index-hot-list-item:hover{background: var(--bs-bg-color);}
.index-hot-list-item img{margin-bottom: 1rem;width: 32px}
.index-hot-list-item h3{font-size: 1.5rem;font-weight: 800;margin-bottom: 1rem}

.index-product-nav .nav-link{display: flex}
.index-product-nav .nav-link span{font-size: 1.25rem;font-weight: 800;padding-bottom: 1rem;}
.index-product-nav .nav-link.active span{border-bottom: 4px solid var(--bs-primary)}
@media (min-width: 768px) {
    .index-product-nav {background: var(--bs-bg-pro-color);height: 100%;}
    .index-product-nav .nav-link{padding: 1.5rem}
}
.index-product-item{padding: 2rem 1rem;height: 100%;}
.index-product-item.active{background: var(--bs-bg-color);}

.index-agent-list{}
.index-agent-list-item{height: 100%;padding: 1.5rem;display: flex;flex-direction: column;justify-content: space-between}
.index-agent-list-item h3{font-size: 1.5rem;font-weight: 800;margin-bottom: 1rem}
.index-agent-list-item p{font-size: .75rem;margin-bottom: 1rem}
.index-agent-list-item .btn{width: 35%;border-radius: 0;font-size: 1rem;margin-top: 1rem;}
.index-agent-list-item-bg-66{background: url("../images/index-66.png") no-repeat center center;background-size: cover}
.index-agent-list-item-bg-67{background: url("../images/index-67.png") no-repeat center center;background-size: cover}
.index-agent-list-item-bg-68{background: url("../images/index-68.png") no-repeat center center;background-size: cover}
.index-agent-list-item-bg-69{background: url("../images/index-69.png") no-repeat center center;background-size: cover}

.index-app-list{}
.index-app-list .nav .nav-item .nav-link.active{background: var(--bs-primary) !important;border-radius: 5px;color: var(--bs-white) !important;}
.news-hot-list li .list-dot:before{display: inline-block;width: 24px;height: 24px;background-size: contain;background-repeat: no-repeat;margin-right: 5px;vertical-align: middle;text-align: center;color: var(--bs-primary);font-weight: 800}
.news-hot-list li:nth-child(1) .list-dot:before {background-image: url("../images/hot-1.png");content: ""}
.news-hot-list li:nth-child(2) .list-dot:before {background-image: url("../images/hot-2.png");content: ""}
.news-hot-list li:nth-child(3) .list-dot:before {background-image: url("../images/hot-3.png");content: ""}
.news-hot-list li:nth-child(4) .list-dot:before {content: "4";}
.news-hot-list li:nth-child(5) .list-dot:before {content: "5";}
.news-hot-list li:nth-child(6) .list-dot:before {content: "6";}
.news-hot-list li:nth-child(7) .list-dot:before {content: "7";}
.news-hot-list li:nth-child(8) .list-dot:before {content: "8";}
.news-hot-list li:nth-child(9) .list-dot:before {content: "9";}
.news-hot-list li:nth-child(10) .list-dot:before {content: "10";}

/*page-about*/
.about-header-bg{background: url("../images/about/about-1.png") no-repeat center center;background-size: cover;}
.about-why-bg{background: url("../images/about/about-2.png") no-repeat center center;background-size: cover}
.about-why img{width: 24px;margin-right: 10px}
.about-why h3{margin-bottom: 0 !important;}
.about-yh-item{background: radial-gradient(#F1F5FF 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;padding: 1.5rem}
.about-yh-item h3{color: var(--bs-primary)}
.about-yh-item .col-4{text-align: center}
.about-yh-item .col-4 img{max-height: 120px}

/*product-item*/
.product-item{display: flex;flex-direction: column;padding: .5rem;background: var(--bs-white);color: var(--bs-primary);border-top: 2px solid var(--bs-primary);border-bottom: 2px solid var(--bs-primary);}
.product-item:hover{background: var(--bs-bg-color);color: var(--bs-primary) !important;}

.product-item .category span{font-size: .85rem;padding: .25rem;font-weight: bold; color: var(--bs-primary); border: 1px solid var(--bs-primary);}
.product-item .title{font-size: 1.25rem;font-weight: 800;}
.product-item .price{font-size: 2rem;font-weight: 800; }
.product-item .tag-list {display: flex;margin-bottom: 1rem}
.product-item .tag-list .tag-item{font-size: .85rem;padding: .15rem; border: 1px solid var(--bs-primary);color: var(--bs-primary)}
.product-item .short-desc{font-size: .85rem;color:var(--bs-gray);min-height: 4rem}

/*新闻样式1*/
.news_tab {}
.news_tab .left {display: flex;flex-direction: column;padding:0 10px;justify-content: space-between}
.news_tab .left .head{display: flex;justify-content: flex-start;height: 250px}
.news_tab .left .head .title {position: absolute;display: none;left: 0;bottom: 0;overflow: hidden;background-color: rgba(0,0,0,0.5);padding: 0 10px;margin: 0;width: 100%;text-align: center;color: #fff;font-weight: 500;font-size: 16px;}
.news_tab .left .head .img1 {flex: 5;border-radius: 10px; position: relative}
.news_tab .left .head .img1 img{height: 250px;width: 100%}
.news_tab .left .head .img1:hover .title {display: block;}
.news_tab .left .head .img2 {flex: 3;margin-left: 10px;display: flex;flex-direction: column}
.news_tab .left .head .img2 .item {border-radius: 10px;position: relative;flex: 6}
.news_tab .left .head .img2 img {height: 125px;width: 100%}
.news_tab .left .head .img2 .item:hover .title {display: block;font-size: 14px;}
.news_tab .left .news {padding: 0 20px;background: #F4F5F9;box-shadow: 0 0 5px #F6F6F6;display: flex;flex-direction: column}
.news_tab .left .news .item {border-bottom: 1px dashed #DCDCDC;padding-top: 20px;position: relative}
.news_tab .left .news .item:last-child{border: none}
.news_tab .left .news .item .title {font-weight: 500;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_tab .left .news .item .title:hover {color: #ff6a00;}
.news_tab .left .news .item .desc {display: flex;margin: 10px 0}
.news_tab .left .news .item .desc .time,.news_tab .left .news .item .desc i {font-size: 12px;color: #999;margin-right: 10px}
.news_tab .right {display: flex;flex-direction: column;}
.news_tab .right .top {flex: 3; display: flex;justify-content: space-between;border-radius: 10px;box-shadow: 0 0 0 5px #F6F6F6;padding: 20px;overflow: hidden;}
.news_tab .right .top .img{position: relative}
.news_tab .right .top .img:nth-child(2){margin-left: 10px}
.news_tab .right .top .img img{height: 100%;width: 100%;}
.news_tab .right .top .img .title {position: absolute;display: none;left: 0;bottom: 0;overflow: hidden;background-color: rgba(0,0,0,0.5);padding: 0 10px;margin: 0;width: 100%;text-align: center;color: #fff;font-weight: 500;font-size: 16px;}
.news_tab .right .top .img:hover .title {display: block;}
.news_tab .right .mid {margin: .5rem 0;padding-left: 0;display: flex;flex-direction: column}
.news_tab .right .btm{margin-top: .5rem;display: flex;flex-direction: column}
.news_tab .right .btm .news-item{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #DCDCDC;padding: 5px 0}
.news_tab .right .btm .news-item:last-child{border: none}
.news_tab .right .btm .news-item .pic {flex: 4;border-radius: 10px;}
.news_tab .right .btm .news-item .pic img{height: 110px;width: 100%}
.news_tab .right .btm .news-item .date {flex: 2;display: flex;flex-direction: column;margin-left: 1rem;text-align: center}
.news_tab .right .btm .news-item .info {flex: 6;margin-left: 1rem;max-width: 275px}
.news_tab .right .btm .news-item .info p{font-size: 16px;;font-weight:500;line-height: 24px;height: 24px;overflow: hidden}
.news_tab .right .btm .news-item .info span{display: block;width: 100%;font-size: 12px;line-height: 18px;height: 53px;overflow: hidden}

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

/*产品详情*/
.nav-tabs-product{border-bottom-color: var(--bs-primary)}
.nav-tabs-product .nav-link.active,.nav-tabs-product .nav-link:hover{background-color: var(--bs-primary);color: var(--bs-white) !important;}
#xq img{width: 100%}
#lc .liucheng-item{flex: 4 25%;display: flex;flex-direction: column;align-items: center;position: relative;margin: 6rem 0 3rem;padding: 40px 10px 16px;box-shadow: 0 0 10px 0 #F6F6F6;border-radius: 5px;text-align: center;}
#lc .liucheng-item img{width: 100px;position: absolute;top: -70px}
@media screen and (max-width: 1200px){#xq {overflow-x: auto}#xq thead{font-size: 24px;height: 90px;line-height: 90px}#xq th:nth-of-type(2) {width: 40%}#xq td {height: 80px;line-height: 2;font-size: 16px}}

/*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 table{margin-bottom: .5rem;border:0;}
.article table tr{border:0;}
.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:0;}
.article table tr td:last-child,.markdown table tr th:last-child{width: 860px;}
.article table tr th:last-child{padding-left: 2rem;}
.article table tr td:first-child,.markdown table tr th:first-child{width: 2rem;padding-right: 0;}
.article strong{color: var(--bs-primary);}
.article h3 strong{color: #FFFFFF;}
.article li{list-style-type: disc;color: #2F2F2F;font-size: 14px;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%)}

/*分页样式*/
.pagination{margin: 1rem 0;display: flex;justify-content: center}
.pagination .page-item .page-link{color: var(--bs-primary)}
.pagination .page-item.active .page-link{background-color: var(--bs-primary);border-color: var(--bs-primary);color: #FFF !important;}

@media screen and (max-width: 750px) {.logo{margin-left: 1rem}
    /*index*/
    .banner-item{height: 180px}
    .banner-item img{object-position: center}
    .ding-level-item .card-header .icon{}
    /*ding-level*/
    .ding-level-item{height: auto;margin-bottom: 1rem}
    .index-case-list .case-item a{width: 20rem}
    .index-case-list .case-item a img{height: 150px}
    .index-ad-img{min-height: 210px;object-fit: cover}
    /*product-list*/
    .product-item{min-height: auto}
    /*case-list*/
    .case-item img{height: auto}
    /*product-detail*/
    #lc .liucheng-item{flex: 6 50%}
    /*pagination*/
    .pagination{flex-wrap: wrap}
}