.ban{
	position: relative;
}
.ban > img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
}
.bandesc{
	position: absolute;
	top:35%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color:#fff;
}
.bandesc p{
	font-size: 44px;
	font-weight: bold;
	margin-bottom: 30px;
}
.banbtn > form{
	width: 450px;
	display: flex;
	align-items: stretch;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 50px;
}
.banbtn input{
	flex:1;
	padding: 15px;
	border:none;
	border-radius: 5px;
}
.banbtn button{
	padding: 10px 15px;
	background-color: var(--color);
	cursor: pointer;
	border: none;
	display: flex;
	align-items: center;
        color:#fff;
}
.com_desc{
	padding: 90px 0;
	background: url('../img/me/descbg.png') no-repeat;
	background-size: cover;
	background-position: center;
	color:#fff;
}
.com_desc > div >p{
	margin-top: 30px;
	line-height: 1.5;
	letter-spacing: 1px;
}
.com_desc .com_tit p:nth-child(1){
	color:#fff;
}
.ln{
	padding: 90px 0;
}
.ln ul{
	margin-top: 30px;
	display: flex;
}
.ln ul li{
	width: 25%;
	position: relative;
}
.ln ul li img{
	width: 100%;
}
.ln ul li div{
	position: absolute;
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px;
	color:#fff;
	transition: all .5s;
}
.ln ul li p:nth-child(1){
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ln ul li p:nth-child(2){
	font-size: 20px;
	line-height: 1.5;
}
.ln ul li:hover div{
	background-color: rgba(255,255,255,.5);
	color:#000;
	justify-content: center
}
.way{
	background: url('../img/me/waybg.png') no-repeat;
	background-size: cover;
	background-position: center
}
.waytop{
	padding: 90px 0;
}
.waytop > div{
	padding: 30px;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.waytop img{
	width: 20%;
}
.waytop ul{
	padding-right: 40px;
}
.waytop p{
	margin-bottom: 15px;
}
.waytop li{display:none}
.waytop li p:nth-child(1){
	font-size: 22px;
	font-weight: bold;
}
.waytop li p:nth-child(2){
	line-height: 2;
}
.waybot{
	padding: 80px 0;
	background:rgba(0,0,0,.5);
}
.waybot > div{
	display: flex;
	align-items: center;
}
.waybot .swiper-container{
	flex:1;
}
.way .swiper-container{
	text-align: center;
}
.waybot .swiper-slide{
	cursor: pointer;
	font-size: 18px;
	line-height: 3;
	color:rgba(255,255,255,.5);
}
.waybot .swiper-slide.active-slide{
	color:#fff;
	font-weight: bold;
}
.waybot img{
	cursor: pointer;
}
/* 资质 */
.zz{
	padding: 90px 0;
}
.zz ul{
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.zz ul li{
	width: calc((100% - 60px) / 3);
	margin-bottom: 30px;
	position: relative;
}
.zz ul li:nth-child(3n+2){
	margin-left: 30px;
	margin-right: 30px;
}
.zz ul li > img{
	width: 100%;
}
.rydesc{
	position: absolute;
	left: 17%;
	right: 0;
	bottom: 7%;
	width: 65%;
	text-align: center;
}
.rydesc p{
	margin-bottom:25px;
}
.rydesc p:nth-child(1){
	font-size: 30px;
	font-weight: bold;
}
.rydesc p:nth-child(2){
	font-size: 20px;
	color:#666;
}
.rydesc img{
	width: 100%;
}
.pagi{
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagi a.activepage{
	color:#000;
	font-weight: bold;
}
.pagi a.icon-left,.pagi a.icon-right{
	background-color: #EFF2F7;
	height: 40px;
	width: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.pagi a{
	display: block;
	margin: 0 10px;
}
/* 地图 */
.map{
	padding: 90px 0;
	color:#fff;
	background-color: #191C27;
}
.map .com_tit{
	margin-bottom: 40px;
}
.map .com_tit p:nth-child(1){
	color:#fff;
}
.zb_desc p:nth-child(1){
	font-size: 20px;
	font-weight: bold;
}
.zb_desc p{
	margin-bottom: 10px;
}
.mapmain{
	margin-top: 30px;
}
.mapmain img{
    border-radius: 10px;
}
.part{
	margin-top: 130px;
}
.part ul{
	
}
.part li.mapactive{
	color:#fff;
	font-weight: bold;
}
.part li{
	margin-right: 90px;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 30px;
	vertical-align: middle;
	color:rgba(255,255,255,.8)
}
.mapdetail{
	margin-top: 40px;
	padding: 40px;
	background-color: #343640;
	border-radius: 10px;
}
.mapdesc{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mapdesc div{
	flex:1;
	padding-right: 40px;
}
.mapdesc p{
	margin: 10px 0;
}
/* 联系我们 */
.fw{
	padding: 90px 0;
}
.fwlist{
	display: flex;
	flex-wrap: wrap;
}
.fwlist li{
	width: 33.3333%;
	text-align: center;
	align-items: stretch;
	padding: 0 15px;
	margin-top: 90px;
}
.fwlist li img{
	margin-bottom: 40px;
}
.fwlist li p:nth-child(2){
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.contact{
	padding: 90px 0;
	background-color: #F7F7F7;
}
.conmain{
	margin-top: 60px;
	display: flex;
	align-items: stretch;
}
.conmain > div{
	width: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.conmain div div{
	display: flex;
	align-items: center;
}
.conmain div div img{
	margin-right: 10px;
}
.conmain div div p{
	font-size: 20px;
}
.conl > p:nth-child(2){
	font-size: 30px;
	font-weight: bold;
	margin: 70px 0;
}
.conr > img{
	margin: 30px 0;
}
.zc{
	padding: 90px 0;
}
.zc ul{
	margin-top: 90px;
}
.zc li{
	background-color: #F7F7F7;
	border: 2px solid  #F7F7F7;
	margin-bottom: 10px;
}
.zctit{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
}
.zctit p{
	font-size: 22px;
	font-weight: bold;
}
.zctit span{
	font-size: 22px;
}
.zcdesc{
	background-color: #fff;
	padding: 20px;
	line-height: 2;
	display: none;
}
.zcdesc b{
	display: block;
	margin: 10px 0;
}
@media (max-width:768px) {
	.ban > img{
		height: auto;
	}
	.bandesc{
		padding: 15px;top:50%;
	}
	.bandesc p{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.banbtn{
		width: 100%;
	}
        .banbtn > form{max-width:80%;margin-top:20px;}
	.banbtn input{
		padding: 10px;
	}
	.com_desc{
		padding: 15px;
	}
	.com_desc > div >p{
		margin-top: 15px;
		line-height: 1.5;
	}
	.ln{
		padding: 15px;
	}
	.ln ul{
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.ln ul li{
		width:50%;
	}
	.ln ul li div{
		padding: 15px;
	}
	.ln ul li p:nth-child(1){
		font-size: 20px;
		margin-bottom: 15px;
	}
	.ln ul li p:nth-child(2){
		font-size: 16px;
	}
	.waytop{
		padding: 15px;
	}
	.waytop img{
		display: none;
	}
	.waytop ul{
		padding: 0;
	}
	.waytop > div{
		padding: 15px;
	}
	.waytop li p:nth-child(1){
		font-size: 20px;
	}
	.waybot{
		padding: 15px;
	}
	/* 资质 */
	.zz{
		padding: 15px;
	}
	.pagi{
		margin: 15px;
	}
	.zz ul{
		margin-top: 15px;
	}
	.zz ul li{
		width: calc((100% - 15px) / 2);
		margin: 0 0 15px 0!important;
	}
	.zz ul li:nth-child(2n+2){
		margin-left: 15px!important;
	}
	.rydesc{
		width: 100%;
		left: 0;
	}
	.rydesc img{
		width: 60%;
	}
	.rydesc p:nth-child(1){
		font-size: 20px;
		margin-bottom: 10px;
	}
	.rydesc p:nth-child(2){
		font-size: 15px;
		margin-bottom: 10px;
	}
	/* 地图 */
	.map{
		padding: 15px;
	}
	.map .com_tit{
		margin-bottom: 15px;
	}
	.zb_desc p:nth-child(1){
		font-size: 18px;
	}
	.part{
		margin-top: 30px;
	}
	.part li{
		margin-right: 50px;
		margin-bottom: 15px;
	}
	.mapdetail{
		margin-top: 15px;
		padding: 15px;
	}
	.mapdetail> img{
		margin-top: 15px!important;
	}
	/* 联系我们 */
	.fw{
		padding: 15px;
	}
	.fwlist li{
		width: 50%;
		margin-top: 15px;
	}
	.fwlist li img{
		margin-bottom: 20px;
		height: 60px;
	}
	.contact{
		padding: 15px;
	}
	.conmain{
		margin-top: 15px;
		display: block;
	}
	.conmain > div{
		width: 100%;
		margin-bottom: 15px;
	}
	.conl > p:nth-child(2){
		font-size: 20px;
		margin: 15px;
	}
	.conmain div div p{
		font-size: 18px;
	}
	.conmain div div img{
		height: 18px;
	}
	.conr > img{
		margin: 15px 0;
	}
	.zc{
		padding: 15px;
	}
	.zc ul{
		margin-top: 15px;
	}
	.zctit p{
		font-size: 16px;
	}
	.zcdesc{
		padding: 15px;
	}
}