@charset 'utf-8';
.con_contactus { background: #f7f7f7; padding: 60px 0 0 0; }
.text-center { text-align: center }
input[type=submit] { transition: all .3s !important }
input, textarea { outline: none }
.col-md-4, .col-sm-6, .col-md-8, .col-sm-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

@media (min-width: 768px) {
.col-sm-6, .col-sm-12 { float: left }
.col-sm-12 { width: 100% }
.col-sm-6 { width: 50% }
}

@media (min-width: 992px) {
.col-md-4, .col-md-8 { float: left }
.col-md-8 { width: 66.666666666667% }
.col-md-4 { width: 33.333333333333% }
}
.paddTop15 { padding-top: 15px }
.paddBottom30 { padding-bottom: 30px }
.paddBottom65 { padding-bottom: 65px }
.paddBottom90 { padding: 30px; }

@media (max-width: 960px) {
.paddBottom90 { padding: 0; }
}

:where(.wp-block-button__link) {
 border-radius: 9999px;
 box-shadow: none;
 padding: calc(.667em + 2px) calc(1.333em + 2px);
 text-decoration: none
}
 .wp-block-calendar table:where(:not(.has-text-color)) {
 color: #40464d
}
 .wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th {
 border-color: #ddd
}

:where(.wp-block-calendar table:not(.has-background) th) {
 background: #ddd
}

:where(.wp-block-columns.has-background) {
 padding: 1.25em 2.375em
}
 .wp-block-post-comments .comment-reply-title :where(small) {
 font-size: var(--wp--preset--font-size--medium, smaller);
 margin-left: .5em
}

:where(.wp-block-post-comments input[type=submit]) {
 border: none
}
 @supports (position: sticky) {
}
 @supports (-webkit-overflow-scrolling:touch) {
}

:where(.wp-block-file__button) {
 border-radius: 2em;
 padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited {
 box-shadow: none;
 color: #fff;
 opacity: .85;
 text-decoration: none
}
 @supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
}
 .wp-block-image :where(.has-border-color) {
 border-style: solid
}
 .wp-block-image :where([style*=border-top-color]) {
 border-top-style: solid
}
 .wp-block-image :where([style*=border-right-color]) {
 border-right-style: solid
}
 .wp-block-image :where([style*=border-bottom-color]) {
 border-bottom-style: solid
}
 .wp-block-image :where([style*=border-left-color]) {
 border-left-style: solid
}
 .wp-block-image :where([style*=border-width]) {
 border-style: solid
}
 .wp-block-image :where([style*=border-top-width]) {
 border-top-style: solid
}
 .wp-block-image :where([style*=border-right-width]) {
 border-right-style: solid
}
 .wp-block-image :where([style*=border-bottom-width]) {
 border-bottom-style: solid
}
 .wp-block-image :where([style*=border-left-width]) {
 border-left-style: solid
}
ul { box-sizing: border-box }
 .wp-block-navigation:where(:not([class*=has-text-decoration])) a {
 text-decoration: none
}
 .wp-block-navigation:where(:not([class*=has-text-decoration])) a:active, .wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
 text-decoration: none
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
 padding: .5em 1em
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
 padding: .5em 1em
}
.has-drop-cap:not(:focus):first-letter { float: left; font-size: 8.4em; font-style: normal; font-weight: 100; line-height: .68; margin: .05em .1em 0 0; text-transform: uppercase }
body.rtl .has-drop-cap:not(:focus):first-letter { float: none; margin-left: .1em }

:where(p.has-text-color:not(.has-link-color)) a {
 color: inherit
}
 .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
 font-weight: inherit
}
 .wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
 font-family: inherit
}
 .wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
 font-size: inherit
}
 .wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
 line-height: inherit
}
 .wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
 font-style: inherit
}
 .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
 letter-spacing: inherit
}
 .wp-block-post-comments-form .comment-reply-title :where(small) {
 font-size: var(--wp--preset--font-size--medium, smaller);
 margin-left: .5em
}
 .wp-block-quote.is-large:where(:not(.is-style-plain)), .wp-block-quote.is-style-large:where(:not(.is-style-plain)) {
 margin-bottom: 1em;
 padding: 0 1em
}
 .wp-block-quote.is-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
 font-size: 1.5em;
 font-style: italic;
 line-height: 1.6
}
 .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer {
 font-size: 1.125em;
 text-align: right
}

:where(.wp-block-search__button) {
 border: 1px solid #ccc;
 padding: .375em .625em
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
 border: 1px solid #949494;
 padding: 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
 border: none;
 border-radius: 0;
 padding: 0 0 0 .25em
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
 outline: none
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
 padding: .125em .5em
}

:where(pre.wp-block-verse) {
 font-family: inherit
}
:root { --wp--preset--font-size--normal: 16px;
 --wp--preset--font-size--huge: 42px
}
 html :where(.has-border-color) {
 border-style: solid
}
 html :where([style*=border-top-color]) {
 border-top-style: solid
}
 html :where([style*=border-right-color]) {
 border-right-style: solid
}
 html :where([style*=border-bottom-color]) {
 border-bottom-style: solid
}
 html :where([style*=border-left-color]) {
 border-left-style: solid
}
 html :where([style*=border-width]) {
 border-style: solid
}
 html :where([style*=border-top-width]) {
 border-top-style: solid
}
 html :where([style*=border-right-width]) {
 border-right-style: solid
}
 html :where([style*=border-bottom-width]) {
 border-bottom-style: solid
}
 html :where([style*=border-left-width]) {
 border-left-style: solid
}
 html :where(img[class*=wp-image-]) {
 height: auto;
 max-width: 100%
}
 html :where(.is-position-sticky) {
 --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width: 600px) {
 html :where(.is-position-sticky) {
 --wp-admin--admin-bar--position-offset: 0px
}
}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
input, textarea { color: inherit; font: inherit; margin: 0 }
input[type=submit] { -webkit-appearance: button; cursor: pointer }
 input::-moz-focus-inner {
 border: 0;
 padding: 0
}
input { line-height: normal }
textarea { overflow: auto }
body { color: #000; background: #fff; font-style: normal }
i { font-style: italic }
img { height: auto; max-width: 100% }
textarea { padding-left: 3px; width: 100% }
a { color: #4169e1 }
a:focus, a:hover { color: #191970 }
a:focus { outline: thin dotted }
a:hover { outline: 0 }
::selection { color: #fff; background: #0274be }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body:not(.logged-in) { position: relative }
.MTcontactPageForm input[type=submit] { display: inline-block; color: #fff; font-size: 16px; text-align: center; padding: 10px 20px; text-decoration: none !important; background: #004e9d; border: 1px solid #004e9d; transition: all .3s }
.MTcontactPageForm input[type=submit]:hover { background: #111; border: 1px solid #111; color: #fff !important }
.MTcontactPageForm input[type=submit] { min-width: 145px }
.clrWhite { color: #fff !important }
.MTcontactPageForm input[type=text], .MTcontactPageForm input[type=email], .MTcontactPageForm textarea { width: 100%; border: none; background: #fff; border-bottom: 1px solid #d4d4d4; padding: 15px 30px; border-radius: 0; font-size: 16px; color: #000; }
.MTcontactPageForm textarea { min-height: 170px; border: 1px solid #ddd; padding: 20px 45px !important }
.MTnameField, .MTemailField { margin-top: 20px; position: relative; }
.MTnumberField, .MTcompanyField, .MTtextField { margin-top: 20px; position: relative; }
.MTbuttonField { margin-top: 30px; text-align: center; }
.MTnameField::after { width: 22px; height: 22px; content: ''; background: url(../images/mtnameicon.png) left center no-repeat !important; position: absolute; left: 15px; top: 15px; }
.MTemailField::after { width: 22px; height: 22px; content: ''; background: url(../images/mtmailicon.png) left center no-repeat !important; position: absolute; left: 15px; top: 15px; }
.MTnumberField::after { width: 22px; height: 22px; content: ''; background: url(../images/mtnumbericon.png) left center no-repeat !important; position: absolute; left: 15px; top: 15px; }
.MTcompanyField::after { width: 22px; height: 22px; content: ''; background: url(../images/mtcompanyicon.png) left center no-repeat !important; position: absolute; left: 15px; top: 15px; }
.MTtextField::after { width: 22px; height: 22px; content: ''; background: url(../images/mtmessgicon.png) left center no-repeat !important; position: absolute; left: 30px; top: 20px; }
.MTcontactDetailWrapper { background: url(../images/lan.png); }
.MTcontactDetailContent { padding: 40px 25px 30px }
.MTcontactDetailTitle { font-size: 50px; line-height: 30px; color: #fff; font-weight: 300; display: block; letter-spacing: 2px; padding-top: 15px }
.MTcontactDetailTitle span { font-size: 16px; display: block; padding-bottom: 15px }
.MTcontactDetailSep { border-bottom: 1px solid #fff }
.MTcontactDetails { padding: 35px 25px }
.MTcontactDetails ul { padding: 0; margin: 0; list-style-type: none; position: relative }
.MTcontactDetails ul li { position: relative; padding: 7px 0 6px 40px; margin-bottom: 10px; font-size: 16px; line-height: 20px; color: #fff }
.MTcontactDetails ul li a { color: #fff }
.MTcontactDetails ul li:before { position: absolute; content: ''; top: 0; left: 0; width: 33px; height: 33px; background: url(../images/cu3contactsprite.png) }
.MTcontactDetails ul li.email:before { background-position: 0 0 }
.MTcontactDetails ul li.location1:before { background-position: 0 -33px; }
.MTcontactDetails ul li.address:before { background-position: 0 -98px; }
.MTcontactQuote { position: relative; font-size: 16px; line-height: 24px; color: #fff; margin-top: 80px; padding: 40px 0 30px }
.MTcontactQuote:after { position: absolute; content: ''; bottom: 0; right: 0; width: 36px; height: 30px; transform: scale(-1, -1) }
.MTcontactPageForm { padding: 75px 40px; background: #fff; }
.MTcontactPageForm .FormTitle { padding-bottom: 30px; text-align: center; }
.MTcontactPageForm .FormTitle h2 { display: inline-block; font-size: 46px; color: #000; position: relative; padding-bottom: 20px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.MTcontactPageForm .FormTitle h2::after { width: 50px; height: 5px; content: ''; background: #1453ac; border-radius: 3px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.MTcontactPageForm .FormTitle p { font-size: 16px; line-height: 24px; margin-top: 20px; }
.MTcontactFormText { font-size: 16px; /* text-align: center; */ line-height: 32px; }
.MTaboutContactWrapper { box-shadow: 0px 0px 3px 3px rgb(0 54 172 / 12%); }
.MTcontactDetailSection { padding: 0 }

@media(max-width: 991px) {
.responsiveMargin { margin-top: 30px }
}

@media(max-width: 479px) {
.MTcontactPageForm { padding: 30px 10px }
.MTnameField, .MTemailField { margin-bottom: 30px }
}

@media (max-width:960px) {
.con_contactus { padding: 30px 15px 0 15px; }
.MTcontactPageForm .FormTitle h2 { font-size: 22px; font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif; }
.paddBottom65 { padding-bottom: 30px; }
}
/* 标题样式 */
.page-title { font-size: 22px; font-weight: 600; margin-bottom: 20px; color: #222; }
/* 分隔线 */
.divider { height: 1px; background-color: #e0e0e0; margin-bottom: 20px; }
/* 产品卡片容器 */
.product-card { display: flex; align-items: center; gap: 20px; padding: 15px 0; flex-wrap: wrap; /* 移动端自动换行 */ }
/* 产品图片容器 */
.product-image { flex: 0 0 auto; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.product-image img { max-width: 100%; max-height: 100%; object-fit: contain; }
/* 产品信息容器 */
.product-info { flex: 1; /* 占满剩余空间 */ min-width: 200px; /* 移动端最小宽度 */ }
/* 产品SKU标签 */
.product-sku { display: inline-block; color: #2d7fd1; padding: 3px 8px; border-radius: 3px; font-size: 18px; margin-bottom: 8px; }
/* 产品描述 */
.product-desc { font-size: 14px; color: #555; line-height: 1.4; }
/* 数量和操作容器 */
.product-actions { display: flex; align-items: center; gap: 15px; flex: 0 0 auto; margin-left: auto; /* 靠右对齐 */ }
/* 数量输入框 */
.quantity-input { width: 100px; padding: 5px 8px; border: 1px solid #ddd; border-radius: 4px; text-align: center; font-size: 14px; }
/* 操作图标按钮 */
.action-btn { background: none; border: none; cursor: pointer; font-size: 18px; color: #666; transition: color 0.2s;margin-right: 20px; }
.action-btn:hover { color: #0099ff; }

/* 移动端适配 (屏幕宽度小于768px) */
@media (max-width: 768px) {
.product-card { flex-direction: column; align-items: flex-start; gap: 10px; }
.product-actions { margin-left: 0; margin-top: 10px; width: 100%; justify-content: flex-start; }
.product-info { min-width: 100%; }
}