@charset "utf-8";
/* CSS Document */
/*
================================================
页面bennar
================================================
*/

.pagebennar {background-position: center;background-size: cover;position: relative;background-image: url(../images/breadcrumb-bg.jpg);margin: 0;padding: 160px 0 90px;}
.pagebennar::before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #003769;opacity: 0.9;}
.pagebennar_title {vertical-align: middle;}
.pagebennar_title h1 {color: #FFFFFF;font-size: 24px;text-align: left;}
.place {margin: 0;padding: 24px 0;background: #A4A6B5;text-align: left;}
.place .breadcrumb,
.place .site-breadcrumb,
.Banner_posi .site-breadcrumb {display: block;margin: 0;padding: 0;background: transparent;border-radius: 0;}
.place .breadcrumb-item,
.Banner_posi .breadcrumb-item {display: block;color: #fff;font-size: 16px;font-weight: 700;line-height: 1.4;text-transform: none;}
.place .breadcrumb-item a,
.Banner_posi .breadcrumb-item a {color: #fff;text-decoration: none;transition: color 0.2s ease;}
.place .breadcrumb-item a:hover,
.Banner_posi .breadcrumb-item a:hover {color: #f3f4f7;text-decoration: none;}
.place .place-separator,
.Banner_posi .place-separator {display: inline-block;margin: 0 6px;color: #ec1831;font-weight: 700;}
.Banner_posi .orientation_posi {margin: 0;padding: 24px 0;background: #A4A6B5;text-align: left;}
.Banner_posi .orientation_posi:hover {background: #A4A6B5;}
.Banner_posi .orientation_posi .box,
.Banner_posi .orientation_posi .box:hover {color: #fff;font-size: 16px;font-weight: 700;}
/*
================================================
章节标题
================================================
*/
.sec-title {margin: 40px 0;text-align: center;}
.sec-title h2 {font-size: 32px;color: #202a30;font-weight: 600;margin: 0;margin-bottom: 15px;}
.sec-title h2 span {color: #f64b3c;}
.sec-title p {font-size: 16px;color: #747474;margin: 0;margin-bottom: 20px;}
.sec-title span.decor {width: 16px;height: 16px;border-radius: 50%;border: 2px solid #a2a1a1;background: #fff;display: inline-block;position: relative;z-index: 1;}
.sec-title span.decor::before {left: 14px;}
.sec-title span.decor::before,
.sec-title span.decor::after {content: '';position: absolute;top: 5px;width: 50px;height: 2px;background: #cecece;z-index: -1;}
.sec-title span.decor::after {right: 14px;}
.sec-title span.inner {width: 6px;height: 6px;background: #cecece;border-radius: 50%;display: block;margin: auto;margin-top: 3px;}
/*
================================================
落地页页面内容
================================================
*/

.pagecontent {background-color: #fff;margin: 20px 0;padding: 30px 18px;}
.pagecontent h1 {text-align: left;padding-bottom: 20px;}
.pagecontent img {max-width: 100%;height: auto;vertical-align: middle;}
/*
================================================
定制
================================================
*/
.customized-service {display: block;background-color: #003561;margin: 6px 0;padding: 100px 0;}
.customized-service-content {text-align: center;}
.customized-service-content p {font-size: 16px;color: #ccc}
.customized-service .btn {padding: 8px 40px;margin-top: 60px;}

/*
================================================
Application scope（应用范围）
================================================
*/
.Application-sec {padding: 50px 0 90px;margin: 6px 0;display: block;background-color: #EDEDED;}
.Application-service {margin-top: 40px;padding: 20px;background: #fff;box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.05);transition: all 0.3s ease 0s;}
.Application-service:hover {box-shadow: 0px 10px 80px rgb(6 6 6 / 69%);border-radius: 20px;}
.Application-service .icon {float: left;text-align: center;width: 24%;}
.Application-service .icon img {width: 60px;}
.Application-content-box {display: inline-block;width: 76%;}
.Application-content-box>h2 {font-size: 18px;margin-bottom: 10px;}
.Application-content-box>p {line-height: 1.5;margin: 0;color: #888;}


/*
================================================
联系我们
================================================
*/

/*联系我们聚合页*/
.contactlist {background: url(../images/contactlist.jpg) center center no-repeat;background-size: cover;position: relative;z-index: 2;margin: 2px 0;padding: 50px 0;}
.contactlist:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;opacity: 0.86;z-index: -1;}
/*
.contactlist{position:relative;margin: 50px 0; -webkit-transition:.5s;transition:.5s;}
*/

.contactlist .item-single {position: relative;margin: 10px 0;padding: 40px 30px;overflow: hidden;background: #fff;border-radius: 20px;border: 1px solid #d4d4d4;text-align: center;z-index: 1;transition: .5s;-webkit-transition: .5s;transition-delay: .1s;-webkit-transition-delay: .1s;}
.contactlist .item-single::after {position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 0;background: #fc5a34;-webkit-transition: .5s;transition: .5s;z-index: -1;}
.contactlist .item-single i {display: inline-block;color: #fff;font-size: 40px;width:80px;height:80px;padding: 10px;border-radius: 20px;background: #fc5a34;-webkit-transition: .5s;transition: .5s;}
.contactlist .item-single h3 {font-size: 20px;margin: 30px 0;}
.contactlist .item-single:hover {border: 1px solid #fc5a34;-webkit-box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09);box-shadow: 0 40px 44px 0 rgba(102, 102, 102, 0.09), 0 40px 44px 0 rgba(102, 102, 102, 0.09);}
.contactlist .item-single:hover::after {height: 100%;}
.contactlist .item-single:hover i {color: #ebebeb;background: rgba(6, 18, 28, 0.3);}
.contactlist .item-single .def-btn {width: auto;height: auto;padding: 6px 30px;}
/*联系我们聚合页结束*/

.contact-page .contact_us {background: url(../images/breadcrumb-bg.jpg) center center / cover no-repeat;position: relative;z-index: 2;margin: 0;padding: 42px 0 64px;}
.contact-page .contact_us:after {content: "";position: absolute;inset: 0;background: rgba(247, 250, 253, 0.84);z-index: -1;}
.contact-page .contact-sec {display: grid;grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.82fr);gap: 24px;align-items: start;}
.contact-page .contact-sec > [class*="col-"] {float: none;width: auto;max-width: none;padding-right: 0;padding-left: 0;}
.contact-page .contact_message {margin: 0;padding: 26px 28px 28px;background: rgba(255, 255, 255, 0.96);border: 1px solid rgba(218, 229, 239, 0.92);border-radius: 10px;box-shadow: 0 16px 34px rgba(35, 66, 96, 0.1);}
.contact-page .contact-info {margin: 0;padding: 4px 0 0 24px;padding-left: 20px !important;background: transparent;border: 0;border-left: 1px solid rgba(116, 148, 177, 0.28);border-radius: 0;box-shadow: none;}
.contact-page .contact-sec h2 {display: flex;align-items: center;gap: 10px;color: #173f73;font-size: 23px;line-height: 1.2;text-transform: none;font-weight: 700;margin: 0 0 12px;}
.contact-page .contact-sec h2 i {color: #173f73;font-size: 22px;}
.contact-page .contact-form-intro {margin: 0 0 16px;color: #68798b;font-size: 12px;line-height: 1.45;}
.contact-page .contact-fields-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 14px;}
.contact-page .contact-field-full {grid-column: 1 / -1;}
.contact-page .contact_message .form-group {margin: 0 0 12px;}
.contact-page .contact_message label.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.contact-page .contact-input-wrap,
.contact-page .contact-textarea-wrap {position: relative;}
.contact-page .contact-input-icon {position: absolute;top: 50%;left: 11px;z-index: 1;transform: translateY(-50%);color: #71879d;font-size: 16px;line-height: 1;pointer-events: none;}
.contact-page .contact-textarea-wrap .contact-input-icon {top: 12px;transform: none;}
.contact-page .nessage_form input,
.contact-page .nessage_form select,
.contact-page .nessage_form textarea {display: block;width: 100%;box-sizing: border-box;margin: 0;padding: 0 12px 0 34px;border: 1px solid #d3dee8;border-radius: 5px;background: rgba(255, 255, 255, 0.96);color: #263b50;font-size: 12px;line-height: 1.4;box-shadow: none;}
.contact-page .nessage_form input,
.contact-page .nessage_form select {height: 42px;}
.contact-page .nessage_form select {appearance: auto;cursor: pointer;}
.contact-page .nessage_form textarea {height: 130px;padding-top: 11px;resize: vertical;}
.contact-page .nessage_form input:focus,
.contact-page .nessage_form select:focus,
.contact-page .nessage_form textarea:focus {border-color: #2c74a9;box-shadow: 0 0 0 3px rgba(44, 116, 169, 0.12);outline: none;}
.contact-page .nessage_form input::placeholder,
.contact-page .nessage_form textarea::placeholder {color: #8292a2;opacity: 1;}
.contact-page .contact-form-actions {display: grid;grid-template-columns: 104px minmax(0, 1fr) 150px;align-items: center;gap: 8px;margin: 2px 0 0;}
.contact-page .contact-captcha {height: 42px;overflow: hidden;}
.contact-page .contact-captcha img {display: block;width: 100%;height: 42px;margin: 0;object-fit: cover;cursor: pointer;}
.contact-page .contact-form-actions .cove-control {height: 42px;min-width: 0;padding-left: 12px;}
.contact-page .contact-form-actions .messge_btn {display: inline-flex;align-items: center;justify-content: center;gap: 6px;height: 42px;margin: 0;padding: 0 12px;border-radius: 5px;background: #0e4f83;box-shadow: 0 8px 18px rgba(14, 79, 131, 0.22);font-size: 12px;font-weight: 700;white-space: nowrap;}
.contact-page .contact-form-actions .messge_btn i {font-size: 14px;line-height: 1;}
.contact-page .contact-form-actions .messge_btn:hover {color: #fff;background: #0a3d66;}
.contact-page .contact-form-actions .messge_btn:only-child {grid-column: 1 / -1;justify-self: end;min-width: 150px;}
.contact-page .contact-info ul {display: grid;gap: 15px;margin: 3px 0 20px;padding: 0;}
.contact-page .contact-info li {display: grid;grid-template-columns: 38px minmax(0, 1fr);gap: 11px;align-items: start;list-style: none;margin: 0;}
.contact-page .contact-info li .icon-box,
.contact-page .contact-info li .content-box {display: block;vertical-align: initial;}
.contact-page .contact-info li .icon-box .inner {display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;background: #d8ecfb;border-radius: 50%;color: #14558a;line-height: 1;font-size: 17px;}
.contact-page .contact-info li .icon-box .inner i {font-size: 17px;}
.contact-page .contact-info li .content-box h4 {margin: 1px 0 4px;color: #1f2e3d;font-size: 14px;text-transform: uppercase;font-weight: 800;line-height: 1.2;text-align: left;}
.contact-page .contact-info li .content-box p {margin: 0;color: #465b70;font-size: 14px;line-height: 1.45;text-align: left;overflow-wrap: anywhere;}
.contact-page .contact-info li .content-box a {color: #465b70;font-size: 16px;}
.contact-page .contact-info li .content-box a:hover {color: #0e4f83;}
.contact-page .contact-connect {margin: 3px 0 12px;padding-top: 15px;border-top: 1px solid rgba(116, 148, 177, 0.28);}
.contact-page .contact-connect h3 {display: flex;align-items: center;gap: 8px;margin: 0 0 2px;color: #173f73;font-size: 18px;line-height: 1.3;}
.contact-page .contact-connect h3 i {font-size: 17px;}
.contact-page .contact-connect p {margin: 0;color: #708398;font-size: 14px;line-height: 1.45;}
.contact-page .contact_scan {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;width: 86%;margin: 0;padding: 0;}
.contact-page .scan_img {width: auto;margin: 0;padding: 7px 7px 5px;background: rgba(255, 255, 255, 0.86);border: 1px solid rgba(216, 227, 237, 0.9);border-radius: 8px;text-align: center;box-shadow: 0 8px 22px rgba(35, 66, 96, 0.06);}
.contact-page .scan_img img {display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: contain;}
.contact-page .scan_img span {display: block;margin-top: 4px;color: #285a86;font-size: 11px;line-height: 1.2;}

@media (max-width: 991.98px) {
	.contact-page .contact_us {padding: 46px 0 62px;}
	.contact-page .contact-sec {grid-template-columns: 1fr;gap: 24px;}
	.contact-page .contact-info {padding: 0; border-left: 0;}
}

@media (min-width: 992px) {
	.contact-page .nessage_form input,
	.contact-page .nessage_form select {height: 48px;}
	.contact-page .nessage_form textarea {height: 150px;}
	.contact-page .contact-captcha,
	.contact-page .contact-captcha img,
	.contact-page .contact-form-actions .cove-control,
	.contact-page .contact-form-actions .messge_btn {height: 48px;}
	.contact-page .contact-form-actions {grid-template-columns: 140px minmax(0, 1fr) 150px;}
	.contact-page .contact-captcha,
	.contact-page .contact-captcha img {height: 60px;}
}
}

@media (max-width: 575.98px) {
	.contact-page .contact_us {padding: 32px 0 48px;}
	.contact-page .contact_us > .container {width: calc(100% - 28px);}
	.contact-page .contact_message {padding: 22px 18px;}
	.contact-page .contact-info {padding: 0;}
	.contact-page .contact-sec h2 {font-size: 24px;margin-bottom: 22px;}
	.contact-page .contact-fields-grid {grid-template-columns: 1fr;column-gap: 0;}
	.contact-page .contact-field-full {grid-column: auto;}
	.contact-page .contact-form-actions {grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);align-items: stretch;}
	.contact-page .contact-captcha {grid-column: auto;height: 42px;}
	.contact-page .contact-captcha img {width: 100%;height: 42px;}
	.contact-page .contact-form-actions .cove-control {height: 42px;}
	.contact-page .contact-form-actions .messge_btn {grid-column: 1 / -1;width: 100%;}
	.contact-page .contact_scan {gap: 8px;width: 100%;}
}

/* Contact form only: keep the verification input wide and place the submit button below it on phones. */
@media (max-width: 575.98px) {
	.contact-page #contactForm .contact-form-actions {grid-template-columns: 104px minmax(0, 1fr);column-gap: 8px;row-gap: 8px;align-items: stretch;}
	.contact-page #contactForm .contact-form-actions .messge_btn {grid-column: 1 / -1;width: 144px;justify-self: center;margin: 0;}
}

.Contact-Us {padding: 80px 0;}

/* About page intro only: override alignment saved by the rich-text editor. */
.about-page .About_01 .boxLeft .content2 .scroll,
.about-page .About_01 .boxLeft .content2 .scroll > *,
.about-page .About_01 .boxLeft .content2 .scroll p {text-align: left !important;}

/* About page only: prevent the mobile WOW initial state from hiding content. */
@media (max-width: 767.98px) {
	.about-page .wow {visibility: visible !important;opacity: 1 !important;animation-name: none !important;transform: none !important;}
	.about-page .About_03 .wMain {padding-right: 5vw;padding-left: 5vw;}
	.about-page .About_03 .title_01 .title {font-size: clamp(24px, 7vw, 34px);line-height: 1.2;text-align: center;}
	.about-page .About_03 .box {margin-top: 20px;}
	.about-page .About_03 .img img {display: block;width: 100%;height: auto;min-height: 0;aspect-ratio: 16 / 9;object-fit: cover;}
}

/* Contact page only: show the consultation section on mobile and keep its cards readable. */
@media (max-width: 767.98px) {
	.contact-page .phone-consult-page .wow {visibility: visible !important;opacity: 1 !important;animation-name: none !important;transform: none !important;}
	.contact-page .phone-consult-page {margin: 0;padding: 0px 0 40px;}
	.contact-page .phone-consult-page .wMain {padding-right: 7vw;padding-left: 7vw;}
	.contact-page .phone-consult-page .lt_top ._text {font-size: 26px;line-height: 1.2;text-align: left;}
	.contact-page .phone-consult-page .lt_bot {grid-template-columns: 1fr;gap: 16px;margin-top: 22px;}
	.contact-page .phone-consult-page .lt_bot .item > img {display: block;width: 100%;height: auto;min-height: 0;aspect-ratio: 16 / 9;object-fit: cover;}
	.contact-page .phone-consult-page .lt_bot .item .post > div {padding: 0 18px;}
	.contact-page .phone-consult-page .lt_bot .item .post > div .t1 {font-size: 16px;line-height: 1.35;text-align: center;}
	.contact-page .phone-consult-page .lt_bot .item .post > div .t2 {margin-top: 16px;text-align: center;}
	.contact-page .phone-consult-page .lt_bot .item .post > div .t2 a {font-size: 22px;line-height: 1.25;overflow-wrap: anywhere;text-align: center;}
	.contact-page .phone-consult-page .lt_bot .item .post > div .t2 a + a {margin-top: 10px;}
}

/*代理加盟*/
.JoinProcess {background-color: #EDEDED;margin: 10px 0;	padding: 80px 0;}
.JoinProcess_head {-ms-flex-pack: center;justify-content: center;}
.JoinProcess_content {-ms-flex-pack: justify;justify-content: space-between;display: block;}
.section-title {text-align: center;font-size: 20px;line-height: 27px;font-weight: 500;display: block;color: #000000;margin-bottom: 23px;}
.section-title span {position: relative;color: #FFFFFF;padding: 5px 10px;z-index: 1;font-size: 22px;}
.section-title span:before {position: absolute;left: 0;top: 0;content: '';width: 100%;height: 100%;background-color: #003561;z-index: -1;}
.section-title h2 {margin: 10px auto;font-size: 28px;font-weight: 500;}
.section-title P {padding: 10px 0;margin-bottom: 20px;}
.process-item-one {position: relative;margin-top: 30px;}
.process-item-one:after {top: 40%;content: '';transform: translateY(-50%);width: 100%;height: 100%;}
.process-item-one .count-box {position: relative;background-color: #0C1239;min-height: 135px;display: flex;align-items: center;justify-content: center;margin-bottom: 18px;}
.process-item-one .count-box .icon {position: absolute;top: -30px;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #FBA31C;border: 3px solid #fff;}
.process-item-one .count-box .icon i {font-size: 24px;line-height: 1;color: #0C1239;}
.process-item-one .count-box .process-count {padding-top: 20px;font-size: 60px;color: #6e7287;font-weight: 700;}
.JoinProcess_one_content h4 {font-weight: 500;text-align: center;}
.JoinCondition_content {-ms-flex-pack: justify;justify-content: space-between;}
.features-item-one {border: 1px solid rgba(0, 0, 0, 0.1);padding: 50px 60px 43px;transition: all .3s;width: 100%;height: auto;margin: 2px;background-color: #F9F9F9;}
.features-item-one .icon {width: 75px;height: 75px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #E7E7ED;margin-bottom: 25px;transition: all .4s;}
.features-item-one .icon i {font-size: 34px;line-height: 1;color: #0C1239;}
.features-item-one:hover {box-shadow: 0 4px 18px 10px rgba(0, 0, 0, 0.02);}
.features-item-one:hover .icon {background-color: #FBA31C;border-radius: 30px 0 30px 30px;}
.JoinCondition_one_content h4 {margin-bottom: 20px;}
/*--------------------------------------------------------------
## 加盟条件
--------------------------------------------------------------*/
.support {background-color: #ededed;margin: 10px 0;padding: 80px 0;}
.support_head {margin-top: 10px;}
.support_head h2 {color: #ffd100;}
.support_head h3 {color: #000000;}
.support_head p {color: #1B1B1B;}
.support_body {margin-bottom: 10px;}
.support_content {margin: 2px;height: 250px;padding: 30px 10px;background-color: #1c5e9f;border-bottom: 5px solid #ffd100;transition: 0.3s;}
.support_content:hover {background-color: #ffffff;}
.support_content h4 {margin-bottom: 18px;}
.support_content p {color: #0A0A0A;}
@media (max-width: 991px) {
	.support_head p {margin-bottom: 40px;}
	.support {padding: 20px 0;}
}

@media(min-width:991.98px) {
	.JoinProcess_content,
	.JoinCondition_content {display: flex;}
	.features-item-one {min-height: 330px;}
}

/*
================================================
22.  留言模板
================================================
*/

.nessage_form textarea,
.nessage_form input {width: 100%;line-height: 42px;height: 50px;border: 1px solid #D5D5D5;outline: none;padding-left: 20px;margin-bottom: 20px;}
.nessage_form textarea {height: 220px;}
.messge_bott {display: flex;}
.messge_bott img {margin-bottom: 2px;height: 50px;max-width: 250px;}
.messge_bott button {height: 50px;padding: 0 10px;}
.messge_btn:hover {color: #000000;}
.messge_btn:hover::before {opacity: 0;}

/*
================================================
联系弹窗
================================================
*/

.popup-contact {margin: 10px 6px;}
.popup-contact ul {display: block;}
.popup-contact li {list-style: none;margin-bottom: 20px;display: flex;}
.popup-icon {width: 30px;height: 30px;border-radius: 30%;text-align: center;background: #f64b3c;color: #fff;font-size: 20px;margin-right: 20px;vertical-align: middle;}
.popup-content {display: table-cell;vertical-align: top;text-align: left;width: 100%;height: auto;}
.popup-content h4 {margin: 0;font-size: 14px;text-transform: uppercase;color: #000000;font-weight: bold;margin-bottom: 10px;}
.popup-content p {color: #555252;}
.popup_scan {margin-top: 10px;display: flex;}
.popup_img {margin: 2px;background-color: #444;padding: 6px;text-align: center;}
.popup_img img {width: 100%;height: auto;}
.popup_img span {font-size: 16px;color: #fff;}


/*
================================================
16. 栏目聚合页
================================================
*/
.entry-content {margin: 30px 6px;}
.productlits-content {margin: 30px 6px;padding: 10px 0;}
.productlits-box {margin-bottom: 30px;padding: 10px;border: 1px solid #e1e1e1;}
.post-boxe {margin: 30px 10px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;}
.post-boxe:hover,
.productlits-box:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.entry-media {padding: 6px;}
.entry-media img {width: 100%;height: auto;vertical-align: middle;}
.inner-post {padding: 30px 10px;	background-color: #ffffff;border: 1px solid #e1e1e1;}
.inner-post h3 {font-size: 30px;text-align: left;}
.entry-header {padding: 20px 0;}
.entry-header h3 {text-align: left;}
.entry-meta {color: #707070;font-size: 16px;line-height: 1;margin-bottom: 20px;text-align: left;}
.entry-meta a {color: #ffd100;font-weight: 500;}
.entry-meta span:before {content: "|";margin: 0 10px;}
.entry-meta span:first-child:before {display: none;}
.entry-summary {padding: 6px 2px;text-align: left;white-space: pre-line;/*识别换行*/}
.entry-summary p {margin-bottom: 30px;}
.inner-post .entry-footer .post-link {color: #707070;font-size: 16px;line-height: 20px;font-weight: 500;}
.inner-post .entry-footer .post-link:hover {color: #ffd100;}
.inner-post .entry-footer .post-link i {font-size: 20px;margin-left: 10px;vertical-align: middle;}
.inner-post .entry-footer .post-link:hover {text-decoration: none;}

.productlits-content.ups-product-list-content {margin: 0;padding: 72px 0;background: #f4f5f6;}
.ups-product-list-content .container {width: min(1600px, calc(100% - 96px));max-width: 1600px;padding-right: 0;padding-left: 0;}
.ups-product-list {display: grid;gap: 26px;margin-right: 0;margin-left: 0;}
.productlits-box.ups-product-card {display: grid;grid-template-columns: 330px minmax(0, 1fr) 228px;min-height: 386px;margin: 0;padding: 0;overflow: hidden;background: #fff;border: 0;box-shadow: 0 18px 40px rgba(16, 20, 24, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;}
.productlits-box.ups-product-card:hover {transform: translateY(-2px);box-shadow: 0 24px 48px rgba(16, 20, 24, 0.12);}
.ups-product-media {position: relative;display: grid;place-items: center;min-width: 0;padding: 46px 34px;overflow: hidden;background: linear-gradient(#e3e7ea 1px, transparent 1px), linear-gradient(90deg, #e3e7ea 1px, transparent 1px), #f7f8f8;background-size: 44px 44px;}
.ups-product-media:before {content: "";position: absolute;bottom: 28px;left: 50%;width: 165px;height: 22px;transform: translateX(-50%);border-radius: 50%;background: rgba(0, 0, 0, 0.12);filter: blur(10px);}
.ups-product-media:after {content: "";position: absolute;bottom: 0;left: 0;width: 4px;height: 62px;background: #ec1831;opacity: 0;transition: opacity 0.18s ease;}
.ups-product-card.is-active .ups-product-media:after,
.ups-product-card:hover .ups-product-media:after {opacity: 1;}
.ups-product-media img {position: relative;z-index: 1;display: block;width: auto;max-width: 100%;height: 292px;object-fit: contain;mix-blend-mode: multiply;}
.ups-product-tag {position: absolute;top: 20px;left: 24px;z-index: 2;display: inline-flex;align-items: center;min-height: 24px;padding: 0 10px;color: #fff;background: #15191d;font-size: 11px;font-weight: 700;line-height: 1;letter-spacing: 0;}
.ups-product-main {min-width: 0;padding: 36px 40px 34px;}
.ups-product-eyebrow {margin-bottom: 8px;color: #ec1831;font-size: 11px;font-weight: 700;line-height: 1.3;text-transform: uppercase;letter-spacing: 4px;}
.ups-product-title {margin: 0;color: #11151a;font-size: 28px;font-weight: 700;line-height: 1.25;text-align: left;}
.ups-product-title a {color: inherit;}
.ups-product-lead {max-width: 820px;margin: 10px 0 25px;color: #5e646b;font-size: 14px;line-height: 1.6;text-align: left;}
.ups-product-metrics {display: grid;grid-template-columns: repeat(4, minmax(90px, 1fr));margin-bottom: 25px;border-top: 1px solid #d9dde1;border-bottom: 1px solid #d9dde1;}
.ups-product-metric {min-width: 0;padding: 14px 16px 13px 0;text-align: left;}
.ups-product-metric + .ups-product-metric {padding-left: 16px;border-left: 1px solid #e0e3e6;}
.ups-product-metric strong {display: block;margin-bottom: 5px;color: #15191d;font-size: 18px;font-weight: 700;line-height: 1.1;white-space: nowrap;}
.ups-product-metric span {display: block;color: #777d83;font-size: 10px;font-weight: 700;line-height: 1.25;text-transform: uppercase;letter-spacing: 1px;}
.ups-product-specs {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px 48px;margin: 0;}
.ups-product-spec {display: grid;grid-template-columns: 116px minmax(0, 1fr);gap: 14px;min-width: 0;color: #30353a;font-size: 12px;line-height: 1.35;text-align: left;}
.ups-product-spec dt {color: #80868c;font-weight: 400;}
.ups-product-spec dd {min-width: 0;margin: 0;font-weight: 700;word-break: break-word;}
.ups-product-raw {display: none;}
.ups-product-side {position: relative;display: flex;flex-direction: column;justify-content: space-between;min-width: 0;padding: 36px 30px 32px;background: #191c1f;color: #fff;text-align: left;}
.ups-product-side:before {content: "";position: absolute;top: 0;right: 0;width: 54px;height: 4px;background: #ec1831;}
.ups-product-status {display: flex;align-items: center;gap: 9px;color: #c8ccd0;font-size: 11px;font-weight: 700;line-height: 1.35;text-transform: uppercase;letter-spacing: 1px;}
.ups-product-status:before {content: "";width: 7px;height: 7px;border-radius: 50%;background: #ec3045;box-shadow: 0 0 0 4px rgba(236, 48, 69, 0.15);flex: 0 0 auto;}
.ups-product-code {color: #8e949a;font-size: 10px;line-height: 1.5;text-transform: uppercase;letter-spacing: 1px;}
.ups-product-code strong {display: block;margin-top: 5px;color: #f5f6f7;font-size: 13px;font-weight: 700;line-height: 1.35;letter-spacing: 0;}
.ups-product-button {display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 48px;padding: 0 16px;background: #ec1831;color: #fff;font-size: 12px;font-weight: 700;line-height: 1;text-decoration: none;transition: background 0.16s ease;}
.ups-product-button:hover, .ups-product-button:focus {background: #c91025;color: #fff;text-decoration: none;}
.ups-product-button span {font-size: 18px;font-weight: 400;line-height: 1;}

/*
================================================
16. cookie
================================================
*/
    
.site-cookie,    
.site-cookie * { box-sizing: border-box; }    
.site-cookie {position: fixed;left: 0;right: 0;bottom: 0;z-index: 9999;min-height: 84px;color: #354052;background: #fff;border-top: 1px solid #dce4ed;box-shadow: 0 -8px 28px rgba(24, 59, 132, .1);animation: site-cookie-in .25s ease-out both;}    
.site-cookie[hidden],    
.site-cookie-modal[hidden] { display: none !important; }    
.site-cookie__inner {width: min(1440px, 100%);min-height: 84px;margin: 0 auto;padding: 14px 24px;display: flex;align-items: center;justify-content: center;gap: 24px;}    
.site-cookie__message {flex: 1 1 auto;min-width: 0;text-align: center;}    
.site-cookie__message p {max-width: 960px;margin: 0 auto;color: #354052;font: 14px/1.55 'gilroy_regular', Arial, sans-serif;text-wrap: pretty;}    
.site-cookie__message strong { color: #17659e; font-family: 'gilroy_bold', Arial, sans-serif; }    
.site-cookie__policy {padding: 0;color: #17659e;background: none;border: 0;font: inherit;text-decoration: underline;cursor: pointer;}    
.site-cookie__actions {flex: 0 0 auto;display: flex;align-items: center;gap: 12px;}    
.site-cookie__button {min-width: 86px;min-height: 42px;padding: 10px 20px;border-radius: 999px;font: 700 13px/1.1 'gilroy_bold', Arial, sans-serif;cursor: pointer;transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;}    
.site-cookie__button:hover { transform: translateY(-1px); }    
.site-cookie__button--accept { color: #fff; background: #17659e; border: 1px solid #17659e; }    
.site-cookie__button--accept:hover { background: #0e4e7d; border-color: #0e4e7d; }    
.site-cookie__button--reject { color: #31536e; background: #edf4f9; border: 1px solid #c8d9e6; }    
.site-cookie__button--reject:hover { color: #1b425f; background: #e0edf5; border-color: #a9c3d5; }   
.site-cookie__close {min-width: 32px;width: 32px;height: 32px;padding: 0;color: #8292a2;background: transparent;border: 0;font-size: 25px;font-weight: 300;line-height: 1;}   
.site-cookie__close:hover { color: #183b84; }  
.site-cookie button:focus-visible { outline: 3px solid #8fb8f2; outline-offset: 3px; }  
.site-cookie-modal {position: fixed;inset: 0;z-index: 10000;display: grid;place-items: center;padding: 20px;background: rgba(20, 34, 51, .58);}   
.site-cookie-modal__dialog {width: min(540px, 100%);max-height: min(690px, calc(100vh - 40px));overflow: auto;padding: 28px;color: #253346;background: #fff;border-radius: 8px;box-shadow: 0 24px 70px rgba(20, 34, 51, .28);}   
.site-cookie-modal__title { margin: 0; color: #183b84; font: 700 24px/1.2 'gilroy_bold', Arial, sans-serif; }  
.site-cookie-modal__intro { margin: 10px 0 20px; color: #657284; font: 14px/1.6 'gilroy_regular', Arial, sans-serif; }  
.site-cookie-modal__option {display: flex;gap: 12px;align-items: flex-start;padding: 14px 0;border-top: 1px solid #e4ebf1;cursor: pointer;}   
.site-cookie-modal__option input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #17659e; }   
.site-cookie-modal__option strong { display: block; color: #263240; font: 700 14px/1.3 'gilroy_bold', Arial, sans-serif; }   
.site-cookie-modal__option span { display: block; margin-top: 4px; color: #697482; font: 13px/1.5 'gilroy_regular', Arial, sans-serif; }  
.site-cookie-modal__footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }   
.site-cookie-modal__footer button { min-height: 42px; padding: 9px 18px; border-radius: 999px; font: 700 12px/1.2 'gilroy_bold', Arial, sans-serif; cursor: pointer; }  
.site-cookie-modal__cancel { color: #17659e; background: #fff; border: 1px solid #b7c8d8; }  
.site-cookie-modal__save { color: #fff; background: #17659e; border: 1px solid #17659e; }  
@keyframes site-cookie-in {
	from { opacity: 0; transform: translateY(12px);} 
	to { opacity: 1; transform: translateY(0); }
}  
@media (max-width: 760px) {
	.site-cookie__inner { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px 16px 16px; }
	.site-cookie__message { text-align: left; }
	.site-cookie__actions { justify-content: flex-end; }
} 
@media (max-width: 420px) {
	.site-cookie__actions { display: grid; grid-template-columns: 1fr 1fr 34px; }
	.site-cookie__button { min-width: 0; width: 100%; padding: 10px 12px; }
	.site-cookie-modal__dialog { padding: 22px 18px; }
}


/*
================================================
尺寸定位
================================================
*/


@-webkit-keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;	}
}

@keyframes circle {
	0% {opacity: 1;}
	40% {opacity: 1;}
	100% {width: 200%;height: 200%;opacity: 0;}
}
.inner-box .lower-content p {margin-bottom: 22px;}
.two-column .image-box img {width: 100%;}

/*
================================================
15. 聚合页分页样式
================================================
*/
.pub_turn_page {margin: 21px 0;font-size: 0;text-align: center;}
.pub_turn_page a {color: #4F4F4F;}

.pub_turn_page a,
.pub_turn_page font,
.pub_turn_page select {display: inline-block;margin: 5px;padding: 10px 14px;font-size: 14px;border: 1px solid #e3e3e3;border-radius: 5px;outline: 0;	background: white;}

.pub_turn_page .page-num-current {color: #fff;background: #273977;border-color: #273977;}

.hide {	dispaly: none;}

/*
================================================
24. 上下页按钮
================================================
*/
/*分页按钮*/
/*落地页上一个 下一个*/
.topbtm {}
.topbtm_content {margin: 10px 0;padding: 20px 10px;background-color: #EEEEEE;border-bottom: 1px solid #c9c9c9;text-align: left;}
.topbtm_Back {display: inline-block;width: 150px;height: 44px;background: #273977;color: #fff;text-align: center;line-height: 44px;}
.topbtm_btn {float: right;}
.topbtm_btn a {display: inline-block;width: 44px;height: 44px;overflow: hidden;}
.topbtm_btn a img {transition: all .8s;}
.topbtm_btn a:hover img {transform: translateY(-44px);}
.topbtm_bar2 {position: relative;margin-top: 100px;}
.topbtm_bar2 .ellipsis {display: block;	width: 100%;margin-bottom: 5px;}
.topbtm_bar2 .back {width: 170px;height: 50px;line-height: 50px;background: #273977;color: #fff;text-align: center;	position: absolute;	right: 0;top: 50%;transform: translateY(-50%);}

/*
================================================
26. 友情链接
================================================
*/

.linkbox {margin: 0; border-top: #FFFFFF solid 2px;width: 100%;height: auto;}
.linkbox_content {padding: 20px 80px;display: flex;background-color: #333;}
.linkbox_name {justify-content: center;}
.linkbox_name h2 {color: #FFFFFF;font-size: 14px;padding-right: 16px;text-align: right;margin-right: 10px;}
.linkbox_lin {text-align: left;border-left: 5px solid #FFFFFF;}
.linkbox_lin a {color: #95abc1;font-size: 14px;padding-left: 2px;}
.linkbox_lin a:hover {text-decoration: none;color: #97f3e7;}
.linkbox_lin a:last-child {border-right: #000000 1px solid;}
.linkbox_lin span {color: #FFFFFF;margin: 0 10px;}


/*
================================================
签名
================================================
*/
.Signature { margin: 0; background: #0b0f14; font-size: 14px; padding: 30px 0; }
.Signature_Content{padding: 30px 0;}
.Signature_Content span,
.Signature_Content a { color: #fff; opacity: 0.4; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Signature_Content a { display: inline-block; margin: 0 5px }
.Signature_Content a:hover { opacity: 1 }

/*
================================================
通用参数
================================================
*/
.text_content {background-color: #f2f2f2;text-align: left;}
.list-more {margin: 20px 0;text-align: right;}
.list-more .post-link {border: 1px solid #e1e1e1;height: auto;width: auto;padding: 10px 30px;}
.list-more .post-link i {margin-left: 10px;font-size: 16px;}
.list-more .post-link:hover {background: transparent linear-gradient(90deg, #C81912 0%, #F64B3C 100%) 0% 0% no-repeat padding-box;color: #FFFFFF;}

/*
================================================
小屏
================================================
*/
@media (max-width: 1280px) {
	.ups-product-list-content .container {width: calc(100% - 56px);}
	.productlits-box.ups-product-card {grid-template-columns: 280px minmax(0, 1fr);}
	.ups-product-side {grid-column: 1 / -1;display: grid;grid-template-columns: 1fr 1fr 210px;align-items: center;gap: 24px;min-height: 84px;padding: 18px 24px;}
	.ups-product-media img {height: 270px;}
}
@media (max-width: 992px) {
	.contact-sec {display: block;}
	.linkbox {display: none;}
}

@media (max-width: 767.98px) {
	.pagebennar {padding: 80px 0 64px;}
	.pub_turn_page a,
	.pub_turn_page font,
	.pub_turn_page select {display: inline-block;margin: 4px;padding: 8px 12px;font-size: 10px;	}
	.productlits-content.ups-product-list-content {padding: 36px 0 48px;}
	.ups-product-list-content .container {width: calc(100% - 28px);}
	.productlits-box.ups-product-card {display: block;min-height: 0;}
	.ups-product-media {min-height: 328px;padding: 44px 28px 36px;}
	.ups-product-media img {height: 266px;}
	.ups-product-main {padding: 28px 24px 30px;}
	.ups-product-eyebrow {letter-spacing: 2px;}
	.ups-product-title {font-size: 23px;}
	.ups-product-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.ups-product-metric:nth-child(3) {border-left: 0;border-top: 1px solid #e0e3e6;}
	.ups-product-metric:nth-child(4) {border-top: 1px solid #e0e3e6;}
	.ups-product-specs {grid-template-columns: 1fr;gap: 10px;}
	.ups-product-side {display: grid;grid-template-columns: 1fr auto;gap: 18px;align-items: center;min-height: 0;padding: 22px 24px;}
	.ups-product-code {display: none;}
	.ups-product-button {width: 158px;}
}
@media (max-width: 699px) {
	.Signature{display: none;}
}
@media (max-width: 440px) {
	.ups-product-metric strong {font-size: 16px;}
	.ups-product-spec {grid-template-columns: 98px minmax(0, 1fr);}
	.ups-product-side {grid-template-columns: 1fr;}
	.ups-product-button {width: 100%;}
}

/* Contact list mobile layout: compact horizontal cards like the reference. */
@media (max-width: 767.98px) {
	.contactlist {
		margin: 0 !important;
		padding: clamp(24px, 7vw, 44px) 0 clamp(76px, 18vw, 112px) !important;
	}
	.contactlist .container {width: calc(100% - clamp(24px, 8vw, 56px));}
	.contactlist .sec-title {margin: 0 0 clamp(22px, 6vw, 36px);}
	.contactlist .sec-title h2 {font-size: clamp(24px, 7vw, 34px);line-height: 1.15;margin-bottom: 8px;}
	.contactlist .sec-title p {font-size: clamp(11px, 3.2vw, 16px);line-height: 1.35;margin-bottom: 12px;}
	.contactlist .sec-title span.decor {width: 12px;height: 12px;border-width: 2px;}
	.contactlist .sec-title span.inner {width: 4px;height: 4px;margin-top: 2px;}
	.contactlist .row {
/*		display: block;*/
		margin-right: 0;
		margin-left: 0;
	}
	.contactlist .row > [class*="col-"] {width: 100%;max-width: none;padding-right: 0;padding-left: 0;}
	.contactlist .item-single {
		display: grid;
		grid-template-columns: clamp(58px, 18vw, 76px) minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		align-content: center;
		column-gap: clamp(14px, 4vw, 24px);
		width: 100%;
		min-height: clamp(132px, 38vw, 170px);
		margin: 0 0 clamp(12px, 3.5vw, 18px);
		padding: clamp(16px, 4vw, 24px) clamp(16px, 4.5vw, 28px);
		border-radius: clamp(14px, 4vw, 20px);
		text-align: left;
		box-shadow: 0 4px 14px rgba(24, 34, 44, 0.06);
	}
	.contactlist .item-single i {
		grid-column: 1;
		grid-row: 1 / span 2;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: clamp(58px, 18vw, 76px);
		height: clamp(58px, 18vw, 76px);
		padding: 0;
		border-radius: clamp(16px, 4.5vw, 22px);
		font-size: clamp(27px, 8vw, 38px);
	}
	.contactlist .item-single h3 {
		grid-column: 2;
		grid-row: 1;
		margin: 0 0 4px;
		font-size: clamp(17px, 5vw, 23px);
		font-weight: 400;
		line-height: 1.2;
	}
	.contactlist .item-single .bottom {grid-column: 2;grid-row: 2;}
	.contactlist .item-single .def-btn,
	.contactlist .item-single .def-btn.btn {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 0;
		border: 0;
		background: transparent;
		color: #111;
		font-size: clamp(12px, 3.5vw, 16px);
		font-weight: 400;
		line-height: 1.3;
		text-decoration: none;
	}
	.contactlist .item-single:hover {border-color: #d4d4d4;box-shadow: 0 4px 14px rgba(24, 34, 44, 0.06);}
	.contactlist .item-single:hover::after {height: 0;}
	.contactlist .item-single:hover i {color: #fff;background: #fc5a34;}
}

/* Keep the mobile footer inside the viewport and allow long contact details to wrap. */
@media (max-width: 767.98px) {
	html, body {overflow-x: hidden;}
	.Footer_Container {width: 100%;max-width: 100%;overflow: hidden;padding-bottom: 1.3rem !important;}
	.Footer_Container .wMain {width: 100%;max-width: 100%;box-sizing: border-box;padding-right: clamp(18px, 5vw, 28px);padding-left: clamp(18px, 5vw, 28px);}
	.Footer_Container .box1 {display: block;padding: clamp(22px, 6vw, 34px) 0 clamp(12px, 3vw, 20px);}
	.Footer_Container .box1 .boxLeft {width: 100%;max-width: 100%;min-width: 0;}
	.Footer_Container .box1 .boxLeft img {display: block;width: auto;max-width: 100%;height: clamp(22px, 6vw, 32px);object-fit: contain;}
	.Footer_Container .box1 .boxLeft p {max-width: 100%;margin: clamp(14px, 4vw, 20px) 0;font-size: clamp(18px, 5vw, 24px);line-height: 1.35;white-space: normal;overflow-wrap: anywhere;word-break: break-word;}
	.Footer_Container .box2 {display: block;padding: clamp(18px, 5vw, 28px) 0 clamp(28px, 8vw, 52px);}
	.Footer_Container .box2 .boxLeft {display: none;}
	.Footer_Container .box2 .boxRight {width: 100%;max-width: 100%;min-width: 0;text-align: left;overflow-wrap: anywhere;word-break: break-word;}
	.Footer_Container .box2 .boxRight .content1 a {display: block;max-width: 100%;font-size: clamp(15px, 4.5vw, 22px);line-height: 1.35;white-space: normal;overflow-wrap: anywhere;}
	.Footer_Container .box2 .boxRight .content2 {max-width: 100%;font-size: clamp(12px, 3.8vw, 18px);line-height: 1.6;white-space: normal;overflow-wrap: anywhere;word-break: break-word;}
	.Footer_Container .box2 .boxRight .content3 {justify-content: flex-start;max-width: 100%;}
}