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

/*banner*/
.contact-banner{position:relative;width:100%;height:960px;background: url("../images/contact/banner.webp") center center / cover no-repeat;display:flex;align-items: self-end;color:#fff;overflow:hidden;}
/* 内容容器，层级高于遮罩 */
.banner-content-wrap{position:relative;z-index:2;width:100%;margin-bottom:2%;}
/* 上部文本区域 */
.banner-text-block{max-width:600px;margin-bottom:20%;font-size:0;}
.banner-text-block h1{font-size:48px;font-weight:700;margin-bottom:16px;}
.banner-text-block p{font-size:16px;line-height:1.7;opacity:0.92;margin-bottom:6px;}
.banner-text-block a{margin-top:3%;}
/* 绿色渐变按钮 */
.banner-btn {padding: clamp(12px, 1.2vw, 15px) clamp(28px, 3vw, 38px);margin-top:clamp(18px, 2.5vw, 20px);}
.contact-btn:hover{opacity:0.88;transform:translateY(-2px);}
/* 底部三栏联系方式 */
.contact-info-row{display:grid;grid-template-columns:0.7fr 0.7fr 1.6fr;gap:40px;width:80%;}
/* 上下结构 + 左对齐核心样式 */
.info-item{display:flex;flex-direction:column;align-items:flex-start;  text-align:left;gap:12px;}
.info-item a{color:#fff;}
.info-item .icon{font-size:32px;}
.info-item .text h4{font-size:15px;opacity:0.85;font-weight:400;margin-bottom:10px;}
.info-item .text p{font-size:16px;}

/*message*/
.form-section{width:100%;padding:80px 5%;background:#ffffff;}
.form-top-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;}
.form-title{font-size:clamp(24px, 5vw, 46px);font-weight:bold;color:#111;margin-bottom:24px;}
.form-desc{color:#555;line-height:1.65;font-size:16px;}
/* 表单两行布局 */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.form-item label{display:block;font-size:15px;color:#444;margin-bottom:6px;}
.form-item input,.form-item textarea{width:100%;height:44px;padding:0 14px;border:1px solid #e9e9e9;background:#f7f7f7;font-size:16px;border-radius:3px;transition:0.25s ease;outline:none;}
/* 焦点样式：选中背景变为白色 */
.form-item input:focus,.form-item textarea:focus{background:#fff;border-color:#c9c9c9;}
.form-item textarea{height:180px;padding:12px 14px;resize:none;}
.full-width{grid-column:1 / -1;}
.submit-box{text-align:center;margin-top:32px;}
.submit-btn{padding:12px 42px;border:none;border-radius:6px;background:linear-gradient(90deg,#93B658,#3A9841);color:#fff;font-size:16px;cursor:pointer;transition:0.3s;}
.submit-btn:hover{opacity:0.9;}

/*map*/
.map{font-size:0;}
.map iframe{width:100%;height:720px;}





@media screen and (min-width:1200px) and (max-width:1500px) {
	.contact-banner{height:820px;}
	.form-section{width:100%;padding:50px 0;background:#ffffff;}
/*map*/
	.map iframe{width:100%;height:650px;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	.contact-banner{height:650px;}
	.form-section{width:100%;padding:50px 0;background:#ffffff;}
	.form-title{font-size:clamp(20px, 4vw, 36px);}
/*map*/
	.map iframe{width:100%;height:540px;}
}

@media screen and (min-width:769px) and (max-width:992px) {
	.contact-info-row{display:grid;grid-template-columns:0.5fr 0.5fr 2fr;gap:10px;width:80%;}
    .banner-text-block h1{font-size: clamp(24px, 5vw, 38px);}
    .contact-banner{height:640px;}
}

@media screen and (max-width: 769px) {
	.contact-info-row{grid-template-columns:1fr;gap:36px;width:100%;}
    .banner-text-block h1{font-size: clamp(20px, 5vw, 32px);}
    .contact-banner{height:auto;padding:48px 5%;}
    .banner-text-block{margin-bottom:48px;}
	.info-item{display:flex;flex-direction:inherit;align-items:flex-start;text-align:left;gap:12px;}
/*message*/
	.form-section{padding:40px 5%;}
	.form-top-row{grid-template-columns:1fr;gap:0px;}
    .form-grid{grid-template-columns:1fr;}
/*map*/
	.map iframe{width:100%;height:420px;}
}