@charset "utf-8";
* {box-sizing:border-box; }

html, body, applet, object, blockquote,
a, abbr, acronym, address, big, cite, span, p,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{padding:0; margin:0; font-size:14px; line-height:24px; font-family:Arial, sans-serif}
.table, .table th, .table td{border-collapse:collapse; border:1px solid #bdc4c9; text-align:center; }
:focus { outline:0;}
html,body { border: 0; padding: 0; margin: 0; background: #fff; color:black; }
div{ text-align: center; text-align: -webkit-center; background-repeat: no-repeat; background-position:center top; overflow: hidden; }
body{ xxxzoom: 0.75; }
main { overflow: hidden; }
h1, h2, h3 { margin-top: 2rem; }
p { margin-bottom: 1.5rem; } 
a { color: #007bff; text-decoration: none; transition: color 0.3s ease; }
a:hover { text-decoration: underline; }
.fr{ float: right; }
.textlft{ text-align: left; }
.dis-inline-flx{ display: inline-flex; }
.maxwidth1920{ max-width: 1920px; margin: 0 auto }

/* 页头页脚 start */
.header-container { height: 117px; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 19px 22px 0; box-sizing: border-box; }
.header-container .logo-img { margin-left: 7.5vw; }
.header-container .menu-box{ margin-top: 9px; margin-right: 7.5vw; display: inline-flex; align-items: center; }
.header-container .menu-box a:hover { text-decoration: none; }
.header-container .menu-box .topspan.active { color: #e03f3f; }
.header-container .menu-box .topspan { margin-left: 2vw; font-size: 22px; color:#474546; }
.header-container .menu-box .topspanxy { padding: 11px 16px 0px; margin-left: 2vw; font-size: 22px; background: #f9eaf0; color: #e03f3f; border-radius: 12px; height: 42px; display: inline-flex; }
.header-container .menu-box .topspanxy:before{ content: url('../img/pc/icon_stucenter.png'); margin-right: 12px; margin-top: -2px; }
.header-container .menu-box .topspanxy.active { background: #e03f3f; color: #fff; }
.header-container .menu-box .topspanxy.active:before{ content: url('../img/pc/icon_stucenter_active.png'); }

.footer-box{ width:100%; height:495px; display: flex; justify-content: center; align-items: center; background-color:#e03f3f; }
.footer-box .footer-container{ width:1560px; text-align:left; overflow:visible; }
.footer-box .top-box{ display: inline-flex; overflow: unset; }
.footer-box .footer-logo{ width: 300px; height: 109px; background: url('../img/pc/footer_logo.png') no-repeat; background-size: contain; }
.footer-box .contact-box{ margin-left: 3vw; margin-right: 3vw; min-width: 300px; font-size: 21px; color: #fff; text-align: left; display: flex; flex-direction: column; }
.footer-box .contact-box .ft-icon{ display: inline-block; width: 24px; height: 24px; }
.footer-box .contact-box .icon-tel{ background: url('../img/pc/icon_ft_tel.png') no-repeat; }
.footer-box .contact-box .icon-email{ background: url('../img/pc/icon_ft_email.png') no-repeat; }
.footer-box .miniprogram{ width: 251px; height: 66px; margin-right: 3vw; background: url('../img/pc/icon_ft_miniprogram.png') no-repeat; background-size: contain; }
.footer-box .span-btn { display:flex; justify-content:space-between; overflow: unset; }
.footer-box .span-btn span { font-size:25px; font-weight:500; color:#fff; transition: all 1s; margin-left: 1vw; }
.footer-box .span-href { cursor: pointer }
.footer-box .bottom-box { margin-top: 84px; text-align: left; color:#fff; }
.footer-box .bottom-box p{ margin: 0; font-size: 21px; }
.footer-box .footer-text { text-align:left; margin: 12px auto; }
.footer-box .footer-text .footer-a { color:#fff; font-size: 21px; }
.footer-box .footer-text .footer-a:hover { text-decoration:none; }

@media screen and (max-width: 1366px) {
    .header-container .logo-img { margin-left: 0; width: 20vw; }
    .header-container .menu-box { margin-right: 0; }
    .footer-box .top-box{ position: relative; overflow: unset; width: 100%; justify-content: space-between; }
    .footer-box .center-box{ position: absolute; top: 130px; width: 90vw; display: inline-flex; justify-content: space-between; }
    .footer-box .contact-box{ margin-left: 0;}
    .footer-box .bottom-box { margin-top: 190px; }
    .footer-box .footer-container { width: 90vw; }
}
/* 页头页脚 end */

/* 全局模态框样式 */
#confirmModal {display: none; /* 初始状态隐藏 */position: fixed;top: 50%;left: 50%;transform: translate(-51%, -51%);z-index: 1050; /* 可根据需要调整 */overflow: hidden;height: 274px;}
.modal-header{font-size: 20px;font-weight: 600;}
.modal-dialog {width: 100%;height: 100%;}

.modal-content {position: relative;display: flex;flex-direction: column;background-color: #fff;background-clip: padding-box;pointer-events: auto;}
.modal-body{height: 146px;font-size: 18px;line-height: 146px;}
.modal-content button{width: 140px;height:40px;background-color: #e03f3f;border: 1px solid #e03f3f;background-color: #e03f3f;color: #fff;border-radius: 5px;font-size: 16px;}
.modal-content #cancelBtn{background-color: #b6b6b6;border: 1px solid #b6b6b6;}

/* 公共方法 */
.prompt-message{width: auto;position:fixed; z-index:999999; top:50%; left:50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.8);color: #fff;padding: 10px 20px;border-radius: 4px;}

/* 侧边对话框样式 */
li {list-style: none;}
a {text-decoration: none;}
.fCustomer {position: fixed;right: 0px;top: 50%;margin-top: -150px;z-index: 999;overflow: unset;}
.fCustomerul li {position: relative;}
.fCustomerul li:nth-child(1) {margin-bottom: 20px;}
.fCustomerul li > div {box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;}
.fCustomerul li a {border: 1px solid #c4c7c9;display: flex;flex-direction: column; justify-content: center; align-items: center; background: rgba(255, 255, 255, .7);text-align: center;width: 88px;height: 115px;box-sizing: border-box; padding: 8px 0 10px 0;background-color: #fff;border-radius: 10px;}
.fCustomerul li:nth-child(1) a {background: #e03f3f;border:none;}
.fCustomerul li:nth-child(2) a {border-radius: 10px 10px 0 0 ;border-bottom: 0;}
.fCustomerul li:nth-child(3) a {border-radius: 0 0 10px 10px;border-top: 0; }
.fCustomer.scrolled .fCustomerul li:nth-child(3) a {border-radius: 0;border-bottom: 0; }
.fCustomerul li:nth-child(4) a {height: auto;border-radius: 0 0 10px 10px;border-top: 0; }
.fCustomerul li a>.icon {width: 58px;height: 50px;margin-bottom: 10px;}
.fCustomerul li a>.tit {margin: 0;font-size: 24px;color: #e03f3f;font-weight: 400;}
.fCustomerul li:nth-child(1) a>.tit {color: #fff;}
.fCustomerul li a:hover,
a:active {text-decoration: none;}
.fCustomerul li img {vertical-align: middle;border-style: none;}
.gotop {display: none;}
.ftelLay {position: absolute;right: -190px;height: 100%;background: #fff;font-size: 14px;width: 160px;padding: 0 15px;top: 0;opacity: 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-sizing: border-box;}
.ftelLay .p1 {color: #666;padding-top: 25px;font-size: 18px;}
.ftelLay .p2 {font-size: 18px;font-weight: bold;line-height: 1.3;color: #e03f3f;}
.fcodeLay {position: absolute;display: none;right: 120%;width: auto;background: rgba(255, 255, 255, 1);padding: 0px;top: 0;padding: 10px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.fcodeLay::after {content: "";display: block;border-left: 6px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: -5px;top: 34px;}
.fcodeLay .tp {width: 140px;height: 140px;}
.fcodeLay .name {margin-top: 1px;text-align: center;margin-bottom: 0;font-size: 18px;}
.fadvLay {position: absolute;text-align: center;right: -190px;height: 100%;background: #fff;font-size: 18px;width: 160px;padding: 0 10px;top: 0;opacity: 0;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;box-sizing: border-box;color: #e03f3f;line-height: 115px;font-weight: bold;}
.fadvLay::after,
.ftelLay::after {content: "";display: block;border-left: 6px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;right: -5px;top: 28px;}
.fcodeLay,.ftelLay,.fadvLay{overflow: unset;}
.span_minus {font-size: 30px;color: #fff;display: block;float: right;cursor: pointer;}
.span_minus:before {content: "-";}
.chat-container {width: 445px;height: 465px;position: fixed;z-index: 9998;bottom: -465px;right: 110px;color: #333;}
.chat-container .chat {width: 100%;height: 100%;display: flex;flex-direction: column;background: #fff;border-radius: 10px 10px 0 0;box-shadow: 0 4px 8px #0000001f;}
.chat-container .chat-header {height: 46px;border-radius: 8px 8px 0 0;flex: none;cursor: move;background-color: #e03f3f}
.chat-container .chat-header-content {height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 12px;}
.chat-container .chat-header-content .chat-header-title {color: #fff;font-size: 14px;}
.chat-container .chat-header-content .chat-header-toolbar {display: flex;align-items: center;}
.chat-container .chat-content {overflow-y: auto;width: 100%;height: calc(100% - 180px);}
.txt-ali-c {text-align: center}
.history-item {margin-bottom: 1rem;font-size: 0.875rem;}
.history-item-sys {display: inline-block;margin: 1.5rem 0.75rem 0;padding: 0.3125rem 0.75rem;font-size: 0.75rem;line-height: 1.125rem;color: #606266;border-radius: 0.25rem;background: #f5f7fa;}
.history-item-content {display: inline-block;max-width: calc(80%);padding: 0.75rem 0.75rem;font-size: 0.875rem;word-break: break-all;border-radius: 0.25rem;border-radius: 0 0.5rem 0.5rem 0.5rem;background: #eff1f7;white-space: pre-line;line-height: 1.375rem;}
.chat-area-box {padding: 0 0.75rem 1.5rem 0.75rem;}
.chat-area-box-item {margin-bottom: 1rem;font-size: 0.875rem;}
.chat-area-box-item-time {margin-bottom: 0.25rem;font-size: 0.75rem;line-height: 0.75rem;color: #a4a0aa;}
.realy-content {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
.chat-area-box-item-r {text-align: right;}
.chat-area-box-item-r .realy-content {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
.chat-area-box-item-content {display: inline-block;max-width: calc(80%);font-size: 0.875rem;word-break: break-all;border-radius: 0.25rem;border-radius: 0 0.5rem 0.5rem 0.5rem;background: #eff1f7;white-space: pre-line;line-height: 1.25rem;padding: 0.625rem 0.75rem;}
.chat-area-box-item-r .chat-area-box-item-content {text-align: left;word-break: break-all;border-radius: 0.25rem;border-radius: 0.5rem 0 0.5rem 0.5rem;background: rgba(100, 147, 252, 0.16);line-height: 1.25rem;padding: 0.625rem 0.75rem;}
.chat-editor-wrapper {height: 130px;position: absolute;bottom: 0;right: 0;left: 0;border-top: 1px solid #ebeef5;}
.chat-editor-textarea {height: auto;width: 100%;}
.edit-text {position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;align-items: flex-end;}
.edit-text-input {max-height: 56px;min-height: 56px;overflow-y: auto;box-sizing: border-box;width: 100%;padding: 0.375rem 0.75rem;border: none;outline: none;font-size: 0.875rem;font-weight: 400;color: #303133;line-height: 1.375rem;flex: 1;word-break: break-all;text-align: left;}
.send-btn {display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;border: 0.0625rem solid #DCDFE6;-webkit-appearance: none;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;margin: 0;-webkit-transition: .1s;transition: .1s;font-weight: 500;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 0.75rem 1.25rem;font-size: 0.875rem;border-radius: 0.25rem;font-size: 0.75rem;border-radius: 0.1875rem;padding: 0.5625rem 0.9375rem;background-color: #e03f3f;color: #fff;margin-right: 12px;margin-bottom: 12px;min-width: 64px;position: absolute;bottom: 0px;right: 0px;}
.send-btn:focus {outline: unset;}