@charset "utf-8";
/* CSS Document */

a:hover{
	text-decoration: none;
}

body{
	
}


.banner_zz{
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner_zz h2{
	position: absolute;
	top: 50%;
	left: 10%;

	text-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	font-size: 50px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 5px;
}

.dh{
	position: absolute;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, 0.2);;
}

.dh::before{
	width: 100%;
	height: 90px;
	display: block;
	content: '';
	/* bottom: 0; */
	bottom: -15px;
	position: absolute;
	background-image: linear-gradient(to top,rgba(0,0,0,.7), transparent);
}

.dh ul{
	height: 88px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dh ul li{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.dh ul li:not(:last-child) {
	margin: 0 218px 0 0;
}

.dh a:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 3px;
	background: linear-gradient(to left, #00daf0, #0040f7);
	transition: 0.3s;
}

.dh a:hover:after, .dh li.on a:after {
	width: 100%;
	left: 0;
}

.dh a{
	font-size: 22px;
	font-weight: 400;
	color: #FFFFFF;
}






.zy{

}

.zy .wid{
	margin: 8vw auto 6vw!important;
}

.zyzi{
	margin-bottom: 60px;
}

.zyzi h3{
	font-size: 39px;
	font-weight: bold;
	text-align: center;
}




.about_zz{

}

.about_zzcon p{
	color: #333;
	font-size: 1rem;
	line-height: 2rem;
}


.huanjing_zz{

}

.huanjing_zzcon img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.huanjing_zzcon a:hover img{
	transform: scale(0.95);

	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.huanjing_zzcon p{
	font-size: 1rem;
	font-weight: 600;
	padding: 1rem 0;
	color: #111;

	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.huanjing_zzcon a:hover p{
	color: #0040f7;
}

.huanjing_zzcon .swiper-container{
	padding-bottom: 50px;
}

.huanjing_zzcon .swiper-pagination{
	width: 100%;
	height: 2px;
	bottom: 0;
	background: #00daf0;
}


.culture_zz{

}

.culture_zz .zyzi{
	margin-bottom: 0;
}

.culture_zzcon{
	position: relative;
	padding: 10vh 20vh;
}

.culturecon h4{
	font-size: 1.8rem;
	margin-bottom: 2rem;
}

.culturecon p{
	color: #333;
	font-size: 1rem;
	line-height: 2rem;
}

.cull{
	position: absolute;
	left: 0;
	top: 0;
}

.culr{
	position: absolute;
	right: 0;
	bottom: 0;
}

.culwz{
	font-size: 8rem;
	color: #f4f4f4;
	z-index: -1;
	font-weight: bold;
}

.culture_img{
	margin-top: 60px;
}

.culture_img ul{
	display: flex;
	justify-content: space-between;
}

.culture_img ul li{
	position: relative;
	max-width: 31%;
	overflow: hidden;
}

.culture_img img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.culture_img li:hover img{
	transform: scale(1.1);

	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.culture_img .culture_imgcon{
	position: absolute;
	left: 2rem;
	bottom: 2rem;
	width: 88%;
}

.culture_img .culture_imgcon h3{
	color: #fff;
	font-size: 1.8rem;
	margin-bottom: 2rem;
}

.culture_img .culture_imgcon p{
	color: #fff;
	font-size: 1rem;

}



.honor_zz{
	margin-bottom: 10rem;
}

.honor_zzcon{
	display: flex;
	justify-content: space-between;
}

.honor_zz .left {
	display: flex;
	height: 506px;
	margin: 90px 0 0 0;
	overflow: hidden;
}
.honor_zz .left .line {
	width: 8px;
	height: 100%;
	margin: 0 32px 0 0;
}
.honor_zz .left .line img {
	width: 100%;
	height: 100%;
}
.honor_zz .left .left_swiper {
	max-width: 500px;
	height: 100%;

}
.honor_zz .left .left_swiper .swiper-slide {
	font-size: 30px;
	font-weight: 400;
	color: #292929;

	cursor: pointer;
}
.honor_zz .left .left_swiper .swiper-slide div {
	transform-origin: left;
}
.honor_zz .left .left_swiper .swiper-slide div p {
	transition: 0.6s;
	font-size: 1rem;
}
.honor_zz .left .left_swiper .swiper-slide.swiper-slide-active div p {
	color: #0040f7;
	font-size: 1.5rem;
}
.honor_zz .right {
	width: 986px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.honor_zz .right .title {
	font-size: 50px;
	color: #292929;
	font-family: "SourceHanSansCN-Regular b", sans-serif !important;
	margin: 0 0 54px 0;
}
.honor_zz .right .content {
	position: relative;
	height: 500px;
}
.honor_zz .right .content .honor_img_swiper {
	width: 120%;
	height: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.honor_zz .right .content .honor_img_swiper .swiper-slide .img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.honor_zz .right .content .honor_img_swiper .swiper-slide .img img {
	object-fit: contain;
	max-height: 100%;
	transform: scale(0.5);
	transition: all 1.5s;
}

.honor_zz .right .content .honor_img_swiper .swiper-slide-active .img img{
	transform: scale(1);
}









.case_zz{

}

.case_zzcon ul{
	display: flex;
	flex-wrap: wrap;
}

.case_zzcon ul li{
	width: 33%;
	padding: 1%;
}

.case_zzcon img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.case_zzcon a:hover img{
	transform: scale(0.95);

	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.case_zzcon p{
	font-size: 1rem;
	font-weight: 600;
	padding: 1rem 0;
	color: #111;

	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.case_zzcon a:hover p{
	color: #0040f7;
}




.case_zzshow h3{
	font-size: 1.5rem!important;
}

.case_zzshowcon{
	font-size: 1rem;
	color: #333;
	line-height: 1.8rem;
}

.case_zzshowcon img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1rem auto;
}

.casea{
	margin-top: 8rem;
	display: block;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 1.5rem 0;
	text-align: center;

	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.casea a{
	font-size: 1rem;
	color: #111;
}

/*.casea:hover a{*/
/*	color: #0040f7;*/
/*}*/

.casea:hover{
	border-top: 1px solid #00daf0;
	border-bottom: 1px solid #0040f7;
}











.news_zz{

}

.news_zzcon ul{
	display: flex;
	flex-wrap: wrap;
}

.news_zzcon ul li{
	width: 33%;
	padding: 1%;
	margin-bottom: 3rem;
}

.newsimg{
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 20px;
}

.newsimg img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.news_zzcon a:hover img{
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.news_zzcon span{
	font-size: 12px;
	font-weight: 400;
	color: #222222;
}

.news_zzcon h3{
	font-size: 20px;
	line-height: 2rem;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #222222;
	
	transition: 0.5s;

	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.news_zzcon a:hover h3{
	color: #0040f7;
}

.news_zzcon p{
	font-size: 0.9rem;
	font-weight: 400;
	color: #666666;
	line-height: 1.8rem;;
}




.news_zzshowcon{
	font-size: 0.9rem;
	line-height: 3rem;
	color: #333;
}

.news_zzshowcon img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 1rem auto;
}

.showzi h3{
	font-size: 1.6rem;
}

.showzi p{
	text-align: center;
  font-size: 1rem;
  margin: 1rem 0;
}





.sx{
	margin-top: 3rem;
}

.sx p{
	font-size: 1rem;
	text-align: left;
	
}

.sx a{
	color: #000;
}

.sx a:hover{
	color: #0040f7;
}

.page{
	margin-top: 6rem;
	text-align: center;
	width: 100%;
}

.page .pagination{
	margin: 0 auto;
	display: inline-block;
}

.page ul li span,.page ul li a{
	padding: 0.7rem 1rem;
	color: #111;
}

.page ul li.disabled span{
	color: #999;
	background: #f1f1f1;
}

.page ul li.disabled:hover span{
	cursor: no-drop;
}

.pagination>li {
	display: inline;
}

.page ul li.active span{
	background: #0040f7;
	color: #fff!important;
	/*border-color: #fff!important;*/
}

.page ul li a{
	color: #0040f7;
	background: #f1f1f1;
	border: 1px solid #fff;
}

.page ul li:hover a{
	background: #0040f7;
	color: #fff;
	/*border-color: #fff;*/
}

.pagesj li{
	display: inline;

}

.pagesj span,.pagesj a{
	background: #fff!important;
	color: #333!important;
	padding: 10px 1rem;
}







.zhaobiao_zzcon ul{

}

.zhaobiao_zzcon ul li{
	width: 100%;
	margin-bottom: 3rem;
	display: flex;
	justify-content: space-between;
}

.tenderimg{
	overflow: hidden;
	border-radius: 5px;

	width: 45%;
}

.tenderimg img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.tendercon{
	width: 45%;
	align-items: center;
	display: flex;
}

.zhaobiao_zzcon a:hover img{
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.zhaobiao_zzcon span{
	font-size: 12px;
	font-weight: 400;
	color: #222222;
	width: 100%;
	display: block;
}

.zhaobiao_zzcon h3{
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #222222;
	line-height: 1.4583333333vw;
	transition: 0.5s;
	width: 100%;
	display: block;

	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.zhaobiao_zzcon a:hover h3{
	color: #0040f7;
}

.zhaobiao_zzcon p{
	font-size: 0.9rem;
	font-weight: 400;
	color: #666666;
	line-height: 1.8rem;;
	width: 100%;
	display: block;
}












.join_zz{

}

.cz-recruitment-list {
	clear: both;
	margin: 30px;
	overflow: hidden;
	border: 1px solid #e6e8ed;
	border-top: 3px solid #0099cc;
	box-sizing: border-box;
}
.cz-recruitment-item:first-child .title-1 span {
	font-size: 1rem;
}
.cz-recruitment-item {
	border-bottom: 1px solid #e6e8ed;
	overflow: hidden;
}
.cz-recruitment-item:last-child {
	border-bottom: none;
}
.cz-recruitment-item .title-1 {
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	padding: 0 5%;
}
.cz-recruitment-item .title-1 span {
	float: left;
	margin: 0;
	display: block;
	width: 20%;
	padding: 30px 0;
	overflow: hidden;
	font-size: 14px;
}
.cz-recruitment-item .title-1 span img{
	width: 20px;
	height: auto;
	top: -0.25rem;
	position: relative;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.cz-recruitment-item .title-1.cur span img{
	transform: rotate(-180deg)
}
.cz-recruitment-item .title-1 span:first-child {
	font-size: 1rem;
	text-align: left;
}
.cz-recruitment-item .main-2 {
	display: none;
	font-size: 1rem;
	line-height: 2rem;
	color: #26334d;
	padding: 4% 5%;
	overflow: hidden;
	text-align: left;
	position: relative;
}
.cz-recruitment-item .title-1:hover, .cz-recruitment-item .title-1.cur {
	background: #f3f4f8;
}
.cz-recruitment-item .main-2 p {
	font-size: 0.95rem;
}
.cz-end-resume {
	position: absolute;
	right: 10%;
	bottom: 3rem;
}
.cz-end-resume a {
	background: linear-gradient(to left, #00daf0, #0040f7);
	font-size: 1rem;
	color: #fff;
	padding: 1.2rem 3rem;
}

.hryaoqiu{
	font-size: 0.9rem;
	line-height: 1.8rem;
	color: #333;
}





.huodong_zz{

}


.huodong_zzcon ul{
	display: flex;
	flex-wrap: wrap;
}

.huodong_zzcon ul li{
	width: 33%;
	padding: 1%;
	margin-bottom: 3rem;
}

.huodongimg{
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 20px;
}

.huodongimg img{
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.huodong_zzcon li:hover img{
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.huodong_zzcon p{
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	line-height: 1.8rem;;
}










.contact_zz{

}

.contact_zzcon{
	display: flex;
	justify-content: space-between;
}

.lxcon{
	align-items: center;
	display: flex;
}

.contact_zzcon h4{
	margin: 0 0 10px 0;
	font-weight: 700;
	line-height: 1.2;
	color: #191919;
	font-size: 1.1rem;
}

.contact_zzcon p {
	position: relative;
	padding: 0 0 0 14px;
	line-height: 1.76;
	color: #3e3e3e;
	font-weight: normal;
	font-size: 1rem;
	letter-spacing: 1px;
	margin-bottom: 2rem;
}

.contact_zzcon a{
	color: #3e3e3e;
}

.contact_zzcon p:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	transform: translateY(-50%);
	background: #0040f7;
	content: '';
}

.lxfgs{
	background: rgb(245, 245, 245);
}

.map{
	width: 60%;
}

.map #map{
	width:100%;
	height:550px;
	border:#ccc solid 1px;
	font-size:0.9rem;
}









@media (min-width: 768px) and (max-width: 1000px){
	.dh{
		position: relative;;
	}

	.dh a{
		font-size: 1rem;
		color: #111;
	}

	.dh::before {
		height: 60px;
		bottom: 0;
		background: #fff;
	}

	.dh ul{
		height: 60px;
	}

	.dh ul li{
		margin: 0!important;
		width: 50%;
		border-bottom: 1px solid #f1f1f1;
	}

	.banner_zz h2 {
		top: 45%;
		font-size: 1.8rem;
	}

	.zyzi h3{
		font-size: 1.8rem;
	}

	.culture_zzcon{
		padding: 60px 0 0 0;
	}

	.culwz{
		display: none;
	}

	.culturecon h4{
		font-size: 1.2rem;
	}

	.culture_img ul{
		flex-wrap: wrap;
	}

	.culture_img ul li{
		max-width: 100%;
		margin-bottom: 1rem;
	}

	.honor_zzcon{
		display: none;
	}

	.honor_zzsjcon ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.honor_zzsjcon ul li{
		width: 45%;
	}

	.honor_zzsjcon ul li:nth-child(odd){
		margin-right: 5%;
	}

	.honor_zzsjcon ul li:nth-child(even){
		margin-left: 5%;
	}

	.honor_zzsjcon p{
		margin-bottom: 1rem;
		padding: 1rem 0;
	}

	.case_zzcon ul li{
		width: 50%;
	}

	.page{
		margin-bottom: 8rem;
		margin-top: 4rem;
	}

	.news_zzcon ul li{
		width: 100%;
	}

	.news_zzcon h3{
		font-size: 1.3rem;
		margin: 1rem 0 2rem;
	}

	.zhaobiao_zzcon ul li{
		flex-wrap: wrap;
	}

	.tenderimg{
		width: 100%;
	}

	.tendercon {
		width: 100%;
		padding: 3rem 0;
	}

	.cz-end-resume a{
		padding: 0.8rem 2rem;
	}

	.cz-end-resume {
		position: relative;
		left: 0%;
		bottom: 1rem;
		margin-top: 5rem;
	}

	.huodong_zzcon ul li{
		width: 50%;
	}

	.contact_zzcon{
		flex-wrap: wrap;
	}

	.lxcon {
		display: block;
		width: 100%;
		margin-bottom: 3rem;
	}

	.map{
		width: 100%;
	}

}





@media (max-width: 767px){
	.dh{
		position: relative;;
	}

	.dh a{
		font-size: 0.9rem;
		color: #111;
	}

	.dh::before {
		height: 60px;
		bottom: 0;
		background: #fff;
	}

	.dh ul{
		height: 60px;
	}

	.dh ul li{
		margin: 0!important;
		width: 50%;
		border-bottom: 1px solid #f1f1f1;
	}

	.banner_zz h2 {
		top: 30%;
		font-size: 1.2rem;
	}

	.zy .wid{
		margin: 6rem auto!important;
	}

	.zyzi{
		margin-bottom: 50px;
	}

	.zyzi h3{
		font-size: 1.6rem;
	}

	.culture_zzcon{
		padding: 60px 0 0 0;
	}

	.culwz{
		display: none;
	}

	.culturecon h4{
		font-size: 1.2rem;
	}

	.culture_img ul{
		flex-wrap: wrap;
	}

	.culture_img ul li{
		max-width: 100%;
		margin-bottom: 1rem;
	}

	.honor_zzcon{
		display: none;
	}

	.honor_zzsjcon ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.honor_zzsjcon ul li{
		width: 45%;
	}

	.honor_zzsjcon ul li:nth-child(odd){
		margin-right: 5%;
	}

	.honor_zzsjcon ul li:nth-child(even){
		margin-left: 5%;
	}

	.honor_zzsjcon p{
		margin-bottom: 1rem;
		padding: 1rem 0;
	}

	.case_zzcon ul li{
		width: 50%;
	}

	.casea{
		margin-top: 5rem;
	}

	.page{
		margin-bottom: 8rem;
		margin-top: 4rem;
	}

	.news_zzcon ul li{
		width: 100%;
	}

	.news_zzcon h3{
		font-size: 1.3rem;
		margin: 1rem 0 2rem;
	}

	.zhaobiao_zzcon ul li{
		flex-wrap: wrap;
	}

	.tenderimg{
		width: 100%;
	}

	.tendercon {
		width: 100%;
		padding: 3rem 0;
	}

	.cz-end-resume a{
		padding: 0.8rem 2rem;
	}

	.cz-end-resume {
		position: relative;
		left: 0%;
		bottom: 1rem;
		margin-top: 5rem;
	}

	.huodong_zzcon ul li{
		width: 100%;
	}

	.cz-recruitment-list{
		margin: 0;
	}

	.cz-recruitment-item .title-1 span{
		display: none;
		width: 50%;
		padding: 20px 0;
	}

	.cz-recruitment-item .title-1 span:first-child{
		display: block;
	}

	.cz-recruitment-item .title-1 span:last-child{
		display: block;
	}

	.contact_zzcon{
		flex-wrap: wrap;
	}

	.lxcon {
		display: block;
		width: 100%;
		margin-bottom: 3rem;
	}

	.map{
		width: 100%;
	}

}