/* logo与导航 */
/*html{*/
/*-webkit-filter: grayscale(100%);*/
/*filter: grayscale(100%);*/
/*}*/
a {
	text-decoration: none !important;
	color: #000000 !important;
}
.w-70{
	width: 64%!important; 
}
.m-ov{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-blue-color{
	color: #004aae !important;
}
.m-blue-bg{
	background-color:#004aae !important;
	color: #FFFFFF!important;
}
.m-blue-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 44px;
	background-color:#004aae !important;
	color: #FFFFFF!important;
	font-size:18px;
}
.m-blue-btn-lg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 56px;
	background-color:#004aae !important;
	color: #FFFFFF!important;
	font-size: 20px;
	transition: all 0.4s;
}
.m-blue-btn-lg:hover{
	background-color: #f9b227!important;
}
.m-white-btn-lg{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 56px;
	background-color:#FFFFFF !important;
	color: #004aae!important;
	font-size: 20px;
	transition: all 0.4s;
}
.m-white-btn-lg:hover{
	background-color: #f9b227!important;
	color: #FFFFFF!important;
}
.m-banner {
	height: 700px;
}

.m-banner .swiper-container {
	--swiper-pagination-color: #FFFFFF;
	/* 两种都可以 */
}

.m-banner .swiper-pagination-bullet {
	background-color: #FFFFFF;
}

.m-banner .swiper-pagination-bullets span {
	width: 36px;
	height: 12px;
	border-radius: 20px;
	margin: 0 10px !important;
}

.m-banner h1 {
	font-weight: 500 !important;
}

.m-banner h3 {
	letter-spacing: 4px;
}

.m-banner .swiper-slide {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	display: flex;
	align-items: center;
}

#collapsibleNavbar {
	min-height: 125px;
}

.navbar-toggler {
	background-color: #004aae;
}

.m-Nav a span {
	height: 3px;
}

.m-Nav a.m-a-over {
	color: #004aae !important;
}

.m-Nav a span.m-span-over {
	width: 100%;
	height: 0;
	border-top: 3px solid #004aae;
}

.m-Nav a:hover {
	color: #004aae !important;
}

.m-Nav a:hover span {
	height: 0;
	border-top: 3px solid #004aae;
	animation: ani01 0.4s;
}
.m-f-20{
	font-size: 20px!important;
}
.m-inde{
	text-indent: 50px;
	line-height: 36px;
}
@keyframes ani01 {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}
.m-opc-blue-bg{
	background-color: rgba(0,74,174,0.6);
}
/* 关于我们*/
.m-p{
	font-size:18px;
	line-height: 34px;
	padding: 10px 0;
}
/* 产品中心 */
.m-product{
	width: 100%;
	height: 840px;
	background: url(../imgs/cp001.png) no-repeat;
	background-position: center center;
	background-size: cover;
}
.m-product span.m-img-span{
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.m-product a{
	background-color: #e7e7f3;
	transition: all 0.3s ease;
}
.m-product a:hover{
	background-color: #FFFFFF;
	margin-top: -8px;
}
.m-product .m-white-btn-lg:hover{
	margin: 0;
}
.m-product a img{
	width: 100%;
	height: 240px;
	transition: all 0.5s ease;
	opacity: 0.95;
}  
 .m-product a:hover img{
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
	opacity:1
}
.m-product a .m-blue-btn{
	transition: all 0.4s;
}
.m-product a:hover .m-blue-btn{
	background-color: #f9b227!important;
}

/* 案例中心 */
.m-case{
	width: 100%;
	height: 250px;
	overflow: hidden;
	padding: 0;
}
.m-case .m-case-bg{
	position: absolute;
	width: 10%;
	height: 10%;	 
	left:45%;
	top:45%;
	background-color: rgba(0,74,174,0);
    transition: all 0.3s ease;	
}
.m-case a:hover .m-case-bg{   
	background-color: rgba(0,74,174,0.7);
    transform: scale(10.5);
	transform-origin: 50% 50%; 
}
.m-case span.text-white{	 
	position: absolute;
	left:4%;
	bottom: 12%;
	z-index: 999;
	opacity: 0.8;
}
.m-case h4{	
	width: 92%;
	display: flex;
	flex-direction: column;
	left:4%;
	bottom:34%;
	position: absolute;
	z-index: 999;
}
.m-case h4 small{
	width: 100%;
	height: 0;
	padding-top: 14px;
	font-size: 14px;
	overflow: hidden;
	opacity: 0;
}
.m-case a:hover small{
	height: 60px;
	opacity: 1;
	transition: height 0.4s ease;
}
.m-case a:hover span.text-white{
	opacity: 1;
}
.m-case h4 span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-case-img{
	width: 100%;
	height: 250px;
}
/* 新闻动态 */
.m-news{
	background: url(../imgs/dt001.png) no-repeat;
	background-position: top;
	background-size:100% 310px;
}
.m-news a img{
	width: 100%;
	height: 120px;
	transition: all 0.3s ease;
}
.m-news a:hover img{
	transform: scale(1.05);
}
.m-news a:hover .m-news-lis{
	color: #004aae!important;
}
/* 团队介绍 */
.m-team span{
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.m-team span img{
	opacity: 0.96;
	height: 180px;
	transition: all 0.5s ease;
}
.m-team:hover img{
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
	opacity: 1;
}
.m-team:hover h5{
	color: #004aae!important;
}

/* foot */
.m-round-span{
	background-color: rgba(250,250,250,0.5);
    padding:8px 10px;
	border-radius: 50%;
	color: #004aae!important;
	margin-right: 16px;
}

@media (width: 768px) {
	#collapsibleNavbar ul .nav-item {
		padding: 0px 10px;
	}

	#collapsibleNavbar ul .nav-item h5 {
		font-size: 1rem !important;
		text-align: center;
	}
	/* 产品中心 */
	.m-product .row .col-md-6:last-child{
		display: none;
	}
	.m-product .m-img-span{
		 height: 190px!important;
	}
	 
}
/* 案例中心页*/
.m-lis-a .m-lis-img{
	width: 100%;
	height: 350px;
	overflow: hidden;
}
.m-lis-a .m-lis-img img{
	width: 100%;
	transition: all 0.5s ease;
	opacity: 0.95;
}
.m-lis-a:hover .m-lis-img img{
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05);
	opacity: 1;
}
.m-lis-a:hover h3{
	color: #004aae!important;
}
/* c产品页 */
.m-cp-img{
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.m-cp-img span{
	width: 100%;
	height: 180px;
	color: #FFFFFF;
	justify-content: center;
	background-color: rgba(0,74,174,0);
	transform: rotateX(80deg);
	transition: all 0.5s ease;
}
.m-cp-img:hover span{
	transform: rotateX(0deg);
	background-color: rgba(0,74,174,0.8);
}
.m-cp-img h3{
	opacity: 0;
	transition: all 0.3s ease 0.1s;
}
.m-cp-img:hover h3{	
	transform: translateY(38%);
	opacity: 1;
}
.m-cp-img img{
	width: 100%;
	height: 180px;
}
/* 案例详情页 */
.m-al-img .swiper-pagination{
	top:50%;
	left:92%;
	width: 20px;
	height: 50%;
}
.m-al-img .swiper-pagination-bullet {
	background-color: #FFFFFF;
}

.m-al-img .swiper-pagination-bullets span {
	width: 16px;
	height: 16px;
	margin: 0 10px !important;
}
/* 新闻动态页 */
.m-rl{
	border: 1px solid #cccccc; 
}
.m-rl h6{
	margin-top: 10px;
	text-align: center;
	color: #666666;
}
.m-rl h1{
	text-align: center;
	color: #666666;
}

@media screen and (max-width: 576px) {

	/* 导航 */
	#collapsibleNavbar {
		background-color: #eaeef6;
	}

	#collapsibleNavbar ul {
		padding: 0 !important;
	}

	#collapsibleNavbar ul .nav-item h5 {
		color: #004aae !important;
		border-bottom: 1px solid #c9cdd7;
		padding: 10px 0;
	}

	#collapsibleNavbar span {
		display: none;
	}

	#collapsibleNavbar ul .nav-item:last-child h5 {
		border: 0;
	}

	/* banner */
	.m-banner {
		height: 640px;
	}

	.m-banner .display-3 {
		font-size: 3.2rem;
	}

	.m-banner h3 {
		font-size: 1.2rem;
	}
	/* 产品中心 */
	.m-product .row .col-lg-4{
		display: none;
	}
	.m-product .row .col-lg-4:first-child{
		display: block;
	}
	/* 案例中心 */
	.m-cases .m-case{
		display: none;
	}
	.m-cases .m-case:first-child{
		display: block;
	}
	.m-cases .m-case:nth-child(2){
		display: block;
		margin-top: 18px;
	}
	.m-news a.bg-white{
		padding-right: 6px!important;
	}
	.m-news-lis{
		padding: 0;
	}
	.m-news .m-blue-btn-lg{
		 margin-bottom: 20px;
	}
	.m-news .m-liss .col-md-6{
		display: none;
	}
	.m-news .m-liss .col-md-6:first-child{
		display: block;
	}
	.m-news .m-liss .col-md-6:nth-child(2){display: block;
	}
	/* foot */
	.m-foot h4{
		font-size: 20px!important;
	}
	.m-foot h5{
		font-size: 18px!important;
		color:#FFFFFF;
	}
	/* 案例页 */
	.m-lis-a .m-lis-img{
		width: 100%;
		height: 210px;
		overflow: hidden;
	}

}