@charset "utf-8";
/*全站主题颜色 同一系列，从深到浅*/
.g_ac0{color:#333;}
.g_ac0_h{color:#ff6600;}
.g_ac0:hover{color:#ff6600;}
.g_ac1{color:#333;}
.g_ac1_h{color:#FF6600;}
.g_ac1:hover{color:#FF6600;}
.g_ac2{color:#FF6600;}
.g_ac2_h{color:#FF6600;}
.g_ac2:hover{color:#FF5D56;}
.g_ac3{color:#2255DD;}
.g_ac3_h{color:#FF6600;}
.g_ac3:hover{color:#FF5D56;}

.g_ac98_h{color:#FF5D56;} /*过渡色，通用色*/
.g_ac98:hover{color:#FF5D56;} /*过渡色，通用色*/
.g_ac99_h{color:#B90505;} /*过渡色，通用色*/
.g_ac99:hover{color:#B90505;} /*过渡色，通用色*/

.g_bc0{border-color:#ccc;}
.g_bc0_h{border-color:#FF6600;}
.g_bc0:hover{border-color:#FF6600;}

.g_bg0{background-color:#FFF1DC;color:#333;}
.g_bg1{background-color:#4c51553b;color:#fff;}
/*全站主题色结束*/
/*微微-网络-开发设计QQ:6638-39248请不要倒卖-否则停止更新*/
.bfbtop{float:left;width:100%;border-bottom: #f3f3f3 solid 1px;height:27px;background-color: #ffffff;}
.bfbtop .top{float:left;width:1250px;height:27px;text-align:left;}
.bfbtop .top .u1{float:left;width:1250px;}
.bfbtop .top .u1 li{float:left;}
.bfbtop .top .u1 .l0{border-right:#ddd solid 1px;height:14px;width:3px;margin:7px 0 0 0;}
.bfbtop .top .u1 .l1{padding:7px 0 0 0;width:880px;}
.bfbtop .top .u1 .l1 #yesuid{font-family:Arial, Helvetica, sans-serif;font-weight:700;}
.bfbtop .top .u1 .l1 .s1{float:left;}
.bfbtop .top .u1 .l1 .s2{float:left;margin:-3px 0 0 10px;}
.bfbtop .top .u1 .l2{margin:7px 0 0 0;width:76px;text-align:center;border-right:#ddd solid 1px;}
.bfbtop .top .u1 .l21{width:48px;}
.bfbtop .top .u1 .l3{margin:1px 0 0 3px;border:#FAFAFA solid 1px;border-bottom:0;width:70px;padding:5px 0 0 10px;height:20px;background:url(../homeimg/jiandanImg/iconx.gif) no-repeat;background-position:65px 9px;}
.bfbtop .top .u1 .l3h{background-color:#fff;border:#DDDDDD solid 1px;border-bottom:0;}
.bfbtop .top .u1 .l3 .a1{float:left;}
.bfbtop .top .u1 .umenu{float:left;border:#DDDDDD solid 1px;border-top:0;background-color:#fff;position:relative;clear:both;width:80px;margin:3px 0 0 -11px;z-index:188;}
.bfbtop .top .u1 .umenu a{float:left;width:70px;padding:7px 0 0 10px;height:18px;}

.bfbtop1{background-color: #fff;height: 80px;text-align:left;}
.bfbtop1 .logo{float:left;padding: 15px 0 0 0;width:200px;}
.bfbtop1 .logo img{height: 50px;}
.bfbtop1 .menu{float:right;width:1040px;height: 80px;overflow:hidden;}
.bfbtop1 .menu a{float:left;font-size:16px;color: #000;padding: 30px 20px 0 20px;height: 45px;}
.bfbtop1 .menu a:hover{background-color: #f7f7f7;text-decoration:none;}
.bfbtop1 .menu .bold {color: #ec2828;font-weight: 700}
.bfbtop1 .menu .boldvip {color: #6a11cb;font-weight: 700}
.bfbtop1 .menu a.bold:hover {color: #333}

.bfbtop1 .menu .boldvip::after {
content: "VIP";
display: inline-block;
font-size: 10px;
color: #fff;
background: #ff6b6b;
border-radius: 2px;
padding: 0 3px;
margin-left: 5px;
vertical-align: super;
line-height: 1;
}

.bfbbottom{margin:30px 0 0 0;border-top:#E8E8E8 solid 1px;text-align:left;}
.bfbbottom .u1{float:left;width:1200px;margin:20px 0 0 50px;}
.bfbbottom .u1 li{float:left;}
.bfbbottom .u1 .l0{width:185px;padding:0 0 0 35px;line-height:27px;font-size:14px;}
.bfbbottom .u1 .l0 .cap{float:left;width:185px;height:35px;font-size:15px;}
.bfbbottom .u1 .l1{background:url(../homeimg/jiandanImg/b1.gif) no-repeat;}
.bfbbottom .u1 .l2{background:url(../homeimg/jiandanImg/b2.gif) no-repeat;}
.bfbbottom .u1 .l3{background:url(../homeimg/jiandanImg/b3.gif) no-repeat;}
.bfbbottom .u1 .l4{background:url(../homeimg/jiandanImg/b4.gif) no-repeat;}
.bfbbottom .u1 .l5{width:320px;text-align:center;padding:10px 0 0 0;}
.bfbbottom .u1 .l5 strong{float:left;width:320px;font-size:24px;font-weight:100;color:#696969;height:35px;}
.bfbbottom .u1 .l5 span{float:left;width:320px;color:#666666;height:20px;font-size:14px;text-align:center;}
.bfbbottom .u1 .l5 a{float:left;color:#fff;width:160px;text-align:center;height:29px;margin:10px 0 0 80px;border-radius:5px;padding:7px 0 0 0;font-size:14px;background-color:#38B549;}
.bfbbottom .u1 .l5 a:hover{text-decoration:none;}
.bfbbottom .d1{float:left;width:1250px;border-top:#e8e8e8 solid 1px;margin:18px 0 0 0;text-align:center;padding:10px 0 0 0;line-height:23px;}
/*微微-网络-开发设计QQ:6638-39248请不要倒卖-否则停止更新*/
/*合作伙伴*/
.bolink{float:left;width:1248px;margin:10px 0 0 0;text-align:left;border:#D8D8D8 solid 1px;background-color:#F4F4F4;}
.bolink .u1{float:left;width:1228px;background-color:#fff;padding:10px;}
.bolink .u1 li{float:left;}
.bolink .u1 .l1{width:1228px;font-size:16px;font-weight:700;height:28px;border-bottom:#D8D8D8 dotted 1px;}
.bolink .u1 .l2{width:1228px;}
.bolink .u1 .l2 img{float:left;border:#E5E5E5 solid 1px;margin:10px 5px 0 4px;padding:4px;}
.bolink .u1 .l3{width:1228px;margin:10px 0 0 0;line-height:20px;}
.floatTips{position:absolute;top:250px;right:3px;z-index:999;float:right;}
.floatTips .uqq{float:left;width:113px;border:#CCCCCC solid 1px;background-color:#fff;}
.floatTips .uqq li{float:left;}
.floatTips .uqq .l1{padding:6px 3px 0 0;text-align:right;background:url(../img/qqr2.gif) left top no-repeat;width:110px;height:58px;}
.floatTips .uqq .l2{padding:5px 0 0 5px;width:108px;}
.floatTips .uqq .l2 a{float:left;padding:6px 0 0 30px;background:url(../img/qq4.gif) left top no-repeat;width:72px;height:18px;text-align:left;}
.floatTips .uqq .l2 a:hover{text-decoration:none;}
.floatTips .uqq .l4{width:113px;margin-top:6px;border-top:#CACACA dotted 1px;padding:7px 0 0 0;text-align:center;}
.floatTips .uqq .l5{color:#ff6600;width:113px;font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:14px;padding-top:2px;}
.floatTips .uqq .l6{width:113px;height:15px;margin-top:4px;}
.floatTips #gdqqn{float:left;cursor:pointer;}


        /* 客服按钮样式 - 修复版：文字始终显示*/        .customer-service {position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;}
.service-btn {background:linear-gradient(135deg,#2575fc 0%,#6a11cb 100%);color:white;border:none;width:auto;height:60px;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:flex-start;transition:all 0.4s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0 4px 15px rgba(37,117,252,0.3);position:relative;left:0;padding:0 20px;overflow:hidden;white-space:nowrap;min-width:200px;/* 固定宽度，确保文字一直显示*/;}
.service-btn:hover {min-width:200px;/* 悬停时宽度不变*/            padding-right:25px;background:linear-gradient(135deg,#1c6ae4 0%,#5a0fb9 100%);}
.service-btn i {font-size:24px;margin-right:12px;transition:transform 0.3s ease;min-width:24px;}
.service-btn:hover i {transform:rotate(15deg);}
.btn-text {opacity:1;/* 文字始终可见*/            transform:translateX(0);/* 取消位移*/            transition:all 0.4s ease;font-weight:600;letter-spacing:0.5px;}
.service-panel {position:absolute;left:-280px;top:0;background:white;width:260px;border-radius:0 15px 15px 0;box-shadow:5px 5px 25px rgba(0,0,0,0.15);overflow:hidden;transition:left 0.5s cubic-bezier(0.68,-0.55,0.27,1.55);opacity:0;visibility:hidden;}
.customer-service.active .service-panel {left:calc(100% - 10px);opacity:1;visibility:visible;}
.panel-header {background:linear-gradient(135deg,#2575fc 0%,#6a11cb 100%);color:white;padding:20px;display:flex;align-items:center;position:relative;}
.panel-header i {font-size:28px;margin-right:15px;}
.panel-header h3 {font-size:1.3rem;font-weight:600;}
.panel-content {padding:25px 20px;}
.contact-options h4 {color:#333;margin-bottom:20px;font-size:1.2rem;border-bottom:1px solid #eee;padding-bottom:10px;text-align:center;}
.option {display:flex;align-items:center;padding:18px 15px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all 0.3s;border-radius:10px;text-decoration:none;color:inherit;margin-bottom:15px;border:1px solid #f0f0f0;}
.option:hover {background-color:#f0f5ff;transform:translateX(5px);border-color:#d0e1ff;box-shadow:0 5px 15px rgba(37,117,252,0.1);}
.option i {width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:22px;color:white;flex-shrink:0;}
.option:nth-child(2) i {background:linear-gradient(135deg,#ff7e5f 0%,#feb47b 100%);}
.option:nth-child(3) i {background:linear-gradient(135deg,#36d1dc 0%,#5b86e5 100%);}
.option-text h5 {font-size:1.1rem;color:#333;margin-bottom:5px;}
.option-text p {font-size:0.9rem;color:#777;}
.close-btn {position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.2);color:white;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background 0.3s;}
.close-btn:hover {background:rgba(255,255,255,0.3);transform:rotate(90deg);}
.notification {position:absolute;top:-5px;right:-5px;background-color:#ff4757;color:white;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:bold;animation:pulse 2s infinite;display:none;}
@keyframes pulse {0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
;}
.work-hours {margin-top:20px;font-size:0.85rem;color:#888;text-align:center;padding-top:15px;border-top:1px dashed #eee;}
.work-hours i {margin-right:5px;color:#6a11cb;}
@media (max-width:768px) {.service-panel {width:240px;left:-240px;}
.customer-service.active .service-panel {left:calc(100% - 10px);}
/* 在移动设备上按钮可以稍小一些*/            .service-btn {min-width:180px;font-size:14px;}
;}
@media (max-width:480px) {.service-panel {width:220px;left:-220px;}
.customer-service.active .service-panel {left:calc(100% - 10px);}
/* 在更小的屏幕上按钮可以再小一些*/            .service-btn {min-width:160px;font-size:14px;padding:0 15px;}
.btn-text {font-size:14px;}
;}

