/*头部*/
img{
	align-items: center;
	vertical-align: middle;
}

nav ul li a {
	color: #ffffff;
	text-decoration: none;
}
.nav-scroll {
	color: #ffffff;
	background-color: rgba(13, 14, 18);
}

.topbox{
	height:6rem;
}
.logo-height{
	height: 50px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding:2.2rem 2.3rem;
	font-size: 16px;
}
.navbar-expand-lg .navbar-nav .nav-ico {
	padding:2rem 1rem;
	font-size: 36px;
	line-height: 80px!important;
}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}
.search-box{
	padding:1.5rem;
}
.home-search{
	width: 280px;
	right: 0 !important;
}
.scrollableDiv {
	position: -webkit-sticky; /* 对于 Safari */
	position: sticky;
	top:86px; /* 距离顶部200px时固定 */
	background-color: white; /* 背景颜色 */
	z-index: 10; /* 确保在其他内容之上 */
}
.dqwz{
	position: -webkit-sticky; /* 对于 Safari */
	position: sticky;
	top:154px; /* 距离顶部200px时固定 */
	background-color: white; /* 背景颜色 */
	z-index: 10; /* 确保在其他内容之上 */
}
.showdqwz{
	position: -webkit-sticky; /* 对于 Safari */
	position: sticky;
	top:86px; /* 距离顶部200px时固定 */
	background-color: white; /* 背景颜色 */
	z-index: 100; /* 确保在其他内容之上 */
}

/*精选推荐*/
.entitle-bg{
	background: rgb(0,0,0,.6);
	border-radius: .6rem;
}

/*我们的优势*/
.youshi-bg{
	background: #e6e6e6;
	min-height: 340px;
}
.youshi-bg:hover{
	background: #fe9e40;
	color: #ffffff;
}

/*适用项目*/
.syxm{
	min-height: 560px;
	position: relative;
}
.syxm-title{
	width: 20px;
}
.syxm-btn{
	position: absolute;
	width: 50%;
	bottom: 20px;
	transform: translateX(45%);
	background: rgb(0,0,0,.6);
	border-radius: .6rem;
}

/*使用场景*/
.sycj-bg{
	background: rgb(0,0,0,.6); 
}


/*产品系列*/
.pic-h{
	height:5rem;
}
.home-picbox{
	overflow:hidden;
}
.home-pic:hover{
	transform:scale(1.1);
	transition: all 1s;
}
.pictext{
	background: #666db3;
}
.piclist{
	border-right: 1px solid #f0f0f0;
}


/*关于我们*/
.about-numbg{
	background:url(../images/about-numbg.jpg);
	background-size: cover;
}
.about-num:hover{
	background-color:rgb(49,113,185,.6);
}

/*技术支持*/
.jishu{

}
.jishu:hover{
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.xiazai{
	text-align: right;
}

/* 热门套装 */
.home-picbox{
	overflow:hidden;
	border-bottom:5px solid #dcdcdc;
}
.home-picbox:hover{
	border-bottom:5px solid #fe9e40;
}
.home-pic:hover{
	transform:scale(1.1);
	transition: all 1s;
}

.media-img{position:relative;}
.media-img .mask{opacity:100%;z-index:3;background-color:rgb(0,0,0,.5);width:55%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.media-img .mask .subtitle{padding:20px}

.taozhuang-line{
	width:25px;
	border-bottom: 3px solid #fe9e40;
}
.tztedian{
	font-size: .85rem;
}

.tzbg{
	overflow:hidden;
	background: #e0b68c !important;
}
.tzbg2{
	overflow:hidden;
	background: #b6b6b6 !important;
}

.tzbox{
	overflow: hidden;
}
.tzbox:hover img{
	transform:scale(1.1);
	transition: all 1s;
}

.tzbox .tztitle{
	background: #e6e6e6;
}
.tzbox:hover .tztitle{
	background: #fe9e40;
	color: #ffffff;
}


/*新闻*/
.news-ico{
	width: 100%;
	height: 452px;
}

/*底部*/
.footerbg{
	background: #242830;
}
.mapbg{
	background: url(../images/mapbg.png) no-repeat;
}
.footer-line{
	width:25px;
	border-bottom: 3px solid #ffffff;
}
.copyright{
	background: #242730;
	border-top: 1px solid #646464;
}



/*内页*/
.banner{
	height: 500px;
}
.content img{
	max-width: 100%;
}
.content table tr td{
	border:1px solid #646464;
	padding:3px 10px;
}

@media (max-width:1200px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding:2.2rem 1.2rem;
		font-size: 16px;
	}
	.tztedian{
		font-size: .7rem;
	}

}

@media (max-width:1024px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding:2.2rem 1.2rem;
		font-size: 16px;
	}
	.tztedian{
		font-size: .85rem;
	}

	/*适用项目*/
	.syxm{
		min-height: 460px;
		position: relative;
	}

	.p-7 {
		padding: 2rem!important
	}
	.pt-7, .py-7 {
		padding-top: 2rem!important
	}
	.pr-7, .px-7 {
		padding-right: 2rem!important
	}
	.pb-7, .py-7 {
		padding-bottom: 2rem!important
	}
	.pl-7, .px-7 {
		padding-left: 2rem!important
	}

}

@media (max-width:768px){
	.shadow-sm {
		background:#000000!important;
	}
 	.wapnone{
		display: none;
	}
	.no-pleft{
		padding-left:10px;
	}
	.no-pright{
		padding-right: 10px;
	}
	.logo-height{
		margin: .4rem 0;
		height: 35px;
	}
	.banner{
		height:220px;
	}
	
	.scrollableDiv {
		top:53px; 
	}
	.dqwz{
		top:90px; 
	}
	.showdqwz{
		top:53px;
	}

	.wapbtn{
		width: 100% !important;
	}
	.topbox{
		height: 4.5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding:1rem;
		font-size: 16px;
	}
	.headerbox {
		width: 100%;
	}
	.dropdown-menu {
		width: 100%;
	}

	/*我们的优势*/
	.youshi-bg{
		min-height: 180px;
	}

	/*适用项目*/
	.syxm{
		min-height:260px;
	}
	.syxm-btn{
		position: absolute;
		width:85%;
		bottom: 20px;
		transform: translateX(-5%);
	}

	/*技术支持*/
	.xiazai{
		text-align: left!important;
	}
	
	.shuomingshu{
		width: 100%;
	}

	/*在线咨询*/
	.message-title {
		color: #ffffff!important
	}
	a.message-title:focus, a.message-title:hover {
		color: #ffffff!important
	}
	

	.wap-footnav{
		background:#fe9e40!important;
	}
	
	.news-ico{
		width: 100%;
		height: auto;
	}
	.contactbg{
		padding: 80px 0px 0px 0px;
	}

	.top-p{
		height: 60px;
	}

	.m-5 {
		margin: 1.5rem!important
	}
	.mt-5, .my-5 {
		margin-top: 1.5rem!important
	}
	.mr-5, .mx-5 {
		margin-right: 1.5rem!important
	}
	.mb-5, .my-5 {
		margin-bottom: 1.5rem!important
	}
	.ml-5, .mx-5 {
		margin-left: 1.5rem!important
	}

	.p-5 {
		padding: 1.5rem!important
	}
	.pt-5, .py-5 {
		padding-top: 1.5rem!important
	}
	.pr-5, .px-5 {
		padding-right: 1.5rem!important
	}
	.pb-5, .py-5 {
		padding-bottom: 1.5rem!important
	}
	.pl-5, .px-5 {
		padding-left: 1.5rem!important
	}

	.p-7 {
		padding: 4rem!important
	}
	.pt-7, .py-7 {
		padding-top: 4rem!important
	}
	.pr-7, .px-7 {
		padding-right: 4rem!important
	}
	.pb-7, .py-7 {
		padding-bottom: 4rem!important
	}
	.pl-7, .px-7 {
		padding-left: 4rem!important
	}
}