:root {
	--bs-blue: #0046aa;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #1D5595;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #0a73ce;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 0,70,170;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 231,119,23;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #212529;
	--bs-link-hover-color: #333333;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

/* 主键按钮 */
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
}

/* 按钮警告参数 */
.btn-warning {
    --bs-btn-bg: var(--bs-blue);
    --bs-btn-border-color: var(--bs-blue);
	--bs-btn-hover-bg: var(--bs-warning);
	--bs-btn-hover-border-color: var(--bs-warning);
	--bs-btn-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-white);
}
/* 后补参数 */
.btm_line{ border-bottom:1px solid #e6e6e6;}
.top_line{ border-top:1px solid #e6e6e6;}
.dropdown-menu{
	border-radius: 0;
	background-color: #ffffff;
	Box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border: 1px solid #ffffff;
}
.breadcrumb{
--bs-breadcrumb-margin-bottom: 0rem;	
	
}
.main_bg{ background-color:#ffffff;Box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.main_pt10{ padding-top:10px; }
.main_pt20{ padding-top:20px; }
.form-control{border: 1px solid #ced4da;outline-style:none;outline-color:#0046aa;}
.form-control:hover{border: 1px solid #0046aa;}
.form-control:focus{border: 1px solid #0046aa;}
.box_show{Box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);background-color:#ffffff;}
.main_bg_w{background-color:#ffffff;}
/*.container{
	--bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}*/
.m-1-1 {
    margin: 0.05rem !important;
}
.card{
	background-color:#ffffff;
	border: 1px solid #eef0f2;border-radius:0px;
}
.card02{
	background-color:#ffffff;Box-shadow: 0 0 15px 
	border: 1px solid #eef0f2;
}
.card02:hover{Box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);transition:all 1s;}
.card-img, .card-img-top{border-radius:0px;}
.card-header{font-size: 20px; border-radius:0px;border-bottom:0px;background-color:#0046aa;color:#FFFFFF;}
.card-header:first-child{border-radius:0px;}
.list-group-item.active{
	background-color:#ececec;border-bottom-color:#ececec;border-top: 0px;
    }
.list-group-item{
	border-bottom: 1px dashed #ececec;
	border-width: 0px;
}
.card > .list-group:last-child{
	    border-bottom-width: 0;
     border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.foot_bg{ background-color: #f8f9fa; border-top:1px solid #dee2e6;}
.foot_bg hr{
	margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid #dddddd;
    opacity: 0.25;
}
.badge{
	
	--bs-badge-color: #666;
}
.page-item:first-child .page-link{
	   border-top-left-radius:0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.list-group-item02 {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.bg-none{background: none !important;}
.border-left-0 {
    border-left: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.with_60{ width: 60%;}
#code_products_content{ width: 60%; margin-left: auto; margin-right: auto;}

@media only screen and（max-width：1024px）{
	
	.center_div{ display：none; } 
	#code_products_content{width: 100%; }
	
	
}
@media only screen and（max-width：768px）{
	
#code_products_content{ width: 100%; margin-left: auto; margin-right: auto;}	
}


/* 列表组样式参数 */
.list-group {
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
}

/* 分页变量参数 */
.pagination {
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-active-bg: #0046aa;
	--bs-pagination-active-border-color: #0046aa;
}


a{
	text-decoration:none;
}

input{
	outline:none;
}


header .logo{
	width:auto;
	height:auto;
}

header .nav a.nav-link{
	color:var(--bs-white);
}

.avatar{
	width:50px;
	height:50px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.avatar-small{
	width:26px;
	height:26px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.bg-default{
	background-image:url('../images/bg02.jpg');
 background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.form-control:focus{
	box-shadow:none;
	border-color:inherit;
}

.form-group{
	margin-bottom:1rem;
}

.hand{
	cursor: pointer;
}

.list-group-item.active a{
	color:#de0000; font-weight:bold ;
}

/* 单行省略号 */
.text-1 {
	-webkit-line-clamp: 1;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:24px;
}

/* 两行省略号 */
.text-2 {
	-webkit-line-clamp: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:48px;
}

/* 三行省略号 */
.text-3 {
	-webkit-line-clamp: 3;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:72px;
}


/* 计数器 开始 */
.numbers{
	list-style:none;
	margin:0;
	padding:0;
}
.numbers li{
	position: relative;
	color:#1B1B1B;
	text-align:center;
}
.numbers li .count{
	font-size:60px;
	font-weight:400;
}
.numbers li sup{
	vertical-align: top;
	font-size:30px;
	top:0.5em;
}
.numbers li .title{
	color:#525252;
	font-size:20px;
}
/* 计数器 结束 */

/* 筛选器 */
.filter .active{
	font-weight:bold;
	color:darkred;
}
/* 筛选器 结束 */

/* 通用内容区 开始 */
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content img{
	max-width:100% !important;
	height:auto;
}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;margin:auto;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}
/* 通用内容区 结束 */


/* 管理员回复评论信息 开始 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
	background:#fff;
	box-shadow:2px 2px #ddd;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 1em;
	font-size:0.8em;
	margin-left:2em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}
/* 管理员回复评论信息 结束 */

.nav .nav-link.active{
	background:#0046aa;
	color:var(--bs-white);
}
.width_16{
	width:16px;
	height:16px;
}

/* 在线客服 */
.kfonline{
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index: 999999;
}

.kfonline .card-header{
	cursor: pointer;
}

.kfonline-icon{
	width:40px;
	height:40px;
	cursor: pointer;
	color:var(--bs-white);
	border:1px solid var(--bs-white);
	line-height:36px;
	text-align:center;
	background:var(--bs-primary);
	margin-top:-4px;
	position:relative;
}
.kfonline-icon.cart sup{
	position:absolute;
	top:2px;
	right:2px;
	font-size:60%;
}
.kfonline-icon.weixin div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
	width:120px;
}
.kfonline-icon.weixin div img{
	width:100%;
}
.kfonline-icon.weixin:hover div{
	display: block;
}

.kfonline-icon.tel div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
}

.kfonline-icon.tel:hover div{
	display: block;
}

.kfonline-icon a .fa{
	color:var(--white);
}

.kfonline-icon.toTop{
	
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#0046aa;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#005ada;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:200px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:10px 10px 10px;}
.suspension .d-service-item{padding:10px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:100px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:120px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; margin:0;
    padding:0;
}
.suspension .d-service-item .text .red {
    color: #ff0000!important;
}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .qrcode-img img{width:160px;height:auto;}