@charset "utf-8";::selection{background:#A81C25;color:#fff;text-shadow:none}
::-moz-selection{background-color:#A81C25;color:#fff;text-shadow:none}
::-webkit-scrollbar{width:10px;height:10px;background-color:#A81C25}
::-webkit-scrollbar-track{background:#A81C25;border-radius:4px}
::-webkit-scrollbar-thumb{background:#96141E;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#FD6101}
::-webkit-scrollbar-corner{background:#A81C25}
*{word-wrap:break-word;outline:0}
ul{margin:0px;padding:0px;list-style:none;}
li{list-style:none;}
ul li a{display:block;}
a{text-decoration:none;color:#666;outline:none;}
a:hover{text-decoration:none;color:#FD6101;}
input{border:1px solid #ccc;outline:none;}
textarea{border:1px solid #ccc;outline:none;}
form{margin:0px;padding:0px;}
table{cellspacing:0px;cellpadding:0px;}
img{border:none;}
a,img{border:0;}
.clear{claer:both;}
.clearfix{*zoom:1;}
.clearfix:after{content:'';display:block;clear:both;}
a{outline:none !important;}
img{border:0 none;}
.gbook{background:url(../images/contact1.jpg) bottom right no-repeat;}
.floating-container{transform:translateY(-50%);flex-direction:row-reverse;display:flex;position:fixed;top:50%;right:0;z-index:1000;transition:transform 0.3s ease-out;}
.customer-service-container.hidden{transform:translateY(-50%) translateX(100%);overflow:hidden;}
.floating-container{display:flex;position:fixed;top:50%;right:0;z-index:1000;transform:translateY(-50%);transition:transform 0.3s ease-out;}
.control-button{justify-content:center;align-items:center;border-radius:6px 0 0 6px;box-sizing:border-box;display:flex;position:relative;z-index:999;width:30px;height:100px;border:2px solid #96141E;border-right:none;color:#FFFFFF;background-color:#96141E;cursor:pointer;transition:background-color 0.3s;}
.control-button:hover{background-color:#A81C25;}
.vertical-text{writing-mode:vertical-lr;text-orientation:upright;align-items:center;justify-content:center;gap:4px;display:flex;font-size:14px;font-weight:bold;}
.control-button .arrow-icon{font-size:16px;transition:transform 0.3s ease;}
.customer-service-container{border-radius:0 6px 6px 0;overflow:hidden;width:160px;border:2px solid #96141E;background-color:#FFFFFF;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease-in-out;transform:translateX(0);}
.floating-container.hidden .customer-service-container{transform:translateX(100%);}
.service-list{font-size:14px;color:#96141E;}
.list-header{padding:8px 0;border-bottom:1px solid #D9D9D9;font-weight:bold;text-align:center;}
.list-content{padding:6px;}
.service-item{align-items:center;gap:10px;display:flex;padding:6px 0;padding-left:10px;border-bottom:1px dashed #D9D9D9;cursor:pointer;transition:all 0.2s;}
.service-item:hover{background-color:#f5f9ff;}
.service-item.active{font-weight:500;background-color:#e8f3ff;}
.service-avatar{border-radius:50%;object-fit:cover;width:32px;height:32px;border:1px solid #eee;}
.service-name{flex:1;}
.service-card{transform:translateY(-50%);min-width:280px;max-width:320px;border-radius:8px;word-wrap:break-word;writing-mode:horizontal-tb;:undefined;display:none;position:absolute;top:50%;right:40px;z-index:998;padding:15px;border:1px solid #eee;background-color:#fff;box-shadow:0 3px 15px rgba(0, 0, 0, 0.2);transition:all 0.3s ease;}
.service-card.show{display:block;animation:fadeIn 0.3s ease;}
.service-card::after{content:'';transform:translateY(-50%);position:absolute;top:50%;right:-10px;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff;}
.card-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;text-align:center;}
.card-avatar{border-radius:50%;object-fit:cover;width:80px;height:80px;margin:0 auto 10px;border:3px solid #f0f0f0;}
.card-name{margin-bottom:5px;font-size:18px;font-weight:bold;color:#333;}
.card-position{margin-bottom:5px;font-size:14px;color:#666;}
.card-contact{margin-bottom:15px;padding:0 5px;}
.contact-item{align-items:flex-start;display:flex;margin-bottom:10px;font-size:14px;color:#555;}
.contact-item i{flex-shrink:0;width:20px;margin-top:3px;margin-right:10px;color:#96141E;}
.contact-item span{flex:1;word-break:break-all;line-height:1.5;}
.card-qrcode{text-align:center;}
.qrcode-img{width:200px;height:200px;margin:0 auto;padding:5px;border:1px solid #eee;border-radius:8px;}
.qrcode-text{margin-top:5px;font-size:13px;color:#666;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(10px);}
to{transform:translateY(-50%) translateX(0);opacity:1;}
}
@media (max-width:480px){.service-card{min-width:220px;padding:10px;}
}