p{
	margin: 0rem;
	padding: 0rem;
}
a:hover, li{
	text-decoration: none;
	list-style: none;
}
ul{
	padding: 0px;
}

@font-face{
	font-family:'中青';
	src:url('q.ttf') format("opentype");
}
*{
	font-family: '中青';
	color: #333333;
}
@media (min-width:768px){
	#index-focus .item .carousel-img{
		height: auto;
	}
	.index-focus .carousel-focus:hover .carousel-img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
html, body{
	background: #fff;
}
.index_public{
	text-align: center;
	margin: 2em 0px;
}
.index_public h3{
	font-size: 30px;
}
.index_public p{
	color: #999;
}
/*产品中心*/
.row-prolist .col-sm-3{
	padding: 0 8px;
	margin-bottom: 16px;
}
.row-prolist .img{
	position: relative;
	overflow: hidden;
}
.row-prolist .img img{
	max-width: 100%;
	transition: transform 0.3s ease;
}
.mask{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}
.row-prolist .col-sm-3:hover .mask{
	display: block;
	cursor: pointer;
}
.row-prolist .col-sm-3:hover img{
	transform: scale(1.15);
	transition: transform 0.3s ease;
}
.row-prolist .col-sm-3:hover .maskTop{
	box-shadow: 0 4px 24px 0 rgb(0 0 0 / 13%);
}
.mask a{
	width: 7.125em;
	height: 2.375em;
	border-radius: 1.1875em;
	line-height: 2.375em;
	margin-left: -3.5625em;
	margin-top: -1.1875em;
	background-color: #00489a;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
}/*公共查看更多*/
.pMore{
	margin: 2em auto 0;
	text-align: center;
	width: 279px;
	padding: 10px 0px;
	border: 1px solid #ccc;
	display: block;
	color: #00489a;
}
.pMore:hover{
	background-color: #00489a;
	color: #fff;
	border-color: #00489a;
	transition: all .2s ease .1s;
}
.row-prolist .col-sm-3 h3{
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-moz-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	box-sizing: border-box;
	padding: 10px 0px;
	border: #eee 1px solid;
	text-align: center;
	margin-top: 0;
}
/*案例介绍*/
.case{
	padding: 3em 0;
	background: #f8f8f8;
}
.case .col-sm-4{
	margin-bottom: 16px;
	padding: 0 8px;
}
.case-img{
	overflow: hidden;
}
.case-img img{
	transition: all 0.3s ease;
}
.list-case{
	padding: 25px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 11%);
	background-color: #fff;
	cursor: pointer;
}
.case-desc{
	margin-top: 20px;
}
.case-title{
	position: relative;
}
.case-title h3{
	font-size: 22px;
}
.case-title i{
	position: absolute;
	width: 5px;
	left: -25px;
	background-color: #00489a;
	height: 100%;
	display: block;
}
.case-span span{
	color: #00489a;
	line-height: 2;
	padding: 0 3px;
	display: inline-block;
	margin: 0 3px;
	background-color: #f2f9ff;
	font-size: 12px;
}
.case-p{
	max-height: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 8px;
}
.case-p p{
	color: #666;
	font-size: 16px;
}
.list-case:hover img{
	transform: scale(1.15);
	transition: all 0.3s ease;
}

/*公司介绍*/
.about-index{
	margin: 4em 0 3em;
}
.ashow-main{
	background-color: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.left-show{
	padding: 0 15px 0 30px;
	max-width: 400px;
}
.left-show h3{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
.left-show p{
	margin-bottom: 10px;
	height: 160px;
	overflow: hidden;
	line-height: 32px;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	color: #333;
	text-indent: 32px;
}
.left-show a{
	margin-top: 2em;
	width: 150px;
	text-align: center;
	padding: 8px 0px;
	background-color: #00489a;
	color: #fff;
	display: block;
}
/*新闻中心*/
.news-index, .looks{
	padding: 3em 0;
	background: #f8f8f8;
}

.news-index .case-desc{
	margin-top: 0px;
	margin-bottom: 20px;
}
/*联系我们*/
.contact-index{
	background: url("/uploads/20220428/2d63ce4cffdb9d3b214088ef336c1eca.jpg") no-repeat center;
	background-size: cover;
	padding: 4em 0px;
}
.bg-contact{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.caontact-text{
	color: #fff;
}
#map{
	width: 700px;
	height: 300px;
}
.caontact-text h3{
	font-size: 30px;
	line-height: 26px;
	margin-bottom: 20px;
}
.caontact-text ul{
	margin-left: 0px;
	padding-left: 0px;
}
.caontact-text ul li{
	list-style: none;
	text-decoration: none;
	line-height: 1.8;
}
.caontact-text ul li a{
	color: #eee;
	font-size: 16px;
}

/*pub top item*/
.pubTag{
	text-align: center;
	margin-bottom: 4rem;
}
.pubTag .flex{
	justify-content: center;
}
.pubTag i{
	font-size: 32px;
	color: #44b2ff;
}
.pubTag .pubTagCenter p{
	font-size: 30px;
	color: #3b3b3b;
	font-weight: bold;
	margin-bottom: 0px;
}
.pubTag .pubTagCenter span{
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #d5d5d5;
}
.pubTag img{
	padding: 0px 2rem;
}
.pubTag img:last-child{
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
	/*兼容IE*/
}
/*为什么选择我们*/
.noshow, .noshows{
	display: none;
}
.index_why{
	padding: 3em 0;
}
.why_top{
	text-align: center;
	width: 100%;
	display: block;
}
.why_top h3{
	font-family: '中青';
	font-size: 66px;
	color: #ebf0ec;
	text-align: center;
	display: block;
}
.why_top .why_p{
	font-size: 48px;
	margin-top: -55px;
	font-weight: bold;
	font-family: '中青';
	margin-bottom: 0px;
}
.why_main{
	display: flex;
	align-items: center;
	justify-content: center;
}
.why_main p{
	font-size: 24px;
	font-weight: bold;
	margin: 0px 15px;
}
.why_main .wspan{
	width: 8px;
	height: 8px;
	display: block;
	background-color: #fff;
	border:1px solid #00489a;
	border-radius: 50%;
	margin: 0px 2px;
}
.why_main .bspan{
	width: 8px;
	height: 8px;
	display: block;
	background-color: #00489a;
	border:1px solid #00489a;
	border-radius: 50%;
	margin: 0px 2px;
}
.why_top i{
	width: 235px;
	height: 1px;
	background-color: #00489a;
	display: block;
}
.why_img{
	padding-top: 3em;
}
.why_img .shenzi{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2em 0;

}
.shenzi img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.shenzi h3{
	font-size: 36px;
	font-weight: bold;
}
.shenzi h4{
	font-size: 22px;
	color: #333;
	margin: 20px 0px;
}
.img-p p{
	font-size: 16px;
	color: #656464;
	line-height: 1.8;
}
/*.wyuan{*/
/*    position: absolute;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    border: 1px solid #00489a;*/
/*    padding: 2px;*/
/*    border-radius: 50%;*/
/*}*/
/*间距问题*/
.news-index{
	padding: 3em 0;
}
.product{
	padding: 3em 0;
}
@media (max-width:767px){
	#map{
		width: 100%;
	}
}

@media (max-width:520px){
	body{
		padding-top: 20px;
	}
	.why_top h3{
		font-size: 48px;
	}
	.why_top .why_p{
		font-size: 30px;
	}
	.why_main p{
		font-size: 20px;
	}
	.why_top i{
		width: 45px;
	}
	.why_img .shenzi{
		display: block;
	}
	.shenzi h3{
		font-size: 22px;
	}
	.shenzi h4{
		font-size: 18px;
	}
	.ashow-main{
		display: block;
	}
	.left-show{
		padding: 0px 0px 20px;
	}
	.bg-contact{
		display: block;
	}
	.looks .container{
		padding: 0px 20px;
	}
	.about-index{
		padding: 2em 15px;
		margin: 0;
	}
	.contact-index{
		padding: 2em 15px;
	}
	.caontact-text{
		padding-bottom: 15px;
	}













	.kw-four, .kw-three, .kw-two, .kw-one, .kec-main{
		width: 100%;
	}
	.bg-kecs span{
		display: none;
	}
	.kec-main{
		display: block;
		margin-top: -7px;
	}
	.bg-kecs, .pxsbx, .pxsbx::after{
		height: 100%;
	}
	.bg-kec li{
		margin: 0px;
	}
	.pxsbx{
		padding: 8px 0px;
		margin:  7px 0px !important;
		line-height: 40px;
		height: 40px;
	}
	.col-sm-6{
		width: 100%;
	}
	.index-about .row{
		display: block;
	}
	.downloadfocus{
		margin-top: 20px;
	}
	.pubTag{
		margin-bottom: 1rem;
	}
	.pubTag .pubTagCenter p{
		font-size: 22px;
	}
	.index-about{
		padding: 90px 0rem 24rem;
	}
	.newsIndex, .join-index{
		padding: 2rem 0;
	}
	.join-index .join-top .bg-en{
		font-size: 34px;
	}
	.join-index .join-top .bg-desc{
		font-size: 18px;
	}
	.join-index .join-top .bg-title{
		font-size: 22px;
		margin-top: -36px;
	}
	.join-main{
		flex-wrap: wrap;
		justify-content: center;
		margin: 1.5rem 0px;
	}
	.join-main li{
		width: 32%;
		float: left;
		margin: 5px 2px;
	}
	.sp-line{
		display: none;
	}
	.foot-ul{
		display: block;
	}
	.newsIndexMain .swiper-slide{
		width: 100%;
	}
	.about-right-main .bgfff-main{
		margin-right: 0px !important;
	}
	.pubTag img{
		padding: 0px 1rem;
	}
	.index-about .about-left-bottom p{
		text-indent: 4px;
	}
}