/* S媒体查询 */
/* 涵盖了小屏幕手机屏幕大小 */
	@media screen and (max-width:359px){
		html {
			font-size: 52.5%;
		}
	}

	/* 涵盖了基本的手机屏幕大小 */
	@media screen and (min-width:360px) and (max-width:500px){
		html {
			font-size: 62.5%;
		}
	}

	/* 涵盖了基本的pad屏幕大小 */
	@media screen and (min-width:501px) and (max-width:959px){
		html {
			font-size: 62.5%;
		}
	}

	/* 涵盖了正常PC屏幕大小 */
	@media screen and (min-width:960px){
		html {
			font-size: 62.5%;
		}
	}
	
	@media (min-width: 1440px) {
	  .container, .container-sm, .container-md, .container-lg, .container-xl {
	    /* max-width: 1380px !important; */
	  }
	}
	
	@media (min-width: 1920px) {
	  .container, .container-sm, .container-md, .container-lg, .container-xl {
	    /* max-width: 1680px !important; */
	  }
	}

/* E媒体查询 */



/* S头部 */
.header{
	box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}
	.header .header-container{}
		.header .header-container .top{
			margin: 0 auto;
			height: 100px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			/* background-color: #007AFF; */
		}
			.header .header-container .top .top-left{
			}
			.header .header-container .top .top-left a{
				display: block;
				height: 70px;
			}
				.header .header-container .top .top-left a img{
					height: 100%;
				}
			.header .header-container .top .top-right{
				display: flex;
				align-items: center;
			}
				.header .header-container .top .top-right .icon{
					width: 30px;
					height: 30px;
					margin-right: 18px;
				}
					.header .header-container .top .top-right .icon img{
						width: 100%;
					}
				.header .header-container .top .top-right .tel{
					font-size: 26px;
					color: #545454;
					font-weight: 600;
					padding-left: 18px;
					border-left: 1px solid #D4D4D4;
					margin-right: 2rem;
				}
		.header .header-container .nav{
			border-top: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
		}
			.header .header-container .nav ul{
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				height: 66px;
			}
				.header .header-container .nav ul>li{
					background-color: #D4D4D4;
					flex: 1;
				}
				.header .header-container .nav ul>li.checked{
				}
				.header .header-container .nav ul>li.checked a{
					color: #fff;
					font-weight: 600;
					background-color: #3997FF;
				}
				.header .header-container .nav ul>li a{
					font-size: 1.6rem;
					color: #545454;
					background-color: #fff;
					display: block;
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					transition:all .4s;
					  -moz-transition:all .4s;
					  -webkit-transition:all .4s;
					  -o-transition:all .4s;
				}
				.header .header-container .nav ul>li a:hover{
					background-color: #3997FF;
					color: #fff;
					font-weight: 600;
				}
					.header .header-container .nav ul>li a>div{
						/* background-color: #545454; */
						width: 100%;
						text-align: center;
						border-right: 1px solid #D4D4D4;
					}
					.header .header-container .nav ul>li:nth-last-child(1) a>div{
						border: none;
					}
					
.weixincode{}
.weixincode .code{}
.weixincode .code img{
	display: block;
	width: 8rem;
}
.weixincode .tips{}
/* E头部 */

/* S手机端头部 */
	/* S头部 */
	.mob-header{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 88;
	}
		.mob-header .mob-header-container{
			height: 5rem;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			background-color: #979797;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		}
			.mob-header .header-logo{
				background-color: #fff;
				flex: 1;
				display: flex;
				align-items: center;
			}
				.mob-header .header-logo .logo{
					margin-left: 1.2rem;
					display: flex;
					align-items: center;
				}
					.mob-header .header-logo img{
						display: block;
						height: 4rem;
					}
			.mob-header .header-menu{
				width: 6rem;
				background-color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
			}
				.mob-header .header-menu .menu{}
					.mob-header .header-menu .menu ul{
						display: flex;
						flex-direction: column;
						justify-content: space-between;
					}
						.mob-header .header-menu .menu ul>li{
							width: 2.6rem;
							height: 0.3rem;
							background-color: #B9B8B9;
							border-radius: 1rem;
							margin-bottom: 0.5rem;
						}
						.mob-header .header-menu .menu ul>li:nth-last-of-type(1){
							margin-bottom: 0;
						}
	/* E头部 */
	
	/* S浮动导航 */
	.mobnav{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto;
		z-index: 89;
		display: none;
	}
		.mobnav .mobnav-container{
			height: 100%;
		}
			/* s底部遮罩 */
			.bottom-block{
				height: 100%;
				background-color: rgba(0,0,0,0.5);
			}
			/* e底部遮罩 */
			
			/* s顶部主菜单 */
			.main-menu{
				width: 70%;
				height: 100%;
				position: absolute;
				right: 0;
				background-color: #fff;
				z-index: 99;
			}
				/* s关闭按钮栏 */
				.main-menu .close-group{
					height: 6.2rem;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					margin-bottom: 3rem;
				}
					.main-menu .close-group .close-btn{
						width: 26px;
						height: 26px;
						margin-right: 28px;
					}
						.cha{
							width: 3rem;
							height: 3rem;
							margin: auto;
							position: relative; 
						}
						.cha::before,
						.cha::after{
							content: "";
							position: absolute;  /*方便进行定位*/
							height: 3rem;
							width: 0.3rem;
							top: 0px;
							right: 1.4rem;  /*设置top和right使图像在30*30框中居中*/
							background: #B9B8B9;
						}
						.cha::before{
						  transform: rotate(45deg);  /*进行旋转*/
						}
						.cha::after{
						  transform: rotate(-45deg);
						}
				/* e关闭按钮栏 */
				
/* s菜单栏 */
.mobnav .nav-item{}
.mobnav .nav-item li{
	margin-bottom: 2rem;
	text-align: center;
}
.mobnav .nav-item .checked{}
.mobnav .nav-item li a{
	font-size: 2rem;
	color: #333;
}
.mobnav .nav-item .checked a{
	color: #3997FF;
}
/* e菜单栏 */
				
			/* e顶部主菜单 */
	/* E浮动导航 */
/* E手机端头部 */



/* S页脚 */
.footer{}
	.footer .footer-container{
		background-color: #4A4A4A;
	}
	/* s页脚上部 */
	.footer .footer-container .footer-top{
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-top: 65px;
		padding-bottom: 58px;
		border-bottom: 1px solid #808080;
	}
		.footer .footer-container .footer-top .foot-map{
			width: 280px;
			/* background-color: #c8fff7; */
		}
			.footer .footer-container .footer-top .foot-map .title{}
			.footer .footer-container .footer-top .foot-map ul{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
			}
				.footer .footer-container .footer-top .foot-map ul>li{
					margin-bottom: 13px;
				}
					.footer .footer-container .footer-top .foot-map ul>li a{
						display: block;
						width: 124px;
						height: 38px;
						border: 1px solid #979797;
						border-radius: 8px;
						text-align: center;
						line-height: 38px;
						color: #fff;
						font-size: 14px;
					}
					.footer .footer-container .footer-top .foot-map ul>li a:hover{
						background-color: #979797;
						color: #fff;
					}
		.footer .footer-container .footer-top .foot-contact{
			width: 30%;
			/* background-color: #e8ccf3; */
		}
			.footer .footer-container .footer-top .foot-contact .title{}
			.footer .footer-container .footer-top .foot-contact ul{}
				.footer .footer-container .footer-top .foot-contact ul>li{
					display: flex;
					margin-bottom: 14px;
				}
					.footer .footer-container .footer-top .foot-contact ul>li .icon{
						width: 6px;
						height: 6px;
						border-radius: 50%;
						background-color: #9B9B9B;
						margin-top: 7px;
						margin-right: 10px;
					}
						.footer .footer-container .footer-top .foot-contact ul>li .content{
							font-size: 14px;
							color: #fff;
						}
		.footer .footer-container .footer-top .foot-code{
			width: 30%;
			/* background-color: #f4f2ab; */
			display: flex;
			flex-direction: column;
			align-items: center;
			border-left: 1px solid #CDCDCD;
		}
			.footer .footer-container .footer-top .foot-code .title{}
			.footer .footer-container .footer-top .foot-code .con{}
				.footer .footer-container .footer-top .foot-code .con .code{
					width: 116px;
					height: 116px;
					margin-bottom: 12px;
				}
					.footer .footer-container .footer-top .foot-code .con .code img{
						width: 100%;
					}
				.footer .footer-container .footer-top .foot-code .con .tips{
					text-align: center;
					color: #fff;
					font-size: 16px;
				}
				
		.footer .footer-container .footer-top .title{
			font-size: 18px;
			color: #fff;
			margin-bottom: 20px;
		}
	/* e页脚上部 */
	/* s备案 */
	.footer .footer-container .footer-bot{
		background-color: #4A4A4A;
		padding: 10px 0;
	}
			.footer .footer-container .footer-bot p{
				font-size: 14px;
				color: #fff;
				text-align: center;
			}
				.footer .footer-container .footer-bot p a{
					color: #b9f3ff;
				}
	/* e备案 */
/* E页脚 */

/* S页脚-响应式 */
@media (max-width: 991.98px) {
	.footer .footer-container .footer-top{
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer .footer-container .footer-top .foot-map{
		width: 100%;
	}
	.footer .footer-container .footer-top .foot-contact{
		width: 100%;
	}
	.footer .footer-container .footer-top .foot-code{
		width: 100%;
		border-left: none;
	}
	.footer .footer-container .footer-top .foot-map ul>li{
		width: 48%;
	}
	.footer .footer-container .footer-top .foot-map ul>li a{
		width: 100%;
	}
	.footer .footer-container .footer-top .title{
		text-align: center;
	}
}
/* E页脚-响应式 */


/* S 栏目页banner */
.cate-banner{
	background-position: center;
	background-size: cover;
	height: 266px;
	max-width: 1920px;
	margin: 0 auto;
}
/* E 栏目页banner */

/* S 栏目页banner-响应式 */
@media (max-width: 991.98px) {
	.cate-banner{
		padding-top: 5rem;
		height: 100px;
		box-sizing: content-box;
	}
}
/* E 栏目页banner-响应式 */


/* S 栏目页内容 */
.content{}
	.content .content-container{
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding-top: 28px;
		padding-bottom: 60px;
	}
	/* s左侧栏目导航 */
		.content .content-container .left{
			width: 260px;
		}
			.content .content-container .left .left-title{
				background-color: #3997FF;
				height: 90px;
				color: #fff;
				display: flex;
				align-items: center;
				font-weight: 600;
				margin-bottom: 20px;
			}
				.content .content-container .left .left-title .icon{
					width: 37px;
					height: 39px;
					margin-left: 18px;
					margin-right: 10px;
				}
					.content .content-container .left .left-title .icon img{
						width: 100%;
					}
				.content .content-container .left .left-title .tit{}
					.content .content-container .left .left-title .tit p{
						font-size: 2rem;
					}
					.content .content-container .left .left-title .tit h5{
						font-size: 1.6rem;
					}
			.content .content-container .left .left-nav{
				background-color: #F7F7F9;
				border: 1px solid #CBCBCB;
			}
				.content .content-container .left .left-nav ul{}
				
				.content .content-container .left .left-nav ul>li.active a{
					color: #3997FF;
				}
					.content .content-container .left .left-nav ul>li a{
						display: block;
						width: 100%;
						padding: 10px 25px;
						box-sizing: border-box;
						background-color: #fff;
					}
					
.left-product{}
.left-product-con{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.sider-icon{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	transform: translate(0,-50%);
}
.leftnav-item{
	border-bottom: 1px solid #CBCBCB;
}
.leftnav-item:nth-last-child(1){
	border-bottom: none;
}
.leftnav-item a{
	font-size: 14px;
	color: #545454;
}
.leftmenu-list{
	padding: 20px;
}
.leftmenu-item{
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
.leftmenu-item:nth-last-child(1){
	margin-bottom: 0;
}
.two-list{}
.two-item{
	border-bottom: 1px solid #CBCBCB;
	position: relative;
}
.two-item a{
	font-size: 14px;
	font-weight: bold;
	color: #999;
}
.three-list{}
.three-item{
	border-bottom: 1px solid #CBCBCB;
}
.three-item:nth-last-child(1){
	border-bottom: none;
}
.three-item a{
	font-size: 14px;
	color: #545454;
	padding-left: 40px !important;
}
					
					.content .content-container .left .left-nav ul>li a:hover{
						background-color: #3997FF;
						color: #fff;
					}
			.content .content-container .left .left-links{}
				.content .content-container .left .left-links ul{}
					.content .content-container .left .left-links ul>li.links-item{
						width: 100%;
						height: 146px;
						position: relative;
						margin-bottom: 16px;
						overflow:hidden;
					}
						.content .content-container .left .left-links ul>li.links-item .bot-zhezhao{
							width: 100%;
							height: 26px;
							font-size: 12px;
							color: #fff;
							background-color: rgba(0,0,0,0.3);
							position: absolute;
							bottom: 0;
							line-height: 26px;
							padding-left: 10px;
							box-sizing: border-box;
							z-index: 9;
						}
						.content .content-container .left .left-links ul>li.links-item .pic{
							width: 100%;
							height: 146px;
						}
							.content .content-container .left .left-links ul>li.links-item .pic a{
								display: flex;
								justify-content: center;
								height: 100%;
								overflow:hidden;
							}
								.content .content-container .left .left-links ul>li.links-item .pic a img{
									height: 100%;
									transition:all .4s;
									  -moz-transition:all .4s;
									  -webkit-transition:all .4s;
									  -o-transition:all .4s;
								}
								.content .content-container .left .left-links ul>li.links-item .pic a img:hover{
									  transform:scale(1.2);
								}
	/* e左侧栏目导航 */
	
	/* s右侧内容区 */
		.content .content-container .right{
			width: 74%;
		}
			.content .content-container .right .right-title{
				display: flex;
				justify-content: space-between;
				margin-bottom: 30px;
			}
				.content .content-container .right .right-title .catetitle{
					font-size: 16px;
					font-weight: 600;
					color: #545454;
					padding-bottom: 10px;
					border-bottom: 3px solid #3997FF;
				}
				.content .content-container .right .right-title .crumbs{
					flex: 1;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					padding-bottom: 10px;
					border-bottom: 1px solid #9B9B9B;
					font-size: 14px;
				}
					.content .content-container .right .right-title .crumbs .homeicon{
						width: 16px;
						height: 16px;
						margin-right: 4px;
					}
						.content .content-container .right .right-title .crumbs .homeicon img{
							width: 100%;
						}
					.content .content-container .right .right-title .crumbs>p{
						display: flex;
						align-items: center;
					}
						.content .content-container .right .right-title .crumbs>p span{
							color: #5e5e5e;
							margin-right: 10px;
						}
							.content .content-container .right .right-title .crumbs>p a{
								color: #5e5e5e;
							}
							.content .content-container .right .right-title .crumbs>p span.now{
								display: inline-block;
								max-width: 200px;
								 overflow: hidden;
								  text-overflow: ellipsis;
								  white-space: nowrap;
							}
			
			/* s分页 */
			#pages{
				display: flex;
				justify-content: flex-end;
			}
				#pages li{
					height: 32px;
					border: 1px solid #9B9B9B;
					text-align: center;
					line-height: 32px;
					font-size: 14px;
					display: flex;
					margin-left: 10px;
				}
				#pages li.disabled{
					color: #9d9f9f;
				}
				#pages li.active{
					font-weight: 600;
					background-color: #3997FF;
					border: 1px solid #3997FF;
					color: #fff;
				}
					#pages li span{
						padding: 0 12px;
					}
					#pages li a{
						padding: 0 12px;
						display: block;
						width: 100%;
						height: 32px;
						color: #4A4A4A;
					}
					#pages li a:hover{
						background-color: #3997FF;
						color: #fff;
					}
			/* e分页 */
	/* e右侧内容区 */
/* E 栏目页内容 */

/* S 栏目页内容-响应式 */
@media (max-width: 991.98px) {
	.content .content-container{
		padding-top: 16px;
		flex-direction: column;
	}
	.content .content-container .left{
		width: 100%;
		margin-bottom: 2rem;
	}
	.content .content-container .left .left-title{
		height: 50px;
		margin-bottom: 0;
	}
	.content .content-container .left .left-title .tit p{
		font-size: 1.4rem;
	}
	.content .content-container .left .left-title .tit h5{
		font-size: 1.2rem;
	}
	.content .content-container .left .left-nav ul.three-list{
		display: flex;
		flex-wrap: wrap;
		background-color: #fff;
	}
	.three-item{
		border-bottom: none;
		width: 30%;
	}
	.three-item a{
		padding-left: 20px !important;
	}
	.leftmenu-list{
		padding: 0;
	}
	.leftmenu-item{
		border: none;
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
	}
	.content .content-container .left .left-nav ul>li a{
		padding: 2px 5px;
	}
	.two-item{
		border-bottom: 1px solid #eee;
	}
	.content .content-container .right{
		width: 100%;
	}
	
}
/* E 栏目页内容-响应式 */


/* S详情页 */
	/* s内容 */
	.show{
		margin-bottom: 2rem;
	}
		.show .show-container{
			overflow: hidden;
		}
			.show .show-container .tit{
				margin-bottom: 50px;
			}
				.show .show-container .tit h1{
					width: 60%;
					margin: 0 auto;
					font-size: 20px;
					color: #545454;
					font-weight: 600;
					text-align: center;
					margin-bottom: 12px;
				}
				.show .show-container .tit .info-group{}
					.show .show-container .tit .info-group ul{
						display: flex;
						justify-content: center;
					}
						.show .show-container .tit .info-group ul>li{
							font-size: 12px;
							color: #4a4a4a;
							margin-right: 10px;
						}
							.show .show-container .tit .info-group ul>li span{
								color: #696969;
							}
			
			.show .show-container p{
				font-size: 14px;
				color: #4a4a4a;
			}
			.show .show-container h5{
				font-size: 14px;
				color: #007AFF;
			}
	/* e内容 */
	
	/* s 上下页 */
	.prevnext{}
	.prevnext a{
		font-size: 1.4rem;
	}
	.prevnext .prev{
		margin-bottom: 1rem;
	}
	.prevnext .prev a{}
	.prevnext .next{}
	.prevnext .next a{}
	/* e 上下页 */
/* E详情页 */


/* S通用组件 */
	/* s置顶按钮 */
	.top_stick{}
	/* e置顶按钮 */
	/* s置顶按钮-响应式 */
	@media (max-width: 991.98px) {
		.top_stick{
			right: 0 !important;
		}
	}
	/* e置顶按钮-响应式 */
/* E通用组件 */