/*头部*/
.topbox{
	height:6rem;
}
.logo-height{
	height: 40px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding:2.2rem 2.3rem;
	font-size: 16px;
}
.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:2.2rem;
	border-left: 1px solid #c8c8c8;	
}
.home-search{
	width: 300px;
	right: 0 !important;
}

/*优势*/
.youshibg{
	box-shadow: 0 0 30px rgba(0,0,0,0.15);
}
.youshi-wap{
	display: none;
}

/*产品系列*/
.no-pleft{
	padding-left: 0;
}
.no-pright{
	padding-right: 0;
}
.pictext{
	background: #666db3;
}
.pictext-r{
	margin-right:2.5rem;
}
.probox{
	box-shadow: 0px 4px 10px rgba(20,20,20,0.1);
}
.proimg {      
    overflow: hidden; /* 确保图片在容器内不会溢出 */ 
    background:#f0f0f0;
}
.proimg img {
    transition: transform 1s ease; /* 平滑过渡效果 */
    width: 100%; /* 或者设置具体宽度 */
    height: auto; /* 保持图片比例 */
}
.proimg img:hover {
    transform: scale(1.2); /* 放大1.1倍 */
}

.pronav{
	width: 100%;
    align-items: center;
    text-align:center;

}
.pronav ul::-webkit-scrollbar {
	display:none
}
.pronav ul li{
	display: inline-block;
	display: -moz-inline-stack;
	display: inline;
}

/*关于我们*/
.aboutbg{
	background: url(../images/aboutbg.jpg) no-repeat right bottom;
	background-size: 100% 100%;
}
.about-xrc{
	border-radius: .3rem;
	border:1px solid #c8c8c8;	
}
.about-xrc img{
	width: 60px;
}
.about-xrc:hover{
	background:#666db3; 
	border:1px solid #666db3;
}

/*团队*/
.teams{
	border-bottom:5px solid #ffffff;
}
.teams:hover{
	box-shadow: 0 0 10px rgba(12,3,6,.16);
	border-bottom:5px solid #666db3;
}

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

/*联系我们*/
.contactbg{
	background: url(../images/contactbg.jpg) no-repeat center top #f3f3f3;
	background-size: 100%;
	padding: 240px 0px 140px 0px;
}
.contact-p{
	height: 200px;
}



/*底部*/
.footerbg{
	background: #252c41;
}
.mapbg{
	background: url(../images/mapbg.png) no-repeat;
}
.nav-line{
	color: #9191c7;
}
.weixin-title{
	background: url(../images/right-jt.png) no-repeat right;
}
.copyright{
	background: #1b2132;
}

.wap-footnav{
	background-color:#13c07e;
}

.weixin-box{
 	border:3px solid #13c07e;	
}
.link-line{
	border-top: 1px solid #353d56;
}


.footer_kf { height:100px; width:100%; position:fixed; bottom:0; left:0; z-index:8888;}
.fd_box { height:117px; position:fixed; width:100%; bottom:0; left:0; z-index:666;}
.fd_box01 { width:100%; height:70px; position:fixed; bottom:0; background:url(../images/footpf-bg.png);}
.fd_box02 { margin:0 auto; width:100%; height:117px; position:relative; bottom:0; z-index:888;}
.fd_gb { width:20px; height:20px; margin:10px 0 0 0; position:absolute; right:20px; top:0;z-index: 9999;}
.fd_tu { width:100%; position:absolute; bottom:45px; left:0;text-align: center;}
.fd_left { display:block; width:129px; height:120px; position:fixed; left:0; bottom:25%; background:url(../images/footpf-left.png) no-repeat left top;}
.yqlj_box a { display:block; float:left; padding:0 10px; height:26px; line-height:26px; color:#666; margin:0 10px 5px 5px}
.yqlj_box a:hover { color:#f31c1c;}

/*内页*/
.title-icon{
	background: url(../images/title-icon.png) no-repeat left center;
	padding-left: 25px;
}


.top-p{
	height: 120px;
}
.enname{
	text-transform:uppercase;
}
.about-ppbg{
	background: url(../images/about-ppbg.jpg) right;

}
.content img{
	max-width: 100%;
}

/* 内页产品 */
.media-img{position:relative;}
.media-img .mask{opacity:0;z-index:3;background:url(../images/pic-hover.png) no-repeat center center;width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.media-img .mask .subtitle{padding:25px}
.media-img:hover .mask{z-index:5;transition:0.3s;opacity:1;}
.media-img .linear-link{z-index:1;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2) 65%,rgba(0,0,0,.8) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}
.media-img .linear-link .subtitle{padding:0 25px;z-index:3;width:100%;bottom:25px;left:0;position:absolute;transition:0.3s;}

.contactbox{
	padding:0 15px;
}

@media (max-width:768px){
	body{
		font-size: .875rem;
	}
 	.wapnone{
		display: none;
	}
	.no-pleft{
		padding-left:10px;
	}
	.no-pright{
		padding-right: 10px;
	}
	.logo-height{
		margin: .4rem 0;
		height: 30px;
	}



	.banner{
		height: 120px!important;
	}
	.topbox{
		height: 4.5rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding:1rem;
		font-size: 16px;
	}
	.headerbox {
		width: 100%;
	}
	.aboutbg{
		background: url(../images/aboutbg-wap.jpg) no-repeat right bottom;
		background-size: 100% 100%;
	}
	.about-xrc img{
		width: 25px;
	}
	
	.youshi-wap{
		display: block;
	}
	.pictext-r{
		margin-right:0;
	}
	
	.dropdown-menu {
		width: 100%;
	}
	.pronav{
		width: 100%;
		white-space: nowrap;
	    overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		display: flex;
	    align-items: center;
	}
	.pronav ul::-webkit-scrollbar {
		display:none
	}
	.pronav ul li{
		display: inline-block;
		display: -moz-inline-stack;
		display: inline;
	}
	.news-ico{
		width: 100%;
		height: auto;
	}
	.news-img{
		width: 100%;
		height:auto;
	}
	.contactbg{
		padding: 80px 0px 0px 0px;
	}

	.top-p{
		height: 60px;
	}
	.fd_box { height:60px; position:fixed; width:100%; bottom:0; left:0; z-index:666;}
	.fd_box01 { width:100%; height:60px; position:fixed; bottom:0; background:url(../images/footpf-bg.png);}
	.fd_box02 { margin:0 auto; width:100%; height:60px; position:relative; bottom:0; z-index:888;}
	.fd_gb { width:20px; height:20px; margin:10px 0 0 0; position:absolute; right:10px; top:0;z-index: 9999;}
	.fd_gb img{ width: 70%!important;}
	.fd_tu { width:100%; position:absolute; bottom:10px; left:0;text-align: center;}
	.fd_tu img {width: 80%!important;}
	.fd_left { display:block; width:54px; height:50px; position:fixed; left:5px; bottom:25%; background:url(../images/footpf-left.png) no-repeat;background-size: 100%;z-index: 9999;}

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