.n_lianxi {
  width: 100%;
  /* background: #fff; */
}

.n_lianxi .bd {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
}

.n_lianxi .img {
  border-radius: .9375rem 0 0 .9375rem;
  overflow: hidden;
}
.n_lianxi .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.n_lianxi .txt {
  border: 1px solid #e6e9ec;
  border-radius: 0 .9375rem .9375rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.75rem 3rem;
}

.n_lianxi .txt .box {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  gap: 1rem;
}

.n_lianxi .txt h3 {
  font-size: var(--f30);
  /* color: var(--themeColor); */
  font-weight: bold;
  margin-bottom: 2rem;
}

.n_lianxi ul {
  max-width: 42.5rem;
}

.n_lianxi ul li {
  display: flex;
  align-items: center;
}

.n_lianxi ul li .ico {
  width: 3rem;
  /* height: 3.5rem; */
  height: auto;
  aspect-ratio: 51/57;
  flex-shrink: 0;
  margin-right: 1.25rem;
  background: url(../images/ico_bg2.svg) center no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_lianxi ul li .ico svg,.n_lianxi ul li .ico  img {
  width: 1.375rem;
  height: 1.375rem;
}

.n_lianxi ul li .ico svg path {
  fill: #333;
}

.n_lianxi ul li+li {
  margin-top: 1.375rem;
}

.n_lianxi ul li p {
  font-size: var(--f20);
  line-height: 1.75rem;
  color: #222222;
  font-family: 'robm-font';
}

.n_lianxi .pic {
  flex-shrink: 0;
  width: 37.8125rem;
}

.n_lianxi .lx_ewm{
	text-align: center;
	font-size: var(--f17);
}
.n_lianxi .lx_ewm img{
	width: 6rem;
}




/* 表单 */
.n_liulan{
    font-family: 'pingfangm-font';
}
.n_liulan .lt{
    width: 36%;
}
.n_liulan .rt{
    flex: 1;
}
.n_liulan .flex-one{
    gap: 6rem;
}
.n_liulan .ly-tt{
    font-size: var(--f36);
    font-weight: bold;
    color:#fff ;
}
.n_liulan .ly-subt{
    line-height: 1.5;
    font-size: var(--f18);
    margin-top: 1.5rem;
    color: #fff;
    opacity: .8;
}
.n_liulan .ly-phone{
    font-family: 'robm-font';
    font-size: var(--f22);
    color: #fff;
    margin-top: .4rem;
}
.n_liulan .ewm{
    /*background: #fff;*/
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    */
    width: 7rem;
    aspect-ratio: 1/1;
    margin-top: 2rem;
}
.n_liulan .ewm img{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}
.n_liulan .ewm-p{
    /*display: inline-block;*/
}
.n_liulan .ewm-p p{
    color: #fff;
    text-align:center ;
    font-size: var(--f16);
    margin-top: .6rem;
}
.n_liulan form {
    display: grid;
    gap: 1.625rem 1.25rem;
    grid-template-columns: repeat(2, 1fr);
}

.n_liulan .group {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    background-color:#fff ;
    border-radius: .4rem;
    display: flex;
    align-items: center;
}
.n_liulan .group.layui-form{
    overflow: unset;
    display:block ;
}
.n_liulan .group.layui-form .layui-input{
    border-radius: .4rem;
    width: 100%;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: var(--f17);
    color: #212121;
}

.n_liulan .group .span {
    white-space: nowrap;
    flex-shrink: 0;
    display: block;
    position: relative;
    font-size: var(--f18);
    color: #212121;
    padding-left: 1rem;
    /* margin-bottom: .6rem; */
}

.n_liulan .group .red {
    color: #da251d;
    position: absolute;
    right: -.6rem;
    line-height: 1;
    top: 0;

}

.n_liulan .group .input {
    width: 100%;
    /* border: 1px solid #d8d9e0; */
    /* border-radius: .4rem; */
    height: 3.5rem;
    padding: 0 1rem;
    font-size: var(--f17);
    color: #212121;
    background: transparent;
}

.n_liulan .group .yzm {
    position: absolute;
    /* right: 1px; */
    right: 1rem;
    top: 1px;
    bottom: 1px;
    display: flex;
    align-items: center;
    border-radius: 0 .625rem .625rem 0;
    overflow: hidden;
}

.n_liulan .group .yzm img {
    height: 70%;
    width: auto !important;
}

.n_liulan .button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 8rem;
    color: #fff;
    background: var(--themeColor);
    border-radius: .625rem;
    font-size: var(--f17);
    gap: .4rem;
}

.n_liulan .button i {
    font-size: var(--f24);
    transform: rotate(5deg);
    display: block;
}

.n_liulan .textareabox {
    grid-column: 1/3;
    display: block;
    gap: 0;
}

.n_liulan .textareabox textarea.input {
    padding-top: 1rem;
    width: 100%;
    height: 10rem;
    border: none;
    resize:none ;
}

.n_liulan .input::-webkit-input-placeholder,
.n_liulan .layui-input::-webkit-input-placeholder{
    font-size: var(--f17);
    color: #212121;
}

.liuyan .n-zhead h1,
.liuyan .n-zhead p{
    color: #fff;
}
.liuyan .n-zhead p::after{
    background: #fff;
}
.liuyan .desc{
    color: #fff;
    line-height: 2;
    margin-top: 1rem;
    font-size: var(--f17);
}




.connect-p{
	position: relative;
}
.connect-map .swiper-map{
	height: auto;
	aspect-ratio: 1600/580;
	border-radius: 1rem;
	
}
.connect-map .img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.connect-map .hd{
	position: absolute;
	bottom: 1rem;
	width: 60%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.connect-map .item{
	background: #666d76;
	display: block;
	padding: .6rem;
	border-radius: 20rem;
	font-size: var(--f18);
	color: #fff;
	display: flex;
	align-items: center;
	gap: .4rem;
	justify-content: center;
	transition: all .5s;
}
.connect-map .item .icon{
	height: 2.4em;
}
.connect-map .swiper-slide-thumb-active .item{
	background: var(--themeColor);
}

/* 地图辐射定位点 */
.connect-map .swiper-slide {
	position: relative;
	overflow: hidden;
}
.connect-map .map-dot {
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 5;
	cursor: pointer;
}
.connect-map .map-dot-core {
	display: block;
	width: 16px;
	height: 16px;
	background: var(--themeColor, #ff4d4f);
	border-radius: 50%;
	position: relative;
	z-index: 2;
	border: 2px solid #fff;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
}
.connect-map .map-dot-ripple {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--themeColor, #ff4d4f);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	animation: dotRipple 2s ease-out infinite;
}
.connect-map .map-dot-ripple::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: inherit;
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	animation: dotRipple 2s ease-out infinite;
	animation-delay: 0.6s;
}

@keyframes dotRipple {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}
	100% {
		transform: scale(4);
		opacity: 0;
	}
}