/*通用样式*/
:root{--bs-primary: #ff6a00}

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-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}
.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-top {width: 100%;height: 40px;font-size: 1rem;line-height: 40px;}
.header-top span,.header-top a{padding:0 5px;border-right: 1px solid #000}
.header-top span:last-child,.header-top a:last-child{padding-right: 0;border-right: 0}

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

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

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}

/*product-item*/
.product-item {display: flex;flex-direction: column;border-top: 5px solid var(--bs-primary);background-color: #FAFAFA;padding: 1rem;min-height:20rem;height:20rem;overflow: hidden;transition: height .3s}
.product-item:hover{height: auto}
.product-item p {margin: 0 !important;}
.product-item .item-info{display: flex;justify-content: space-between;align-items: center;font-size: .85rem;margin: 1rem 0}
.product-item .item-info:last-of-type{margin-bottom: 0}
.product-item .item-info .cat{font-size: .85rem;font-weight: bold}
.product-item .item-info span{padding: 3px 6px;color: #ff6a00;border: 1px solid #ff6a00;font-size: .75rem;display: inline;white-space: nowrap}
.product-item .item-info.title{font-size: 1.5rem !important;font-weight: 800;}
.product-item .item-info.price{font-size: 2.5rem;color: #ff6a00}
.product-item .item-info.unit{font-size: .75rem;color: #ff6a00;margin-bottom: 1rem !important}
.product-item .item-info.short-desc{font-size: .75rem;color: #ff6a00;border-top: solid 1px #e2e2e2;padding-top: 1rem}
.product-item .item-info.sale-desc{font-size: .75rem;flex-wrap: wrap}
.product-item .item-info.sale-desc li{margin-bottom: 1rem}


/*新闻样式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);}

/*产品详情*/
#xq table{border: 1px solid #ff8c1f;border-radius: 10px;width: 100%}
#xq thead{font-size: 36px;font-weight: 600;text-align: center;height: 140px;background: #F6F6F6;line-height: 140px;}
#xq th:nth-of-type(2) {color: #fff;width: 341px;background: #ff8c1f;}
#xq td {text-align: center;height: 116px;line-height: 116px;font-size: 28px;font-weight: 500;}
#lc .liucheng-item{flex: 4 33%;display: flex;flex-direction: column;align-items: center;position: relative;margin: 3rem 0;padding: 40px 10px 16px;box-shadow: 0 0 10px 0 #F6F6F6;border-radius: 5px;text-align: center}
#lc .liucheng-item img{width: 64px;height: 64px;position: absolute;top: -32px}
@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: #ff6a00}
.pagination .page-item.active .page-link{background-color: #ff6a00;border-color: #ff6a00;color: #FFF !important;}

@media screen and (min-width: 1200px) {
    .index-about video{margin-left: -100px}
}

@media screen and (max-width: 1300px) {
    /*about*/
    .about{position: static !important;}
    .about img{display: none !important;}
    .about-desc{position: static;width: 100%;padding: 1rem}
}
@media screen and (max-width: 900px){
    .header-top{display: none}
}

@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-about video{margin-left: 0}

    .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}


}