/* contact.css - 联系页面样式文件 */
/* 该文件包含页面布局、表单、弹窗、按钮等联系页相关样式。 */
/*
  说明：
  1. fl-builder 系列类名来自页面构建器，主要用于通用布局和模块结构。
  2. 本文件兼容响应式行为、表单交互、高级弹窗和按钮样式。
*/
.fl-builder-content *,.fl-builder-content *:before,.fl-builder-content *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* clearfix 和布局辅助类：用于保证浮动元素正确清除 */
.fl-row:before,.fl-row:after,.fl-row-content:before,.fl-row-content:after,.fl-col-group:before,.fl-col-group:after,.fl-col:before,.fl-col:after,.fl-module:before,.fl-module:after,.fl-module-content:before,.fl-module-content:after{display:table;content:" "}
.fl-row:after,.fl-row-content:after,.fl-col-group:after,.fl-col:after,.fl-module:after,.fl-module-content:after{clear:both}
.fl-row,.fl-row-content,.fl-col-group,.fl-col,.fl-module,.fl-module-content{zoom:1}
.fl-clear{clear:both}
.fl-clearfix:before,.fl-clearfix:after{display:table;content:" "}
.fl-clearfix:after{clear:both}
.fl-clearfix{zoom:1}
.fl-visible-medium,.fl-visible-medium-mobile,.fl-visible-mobile,.fl-col-group .fl-visible-medium.fl-col,.fl-col-group .fl-visible-medium-mobile.fl-col,.fl-col-group .fl-visible-mobile.fl-col{display:none}
.fl-row,.fl-row-content{margin-left:auto;margin-right:auto}
.fl-row-content-wrap{position:relative}
.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap{background-attachment:scroll}
.fl-row-bg-overlay .fl-row-content-wrap:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}
.fl-row-bg-overlay .fl-row-content{position:relative;z-index:1}
.fl-col{float:left;min-height:1px}
.fl-module img{max-width:100%}
.fl-builder-module-template{margin:0 auto;max-width:1100px;padding:20px}
/* 按钮样式：通用按钮外观、hover/active 效果 */
.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;display:inline-block;font-size:16px;font-weight:normal;line-height:18px;padding:12px 24px;text-decoration:none;text-shadow:none}
.fl-builder-content .fl-button:hover{text-decoration:none}
.fl-builder-content .fl-button:active{position:relative;top:1px}
.fl-builder-content .fl-button-width-full .fl-button{display:block;text-align:center}
.fl-builder-content .fl-button-width-custom .fl-button{display:inline-block;text-align:center;max-width:100%}
.fl-builder-content .fl-button-left{text-align:left}
.fl-builder-content .fl-button-center{text-align:center}
.fl-builder-content .fl-button-right{text-align:right}
.fl-builder-content .fl-button i{font-size:1.3em;height:auto;margin-right:8px;vertical-align:middle;width:auto}
.fl-builder-content .fl-button i.fl-button-icon-after{margin-left:8px;margin-right:0}
.fl-builder-content .fl-button-has-icon .fl-button-text{vertical-align:middle}
.fl-icon-wrap{display:inline-block}
.fl-icon{display:table-cell;vertical-align:middle}
.fl-icon a{text-decoration:none}
.fl-icon i{float:left}
.fl-icon i:before{border:none !important}
.fl-icon-text{display:table-cell;text-align:left;padding-left:15px;vertical-align:middle}
.fl-icon-text *:last-child{margin:0 !important;padding:0 !important}
.fl-icon-text a{text-decoration:none}
.fl-photo{line-height:0;position:relative}
.fl-photo-align-left{text-align:left}
.fl-photo-align-center{text-align:center}
.fl-photo-align-right{text-align:right}
.fl-photo-content{display:inline-block;line-height:0;position:relative;max-width:100%}
.fl-photo-img-svg{width:100%}
.fl-photo-content img{display:inline;height:auto !important;max-width:100%;width:auto !important}
.fl-photo-crop-circle img{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.fl-builder-pagination{padding:40px 0}
.fl-builder-pagination ul.page-numbers{list-style:none;margin:0;padding:0;text-align:center}
.fl-builder-pagination li{display:inline-block;list-style:none;margin:0;padding:0}
.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers{border:1px solid #e6e6e6;display:inline-block;padding:5px 10px;margin:0 0 5px}
.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current{background:#f5f5f5;text-decoration:none}
.fl-slideshow,.fl-slideshow *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.fl-slideshow .fl-slideshow-image img{max-width:none !important}
.fl-slideshow-social{line-height:0 !important}
.fl-slideshow-social *{margin:0 !important}
.fl-builder-content .bx-wrapper .bx-viewport{background:transparent;border:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;left:0}
.mfp-wrap button.mfp-arrow,.mfp-wrap button.mfp-arrow:active,.mfp-wrap button.mfp-arrow:hover,.mfp-wrap button.mfp-arrow:focus{background:transparent !important;border:none !important;outline:none;position:absolute;top:50%;box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important}
.mfp-wrap .mfp-close,.mfp-wrap .mfp-close:active,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus{background:transparent !important;border:none !important;outline:none;position:absolute;top:0;box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important}
.admin-bar .mfp-wrap .mfp-close,.admin-bar .mfp-wrap .mfp-close:active,.admin-bar .mfp-wrap .mfp-close:hover,.admin-bar .mfp-wrap .mfp-close:focus{top:32px !important}
img.mfp-img{padding:0}
.mfp-counter{display:none}
.mfp-wrap .mfp-preloader.fa{font-size:30px}
/* 表单样式：输入项间距、错误提示与禁用按钮样式 */
.fl-form-field{margin-bottom:15px}
.fl-form-field input.fl-form-error{border-color:#DD6420}
.fl-form-error-message{clear:both;color:#DD6420;display:none;padding-top:8px;font-size:12px;font-weight:lighter}
.fl-form-button-disabled{opacity:0.5}
/* 动画效果：加载时渐显与滑动动画 */
.fl-animation{opacity:0}
.fl-builder-mobile .fl-animation,.fl-builder-edit .fl-animation,.fl-animated{opacity:1}
.fl-animated.fl-fade-in{animation:fl-fade-in 1s ease-out;-webkit-animation:fl-fade-in 1s ease-out;-moz-animation:fl-fade-in 1s ease-out}
@keyframes fl-fade-in{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes fl-fade-in{0%{opacity:0}
100%{opacity:1}
}@-moz-keyframes fl-fade-in{0%{opacity:0}
100%{opacity:1}
}.fl-animated.fl-slide-left{animation:fl-slide-left 1s ease-out;-webkit-animation:fl-slide-left 1s ease-out;-moz-animation:fl-slide-left 1s ease-out}
@keyframes fl-slide-left{0%{opacity:0;transform:translateX(10%)}
100%{opacity:1;transform:translateX(0%)}
}@-webkit-keyframes fl-slide-left{0%{opacity:0;-webkit-transform:translateX(10%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}@-moz-keyframes fl-slide-left{0%{opacity:0;-moz-transform:translateX(10%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}.fl-animated.fl-slide-right{animation:fl-slide-right 1s ease-out;-webkit-animation:fl-slide-right 1s ease-out;-moz-animation:fl-slide-right 1s ease-out}
@keyframes fl-slide-right{0%{opacity:0;transform:translateX(-10%)}
100%{opacity:1;transform:translateX(0%)}
}@-webkit-keyframes fl-slide-right{0%{opacity:0;-webkit-transform:translateX(-10%)}
100%{opacity:1;-webkit-transform:translateX(0%)}
}@-moz-keyframes fl-slide-right{0%{opacity:0;-moz-transform:translateX(-10%)}
100%{opacity:1;-moz-transform:translateX(0%)}
}.fl-animated.fl-slide-up{animation:fl-slide-up 1s ease-out;-webkit-animation:fl-slide-up 1s ease-out;-moz-animation:fl-slide-up 1s ease-out}
@keyframes fl-slide-up{0%{opacity:0;transform:translateY(10%)}
100%{opacity:1;transform:translateY(0%)}
}@-webkit-keyframes fl-slide-up{0%{opacity:0;-webkit-transform:translateY(10%)}
100%{opacity:1;-webkit-transform:translateY(0%)}
}@-moz-keyframes fl-slide-up{0%{opacity:0;-moz-transform:translateY(10%)}
100%{opacity:1;-moz-transform:translateY(0%)}
}.fl-animated.fl-slide-down{animation:fl-slide-down 1s ease-out;-webkit-animation:fl-slide-down 1s ease-out;-moz-animation:fl-slide-down 1s ease-out}
@keyframes fl-slide-down{0%{opacity:0;transform:translateY(-10%)}
100%{opacity:1;transform:translateY(0%)}
}@-webkit-keyframes fl-slide-down{0%{opacity:0;-webkit-transform:translateY(-10%)}
100%{opacity:1;-webkit-transform:translateY(0%)}
}@-moz-keyframes fl-slide-down{0%{opacity:0;-moz-transform:translateY(-10%)}
100%{opacity:1;-moz-transform:translateY(0%)}
}.fl-button.fl-button-icon-animation i{width:0 !important;opacity:0;-ms-filter:"alpha(opacity=0)";transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out}
.fl-button.fl-button-icon-animation:hover i{opacity:1 ! important;-ms-filter:"alpha(opacity=100)"}
.fl-button.fl-button-icon-animation i.fl-button-icon-after{margin-left:0px !important}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after{margin-left:10px !important}
.fl-button.fl-button-icon-animation i.fl-button-icon-before{margin-right:0 !important}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before{margin-right:20px !important;margin-left:-10px}
.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited{background:#fafafa;border:1px solid #ccc;color:#333}
.fl-builder-content a.fl-button *,.fl-builder-content a.fl-button:visited *{color:#333}
.fl-row-content-wrap{margin:0px}
.fl-row-content-wrap{padding:20px}
.entry .fl-row-fixed-width{max-width:1100px}
.fl-module-content{margin:10px}
@media (max-width:992px){.fl-visible-desktop,.fl-visible-mobile,.fl-col-group .fl-visible-desktop.fl-col,.fl-col-group .fl-visible-mobile.fl-col{display:none}
.fl-visible-desktop-medium,.fl-visible-medium,.fl-visible-medium-mobile,.fl-col-group .fl-visible-desktop-medium.fl-col,.fl-col-group .fl-visible-medium.fl-col,.fl-col-group .fl-visible-medium-mobile.fl-col{display:block}
}@media (max-width:768px){.fl-visible-desktop,.fl-visible-desktop-medium,.fl-visible-medium,.fl-col-group .fl-visible-desktop.fl-col,.fl-col-group .fl-visible-desktop-medium.fl-col,.fl-col-group .fl-visible-medium.fl-col{display:none}
.fl-visible-medium-mobile,.fl-visible-mobile,.fl-col-group .fl-visible-medium-mobile.fl-col,.fl-col-group .fl-visible-mobile.fl-col{display:block}
.fl-row-content-wrap{background-attachment:scroll !important}
.fl-row-bg-parallax .fl-row-content-wrap{background-attachment:scroll !important;background-position:center center !important}
.fl-col-group.fl-col-group-equal-height{display:block}
.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.fl-col-group.fl-col-group-responsive-reversed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;flex-flow:row wrap;-ms-box-orient:horizontal;-webkit-flex-flow:row wrap}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(1){-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:12;-webkit-order:12;order:12}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(2){-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:11;-webkit-order:11;order:11}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(3){-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:10;-webkit-order:10;order:10}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(4){-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:9;-webkit-order:9;order:9}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(5){-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(6){-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(7){-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(8){-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(9){-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(10){-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(11){-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}
.fl-col-group-responsive-reversed .fl-col:nth-of-type(12){-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}
.fl-col{clear:both;float:none;margin-left:auto;margin-right:auto;width:auto !important}
.fl-col-small{max-width:400px}
.fl-block-col-resize{display:none}
.fl-row[data-node] .fl-row-content-wrap{border-left:none;border-right:none;margin:0;padding-left:0;padding-right:0}
.fl-row[data-node] .fl-bg-video,.fl-row[data-node] .fl-bg-slideshow{left:0;right:0}
.fl-col[data-node] .fl-col-content{border-left:none;border-right:none;margin:0;padding-left:0;padding-right:0}
}.fl-node-586bad7834a0d>.fl-row-content-wrap{background-image:url(../images/contact.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:scroll;background-size:cover}
.fl-node-586bad7834a0d>.fl-row-content-wrap:after{background-color:#ffffff;background-color:rgba(255,255,255,0.5)}
.fl-node-586bad7834a0d>.fl-row-content-wrap{padding-top:200px;padding-bottom:200px}
.fl-node-586a3633dec9c>.fl-row-content-wrap{padding-top:40px;padding-right:0px;padding-bottom:0px;padding-left:0px}
.fl-node-586bad7834ae1{width:100%}
.fl-node-586a3633ded51{width:25%}
.fl-node-586a3633deda9{width:25%}
.fl-node-586a3633dee07{width:25%}
.fl-node-586a3633dee60{width:25%}
.fl-module-heading .fl-heading{padding:0 !important;margin:0 !important}
.fl-node-586bad7834b40.fl-module-heading .fl-heading{text-align:center;font-size:30px;letter-spacing:2px}
.fl-node-586bad7834b40 h2.fl-heading a,.fl-node-586bad7834b40 h2.fl-heading .fl-heading-text,.fl-node-586bad7834b40 h2.fl-heading .fl-heading-text *,.fl-row .fl-col .fl-node-586bad7834b40 h2.fl-heading .fl-heading-text{color:#ffffff}
.fl-node-586bad7834b40>.fl-module-content{margin-top:0px;margin-bottom:10px}
@media (max-width:768px){.fl-module-icon{text-align:center !important}
}.fl-node-586a3633deeb6.fl-module-icon{text-align:center}
.fl-node-586a3633deeb6 .fl-module-content .fl-icon i,.fl-node-586a3633deeb6 .fl-module-content .fl-icon i:before{color:#ff7e00;font-size:60px;height:auto;width:auto;background:#f2f2f2;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;line-height:105px;height:105px;width:105px;text-align:center}
.fl-node-586a3633deeb6 .fl-module-content .fl-icon i:hover,.fl-node-586a3633deeb6 .fl-module-content .fl-icon i:hover:before,.fl-node-586a3633deeb6 .fl-module-content .fl-icon a:hover i,.fl-node-586a3633deeb6 .fl-module-content .fl-icon a:hover i:before{}
.fl-node-586a3633deeb6 .fl-module-content .fl-icon-text{height:105px}
.fl-node-586a3633def2b.fl-module-heading .fl-heading{text-align:center;font-size:22px}
.fl-node-586a3633def2b>.fl-module-content{margin-top:0px;margin-bottom:0px}
.fl-node-586a3633defee.fl-module-icon{text-align:center}
.fl-node-586a3633defee .fl-module-content .fl-icon i,.fl-node-586a3633defee .fl-module-content .fl-icon i:before{color:#ff7e00;font-size:60px;height:auto;width:auto;background:#f2f2f2;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;line-height:105px;height:105px;width:105px;text-align:center}
.fl-node-586a3633defee .fl-module-content .fl-icon i:hover,.fl-node-586a3633defee .fl-module-content .fl-icon i:hover:before,.fl-node-586a3633defee .fl-module-content .fl-icon a:hover i,.fl-node-586a3633defee .fl-module-content .fl-icon a:hover i:before{}
.fl-node-586a3633defee .fl-module-content .fl-icon-text{height:105px}
.fl-node-586a3633df101.fl-module-heading .fl-heading{text-align:center;font-size:22px}
.fl-node-586a3633df101>.fl-module-content{margin-top:0px;margin-bottom:0px}
.fl-node-586a3633df04d.fl-module-icon{text-align:center}
.fl-node-586a3633df04d .fl-module-content .fl-icon i,.fl-node-586a3633df04d .fl-module-content .fl-icon i:before{color:#ff7e00;font-size:60px;height:auto;width:auto;background:#f2f2f2;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;line-height:105px;height:105px;width:105px;text-align:center}
.fl-node-586a3633df04d .fl-module-content .fl-icon i:hover,.fl-node-586a3633df04d .fl-module-content .fl-icon i:hover:before,.fl-node-586a3633df04d .fl-module-content .fl-icon a:hover i,.fl-node-586a3633df04d .fl-module-content .fl-icon a:hover i:before{}
.fl-node-586a3633df04d .fl-module-content .fl-icon-text{height:105px}
.fl-node-586a3633df156.fl-module-heading .fl-heading{text-align:center;font-size:22px}
.fl-node-586a3633df156>.fl-module-content{margin-top:0px;margin-bottom:0px}
.fl-node-586a3633df0ad.fl-module-icon{text-align:center}
.fl-node-586a3633df0ad .fl-module-content .fl-icon i,.fl-node-586a3633df0ad .fl-module-content .fl-icon i:before{color:#ff7e00;font-size:60px;height:auto;width:auto;background:#f2f2f2;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;line-height:105px;height:105px;width:105px;text-align:center}
.fl-node-586a3633df0ad .fl-module-content .fl-icon i:hover,.fl-node-586a3633df0ad .fl-module-content .fl-icon i:hover:before,.fl-node-586a3633df0ad .fl-module-content .fl-icon a:hover i,.fl-node-586a3633df0ad .fl-module-content .fl-icon a:hover i:before{}
.fl-node-586a3633df0ad .fl-module-content .fl-icon-text{height:105px}
.fl-node-586a3633df1ac.fl-module-heading .fl-heading{text-align:center;font-size:22px}
.fl-node-586a3633df1ac>.fl-module-content{margin-top:0px;margin-bottom:0px}
.layout{width:1400px;margin:0 auto;position:relative}
.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none}
@media only screen and (max-width:1680px){.layout{width:1300px}
}@media only screen and (max-width:1440px){.layout{width:1200px}
}@media only screen and (max-width:1366px){.layout{width:1150px}
}@media only screen and (max-width:1200px){.layout{width:92%}
}.entry{padding:15px 0}
.entry{color:#666}
.entry a{color:#0030FF}
.entry p{margin:0;padding:8px 0;font-size:13px;line-height:1.8}
.entry img{max-width:100%}
.inquiry-form-wrap.ct-inquiry-form{margin-top:20px;max-width:1400px}
.inquiry-form-wrap.ct-inquiry-form .layout{height:420px !important;box-shadow: 0 0 10px rgb(0,0,0,.1);}
@media only screen and (max-width:480px){.layout{width:100%;padding-left:10px;padding-right:10px}
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-home:before{content:"\f015"}.fa-whatsapp:before{content:"\f232"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@font-face{font-family:"foundation-icons";src:url("../fonts/foundation-icons.ttf") format("truetype");font-weight:normal;font-style:normal;}.fi-mail:before,.fi-telephone:before{font-family:"foundation-icons";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;display:inline-block;text-decoration:inherit;}.fi-mail:before{content:"\f16d";}.fi-telephone:before{content:"\f1f8";}.fa-plus:before{content:"\f067";}.fa-minus:before{content:"\f068";}.fa-map-marker:before{content:"\f041"}.fa-envelope:before{content:"\f0e0"}.fa-phone:before{content:"\f095"}.fa-paper-plane:before{content:"\f1d8"}


 /* 栏目图片自适应样式 */
.category-banner{
  display:block;
  width:100%;
  height:auto;
  max-height:10vh; /* 保留最大高度限制 */
  object-fit:cover;
  aspect-ratio:16/4; 
  /* 
    注意：如果发现修改 max-height 后依然没有高度变化，
    说明 aspect-ratio 的计算高度小于 max-height，
    此时如果需要容器高度随 max-height 变小，可以移除 aspect-ratio，
    或者改为 aspect-ratio: auto 16/4; 让浏览器在高度受限时自动调整宽高比。
  */
} 
@media (max-width:768px){ 
  .category-banner{
    max-height:5vh; 
    /* 在小屏幕下同理，如果高度仍不变化，考虑移除 aspect-ratio: 4/1; */
  } 
}


/* ===== Contact Page Styles - Moved from contact.html ===== */
/* ===== Color Palette ===== */
:root {
  --ct-brand-orange: #EB7619;
  --ct-brand-orange-dark: #D46A17;
  --ct-bg-warm: #FAF9F6;
  --ct-bg-card: #FFFFFF;
  --ct-text-dark: #1A1A2E;
  --ct-text-muted: #6B7280;
  --ct-text-light: #9CA3AF;
  --ct-border-light: #E2E8F0;
  --ct-border-hover: #F5D0C5;
  --ct-icon-bg: #FFF5F2;
}

/* ===== Contact Page Layout ===== */
.ct_page_main {
  width: 100%;
  background-color: var(--ct-bg-warm);
  padding: 60px 20px;
  box-sizing: border-box;
}

.ct_page_inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* ===== Left Column: Contact Info ===== */
.ct_left {
  flex: 0 0 42%;
  box-sizing: border-box;
}

.ct_page_title {
  font-size: 28px;
  font-weight: 600;
  color: var(--ct-text-dark);
  margin: 0 0 12px 0;
  letter-spacing: -0.3px;
  line-height: 1.2;
}

.ct_page_sub {
  font-size: 14px;
  color: var(--ct-text-muted);
  margin: 0 0 36px 0;
  line-height: 1.6;
}

.ct_contact_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ===== Contact Card - Enhanced with Brand Orange ===== */
.ct_contact_item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px;
  background-color: var(--ct-bg-card);
  border-radius: 12px;
  border: 1px solid var(--ct-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ct_contact_item:hover {
  transform: translateY(-3px);
  border-color: var(--ct-brand-orange);
  box-shadow: 0 8px 24px rgba(235, 118, 19, 0.12);
}

/* ===== Icon - Vibrant Orange Circle ===== */
.ct_item_icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: var(--ct-brand-orange);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 18px;
  box-shadow: 0 4px 12px rgba(235, 118, 19, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ct_contact_item:hover .ct_item_icon {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(235, 118, 19, 0.35);
}

.ct_item_content {
  flex: 1;
  padding-top: 4px;
}

.ct_item_label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--ct-text-light);
  margin: 0 0 6px 0;
}

.ct_item_value {
  font-size: 14px;
  color: var(--ct-text-dark);
  margin: 0;
  line-height: 1.5;
}

.ct_item_link {
  font-size: 14px;
  color: var(--ct-text-dark);
  text-decoration: none;
  transition: color 0.3s ease;
}

.ct_item_link:hover {
  color: var(--ct-brand-orange);
}

/* Optional Map Wrap */
.ct_map_wrap {
  margin-top: 28px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* ===== Right Column: Inquiry Form ===== */
.ct_right {
  flex: 0 0 58%;
  box-sizing: border-box;
}

.ct_form_wrap {
  background-color: var(--ct-bg-card);
  border-radius: 16px;
  padding: 40px;
  border: 1px solid var(--ct-border-light);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
}

.ct_form_header {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 2px solid var(--ct-brand-orange);
}

.ct_form_title {
  font-size: 22px;
  font-weight: 700;
  color: var(--ct-text-dark);
  margin: 0 0 8px 0;
  letter-spacing: -0.3px;
}

.ct_form_sub {
  font-size: 13px;
  color: var(--ct-text-muted);
  margin: 0;
  line-height: 1.5;
}

/* ===== Form Rows & Fields ===== */
.ct_form_row {
  display: flex;
  gap: 20px;
}

.ct_form_group {
  flex: 1;
  margin-bottom: 24px;
}

.ct_label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--ct-text-muted);
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.ct_required {
  color: var(--ct-brand-orange);
  margin-left: 2px;
  font-weight: 700;
}

/* Premium Inputs: bottom-border only */
.ct_input,
.ct_textarea {
  width: 100%;
  padding: 12px 0;
  font-size: 14px;
  font-family: inherit;
  color: var(--ct-text-dark);
  background-color: transparent;
  border: none;
  border-bottom: 1.5px solid var(--ct-border-light);
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  -webkit-appearance: none;
  appearance: none;
}

.ct_input::placeholder,
.ct_textarea::placeholder {
  color: var(--ct-text-light);
  font-weight: 400;
}

/* Focus: bottom border + label color change */
.ct_input:focus,
.ct_textarea:focus {
  border-bottom-color: var(--ct-brand-orange);
  box-shadow: 0 2px 0 0 var(--ct-brand-orange);
}

.ct_input:focus ~ .ct_label,
.ct_textarea:focus ~ .ct_label,
.ct_form_group:focus-within .ct_label {
  color: var(--ct-brand-orange);
}

/* Animate label on focus within the group */
.ct_form_group:focus-within .ct_label {
  color: var(--ct-brand-orange);
}

.ct_textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.6;
}

/* ===== Submit Button ===== */
.ct_form_footer {
  margin-top: 12px;
}

.ct_submit_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 180px;
  padding: 14px 32px;
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: var(--ct-brand-orange);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 16px rgba(235, 118, 19, 0.3);
}

.ct_submit_btn:hover {
  background-color: var(--ct-brand-orange-dark);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(235, 118, 19, 0.38);
}

.ct_submit_btn:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(235, 118, 19, 0.25);
}

.ct_submit_btn .fa {
  font-size: 14px;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .ct_page_main {
    padding: 40px 16px;
  }

  .ct_page_inner {
    flex-direction: column;
    gap: 40px;
  }

  .ct_left,
  .ct_right {
    flex: 0 0 100%;
    width: 100%;
  }

  .ct_page_title {
    font-size: 24px;
  }

  .ct_form_wrap {
    padding: 28px 24px;
  }

  .ct_form_row {
    flex-direction: column;
    gap: 0;
  }

  .ct_form_title {
    font-size: 20px;
  }

  .ct_submit_btn {
    width: 100%;
    justify-content: center;
  }
}