@charset "utf-8";/***公共样式****/body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none;}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#000000;font-family:"MiSans",'HarmonyOS_Sans_SC_Light','Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif;font-size:16px; }

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color:#fe4101;}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select {outline:none;resize:none;font-family:"HarmonyOS_Sans_SC_Light","exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}


/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

@font-face {
font-family: 'Aleo';
src: url('../fonts/Aleo-Light.eot'); 
src: url('../fonts/Aleo-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Aleo-Light.woff') format('woff'), 
url('../fonts/Aleo-Light.ttf') format('truetype'),
url('../fonts/Aleo-Light.svg#Aleo-Light') format('svg'); 
}

@font-face {
font-family: 'Normographe';
src: url('../fonts/Normographe-Tryout.eot'); 
src: url('../fonts/Normographe-Tryout.eot?#iefix') format('embedded-opentype'),
url('../fonts/Normographe-Tryout.woff') format('woff'), 
url('../fonts/Normographe-Tryout.ttf') format('truetype'),
url('../fonts/Normographe-Tryout.svg#Normographe-Tryout') format('svg'); 
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Regular';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}
@font-face {
    font-family:'HarmonyOS_Sans_SC_Light';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Bold';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Medium';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
}
@font-face {
    font-family:'billajenka';
    src: url('../fonts/billajenka-mazjj.ttf');
}

@font-face {
    font-family: 'DINCondensed';
    src: url('../fonts/DIN-Condensed-Bold-2.ttf');
}





::-moz-scrollbar { width: 5px; height: 5px; background-color: #fe4101; }
/*定义滚动条轨道 内阴影+圆角*/
::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
/*定义滑块 内阴影+圆角*/
::-moz-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }
::-ms-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; }
/*定义滚动条轨道 内阴影+圆角*/
::-ms-scrollbar-track { border-radius: 0px; background: #000; }
/*定义滑块 内阴影+圆角*/
::-ms-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }
::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ccc; }
/*定义滚动条轨道 内阴影+圆
角*/ ::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

/* .nav-btnbox { display:none} */
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}
.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}


.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.animated {
    -webkit-animation-duration:0.7s;
    animation-duration:0.7s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

@-webkit-keyframes fadeInUp{
    0% {
    opacity:0;  
    -webkit-transform:translateY(20%);
    transform:translateY(20%);
    visibility:visible;
    }
    100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    }
}
@keyframes fadeInUp{
    0% {
    opacity:0;
    -webkit-transform:translateY(20%);
    transform:translateY(20%);
    visibility:visible;
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0);
      }
}

@-webkit-keyframes fadeIn{
    0% {
    opacity:0;  
    }
    100% {
    opacity:1;
    }
}
@keyframes fadeIn{
    0% {
    opacity:0;
    }
    100% {
        opacity:1;
      }
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;transform:none}
}
@keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}


.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.wapbanner{display: none; position: relative; }
.wapbanner img{width: 100%}
.wapbanner .swiper-pagination{bottom:10px; text-align: center;width: 100%; z-index: 8}
.wapbanner .swiper-pagination-bullet{ width:20px;height:2px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}

.wapbanner .swiper-pagination-bullet-active{background: #fe4101;}


.banner {position:relative;z-index:1; height: 100vh;}
.bannerfiex {position:fixed;z-index:-1;top:0;left:0;width:100%;}
.ban_box {position:relative;}
#zhulu_ban {position:relative;opacity:0;width:100%;overflow:hidden;}
#zhulu_ban ul {position:relative;z-index:3;width:100%;height:100%;}
#zhulu_ban ul li .intro {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#zhulu_ban ul li {position:absolute;width:100%;height:100%;z-index:1;}
#zhulu_ban ul li.on {opacity:1;}
.zhulu_bandot {position:absolute;z-index:8;bottom:20px;text-align:center;width:100%; left:0px;}
.zhulu_bandot span {display:inline-block;width:50px;height:2px;margin-right: 5px;cursor:pointer;position:relative;}
.zhulu_bandot span:before {content:"";display:block;position:absolute;height:2px;width:100%;top:0%;background:#999;}
.zhulu_bandot span em {display:block;position:absolute;height:2px;width:0%;top:0%;background:#fe4101;}
.zhulu_bandot span:last-child {margin-right:0;}



.mainbox{margin: 0 auto; max-width:1580px;}

.hero-section {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 850px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(10, 10, 30, 0.9) 0%, rgba(30, 20, 60, 0.85) 50%, rgba(60, 30, 100, 0.8) 100%);
    backdrop-filter: blur(10px);
}

.hero-content {
    position: relative;
    z-index: 2;
    width: 90%;
    max-width: 1580px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.hero-left {
    flex: 1;
    max-width: 55%;
    padding-right: 40px;
}

.hero-title {
    font-size: 52px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 24px;
}

.gradient-text {
    background: linear-gradient(135deg, #f15016, #e87929, #ffb950);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
    margin-bottom: 36px;
}

.hero-buttons {
    display: flex;
    gap: 20px;
    margin-bottom: 48px;
}

.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 36px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, #f15016, #e87929);
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(247, 192, 85, 0.4);
    text-decoration: none;
}

.btn-primary:hover {
    transform: translateY(-2px);
    color: #ffffff;
    box-shadow: 0 6px 30px rgba(247, 192, 85, 0.6);
}

.btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 36px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    backdrop-filter: blur(10px);
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
}

.hero-stats {
    display: flex;
    gap: 50px;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.stat-num {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}

.stat-num .count {
    background: linear-gradient(135deg, #f15016, #ffb950);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.stat-num em {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.6);
}

.stat-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
}

.hero-right {
    flex: 1;
    max-width: 45%;
    display: flex;
    align-items: center;
    height: 60vh;
    min-height: 500px;
}

.ai-chat-widget {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-align: left;
}

.chat-header {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.chat-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #a855f7, #f15016);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.ai-icon {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.chat-title h3 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.chat-title p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin: 4px 0 0;
}

.chat-messages {
    padding: 20px 24px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.chat-messages::-webkit-scrollbar {
    width: 4px;
}

.chat-messages::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.chat-messages::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

.message {
    display: flex;
    margin-bottom: 20px;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.message-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #a855f7, #fe4101);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.message-content {
    flex: 1;
    background: rgba(168, 85, 247, 0.15);
    border-radius: 16px;
    border-top-left-radius: 4px;
    padding: 14px 18px;
}

.message-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0;
}

.chat-input-area {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    background: rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    gap: 12px;
}

.chat-input-area input {
    flex: 1;
    padding: 14px 20px;
    font-size: 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    outline: none;
    transition: all 0.3s ease;
}

.chat-input-area input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.chat-input-area input:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(241, 80, 22, 0.5);
}

.send-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #a855f7, #f15016);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.4);
}

.send-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(168, 85, 247, 0.6);
}

.send-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* 用户消息 */
.user-message {
    flex-direction: row-reverse;
}
.user-message .message-avatar {
    margin-right: 0;
    margin-left: 12px;
    background: linear-gradient(135deg, #fe4101, #f15016);
}
.user-message .message-content {
    background: rgba(254, 65, 1, 0.18);
    border-radius: 16px;
    border-top-right-radius: 4px;
    border-top-left-radius: 16px;
}
.user-message .message-content p {
    color: #fff;
    text-align: left;
}

/* AI loading 动画 */
.msg-loading .message-content p {
    display: inline-block;
}
.msg-loading .typing-dots {
    display: inline-flex;
    gap: 4px;
    vertical-align: middle;
    margin-left: 4px;
}
.msg-loading .typing-dots span {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    opacity: 0.5;
    animation: typing 1.2s infinite ease-in-out;
}
.msg-loading .typing-dots span:nth-child(2) { animation-delay: 0.2s; }
.msg-loading .typing-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes typing {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40% { transform: scale(1); opacity: 1; }
}

/* AI 回复中的相关来源 */
.msg-sources {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 12px;
    color: rgba(255,255,255,0.5);
}
.msg-sources a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
    margin-top: 6px;
    padding: 4px 12px;
    background: rgba(255,255,255,0.08);
    border-radius: 12px;
    font-size: 12px;
    transition: all 0.2s;
}
.msg-sources a:hover {
    background: rgba(254,65,1,0.3);
    color: #fff;
}

/* 聊天窗收起按钮 */
.chat-minimize {
    margin-left: auto;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.75);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.chat-minimize:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}

/* 首页以外的浮动聊天窗 */
.ai-chat-widget.ai-chat-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 380px;
    height: 620px;
    max-height: 78vh;
    background: rgba(24, 16, 40, 0.98);
    z-index: 9998;
}

/* 收起后贴右侧的 AI 客服图标 */
.ai-chat-toggle {
    position: fixed;
    right: 2px;
    top: 40%;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #a855f7, #f15016);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
}

.ai-chat-toggle .ai-icon {
    font-size: 18px;
}

/* AI 回复正文中的链接：仅作用于聊天窗口，不影响站点其他区域 */
.chat-messages .ai-message .message-content > p a {
    color: #ff7a1a;
    text-decoration: none;
}
.chat-messages .ai-message .message-content > p a:hover {
    color: #ff7a1a;
    text-decoration: underline;
}

.footintro {
    padding: 20px 0;
}

.footintro h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px;
}

.footintro p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0 0 16px;
}

.footlinks {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.footlinks a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footlinks a:hover {
    color: #a855f7;
}

.footlinks span {
    color: rgba(255, 255, 255, 0.3);
}

.top{position:absolute; left: 0px; top: 0px; width:100%; z-index:9; padding: 30px 0px;}
.none{display: none}
.logo{width:12%;}
.topright{width:75%;  position: relative;padding-left:100px;}
.nav{ /*width:80%;*/}
.nav li{}
.nav li>a{color: #fff;font-size:18px;display: inline-flex; line-height:50px;  position: relative;align-items: center;}
.nav li>a img{margin-left:12px;width:30px;}
.nav li>a:hover{color: #fe4101}
.nav li>a:before{width: 0px; height:4px; border-radius:4px; position:absolute ; left:50%;transform: translate(-50%,0);  bottom: 0px; content: ""; background:#fe4101;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nav li:hover>a{color: #fe4101}
.nav li:hover>a:before{width:100%}
.nav li.cur>a:before{width:100%}
.nav li.cur>a{color: #fe4101}


.navbtn{ width: 30px; cursor: pointer; position: absolute; height: 10px;right:0;top:50%;transform: translateY(-50%);}
.navbtn:after{content:""; width: 76%; height: 2px; position: absolute; top: 0px; right: 0px; background: #fff;}
.navbtn:before{ content:""; height: 2px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: #fff;}





.content{position: relative;z-index:2; background: #fff}



.syabout{ position:relative; display: none;}

.syabout>img{width: 100%}

.syabout .data-circle{width: 100%; height: 100%; position:absolute; left: 0px; top: 0px; }
.syabout .data-circle circle{
    transform-origin: center center;
    stroke-dashoffset: 3580;
    stroke-dasharray: 3580;
    transform: rotate(30deg);
    transform-origin: center center;
}

.syaboutbox{ width:44%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%);overflow: hidden;}

.syaboutbox>img{width: 100%; height: 100%; border-radius: 100%; background:rgba(255,255,255,0.6);  }

.syabout_tit{ color: #141415; text-align: center;width:40%; max-width: 600px; margin: 0 auto}
.syabout_tit h1{text-align: center; font-size: 32px;transition: all .3s; position: relative; top: 100%}
.syabout_tit h2{font-size: 36px; margin-top: 12px; transition: all .3s; position: relative; top: 100%}
.syabout_tittop{ line-height: 1; height:80px; overflow: hidden}

.syabout_titbot{text-align: center; margin-top:20px; height:90px; overflow: hidden;font-size:15px;}
.syabout_titbot p{transition: all .3s; position: relative; top: 100%}
.syabout_titbot strong{font-weight: 300;}
.syabout_txt{position: absolute; left:  50%; top: 50%; width:90%; top: 50%; transform: translate(-50%,-50%); }


.syabshuzi {margin-top: 5%}
.syabshuzi li{text-align: center;  width:33.33%}
.syabshuzi li:nth-child(2) span{color: #fe4101}
.syabshuzi li:nth-child(1){display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.syabshuzi li:nth-child(3){display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


.shuzi span{font-family: 'Aleo';display: block;transition: all .3s; position: relative; top: 100%}
.shuzi em{font-size: 72px;}
.shuzi i{font-size:140px; letter-spacing: -5px }

.wenzi{color: #4a4a4a; font-size: 30px;font-weight: 300; text-align: center;overflow: hidden;line-height: 1; overflow: hidden; height: 30px; margin-top: 30px;}

.shuzi{ overflow: hidden;line-height: 1; overflow: hidden; height:140px;}
.wenzi p{line-height: 30px;transition: all .3s; position: relative; top: 100%;}


.syservice{background: url("../images/sec.png") no-repeat left top #000000; background-size: 100% auto; color: #fff; padding:60px 0px; position: relative; border-bottom: 1px solid #1e1f24}
.syservice:before{content: ""; width: 30%; height: 100%; background: #fe4101; top: 0px; right: 0px; position:absolute; z-index:1}
.syservice .mainbox{position: relative; z-index: 2}

.syserleft{width: 48%; position: sticky;position: -webkit-sticky; top: 0px;}
.syserright{width: 50%}
.syserpic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.syserpic img{top:-100%; position: relative}
.syserpic.cur img{

    animation: cp-in 1s ease 1;
    -moz-animation: cp-in 1s ease 1;
    -webkit-animation: cp-in 1s ease 1;
    -o-animation: cp-in 1s ease 1;
    

}

@keyframes cp-in {
    from {opacity:0;-webkit-transform:translateY(-20%);
    transform:translateY(-20%);

    }
    to {opacity:1;-webkit-transform:translateY(0);
    transform:translateY(0);}
}
@-moz-keyframes cp-in {
    from {opacity:0;-webkit-transform:translateY(-20%);
    transform:translateY(-20%);
    }
    to {opacity:1;-webkit-transform:translateY(0);
    transform:translateY(0); }
}
@-webkit-keyframes cp-in {
    from {opacity:0;-webkit-transform:translateY(-20%);
    transform:translateY(-20%);
    }
    to {opacity:1;-webkit-transform:translateY(0);
    transform:translateY(0); }
}
@-o-keyframes cp-in {
    from {opacity:0;-webkit-transform:translateY(-20%);
    transform:translateY(-20%);
    }
    to {opacity:1;-webkit-transform:translateY(0);
    transform:translateY(0); }
}






.sysertit{margin-top: 10%;}
.sysertit h1,.sysertit h2{ font-size: 40px; position: relative; display: inline-block}
.sysertit h1:before,.sysertit h2:before{content: ""; width:90%; height: 2px; background: #fff; left: 120%; position: absolute; top: 50%;}


.syserhezi{height:376px; 
    /* overflow: hidden */
}

.syserlefttxt{padding-left:10%; font-size: 18px; margin-top:160px; display: none;position: relative;}
.syserlefttxt .en{font-family: 'Billajenka';font-weight: 400;font-size:110px;color: #000000;line-height: 86px;text-stroke: 1px #FFFFFF;opacity: 0.18;-webkit-text-stroke: 1px #FFFFFF;position: absolute;left:0;top:-60px;white-space:nowrap;}
.syserlefttxt p{line-height: 1.8}
.syserlefttxt h2{font-size: 30px; margin-bottom: 20px;}
.syserlefttxt ul{margin-top: 20px;max-width:220px;}
.syserlefttxt li{width:100%; float: left; padding: 8px 0px;border-bottom:1px solid rgba(255,255,255,.5)}

.syserlefttxt:first-child{display: block}

.syserright .swiper-wrapper{display: block}


.sycase{background: #000; color: #fff}

.sycasetit{text-align: right; padding: 100px 0px}

.sycasetit h1,.sycasetit h2{ font-size: 40px; position: relative; display: inline-block}
.sycasetit h1:before,.sycasetit h2:before{content: ""; width:90%; height: 2px; background: #fff; right: 120%; position: absolute; top: 50%;}

.sycasetop{ border-bottom: 1px solid #464646; border-top: 1px solid #464646;}
.sycasetop{ position: relative}
.sycasebox a{color: #FFFFFF; display: block; text-align: center}
.sycasetxt span{font-family: 'Normographe'; color: #3f414b; font-size: 18px; text-transform: uppercase}


.sycasebox a:hover .sycasetxt span{color: #fe4101}
.sycasetxt{padding:30px 0px;}
.sycasetop .sycasetxt p{font-size: 36px; margin-bottom: 10px;}

.sycasetop .swiper-slide:nth-child(1) a{padding-right:70px; padding-top:40px; border-right: 1px solid #464646;}
.sycasetop .swiper-slide:nth-child(2) a{padding-left:70px; padding-top:40px;}

.sycasebot {position: relative}
.sycasebot .swiper-slide a{padding: 40px 30px 0; border-left: 1px solid #464646;}
.sycasebot .swiper-slide:nth-child(1) a{border: none}
.sycasebot .sycasetxt p{font-size: 30px;}

.sycasebox{padding-bottom:100px;}
.sycasebox .swiper-pagination{bottom:10px; text-align: center;width: 100%; z-index: 8}
.sycasebox .swiper-pagination-bullet{ width:20px;height:2px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}

.sycasebox .swiper-pagination-bullet-active{background: #fe4101;}
.sycasebox .sycasebot{border-bottom: 1px solid #464646;}



.sycasebox a .case-border{position:absolute;background:none;transition:all .5s ease-in-out;z-index:100;}
.sycasebox a .case-border:nth-of-type(1){
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:6px solid #fe4101;
}
.sycasebox a .case-border:nth-of-type(2){
  top:0;
  right:0;
  width:0px;
  height:0;
  border-right:6px solid #fe4101;
}

.sycasebox a .case-border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:6px solid #fe4101;
}

.sycasebox a .case-border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:6px solid #fe4101;
}

.sycasebox a:hover .case-border:nth-of-type(1){width:100%;}
.sycasebox a:hover .case-border:nth-of-type(2){height:100%;}
.sycasebox a:hover .case-border:nth-of-type(3){width:100%;}
.sycasebox a:hover .case-border:nth-of-type(4){height:100%;}

.synews{position: relative; padding: 100px 0;}




.synewsbox{position: relative; z-index: 2}


.synewstit h1,.synewstit h2{ font-size: 40px; position: relative; display: inline-block; color: #000}
.synewstit h1:before,.synewstit h2:before{content: ""; width:90%; height: 2px; background: #000; left: 120%; position: absolute; top: 50%;}

.synewsleft{width:100%;}
.synewstit{margin-bottom:60px;}
.synewsright{width:100%}

.synewsbox{padding-left: 50px; max-width:2000px; margin: 0 auto}

.qiehuan{position: relative}
.qiehuan .swiper-button-prev{width:80px; height: 80px; border-radius: 100%; border: 5px solid #ff936f; background: url("../images/leftan.png") no-repeat center center; background-size: 50% auto; position: relative; margin-top: 0px; left: auto; margin: 30px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.qiehuan .swiper-button-next{width: 80px; height: 80px; border-radius: 100%; border: 5px solid #ff936f; background: url("../images/rightan.png") no-repeat center center; background-size: 50% auto;position: relative; margin-top: 0px; right: auto; margin:30px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.qiehuan .swiper-button-prev:hover,.qiehuan .swiper-button-next:hover{background-color:rgba(255,255,255,0.3)}

.synewsleft .swiper-pagination{ position: relative; border-bottom:4px solid #ff936f; font-family: arial; font-size: 72px;color: #ff936f}
.synewsleft .swiper-pagination:before{content:""; height: 5px; background: #fff; position: absolute; left: 0px; bottom: 0px; width: 50px;}
.synewsleft .swiper-pagination-total{}
.synewsleft .swiper-pagination-current{font-size: 120px;color: #fff; }

.synewsright .swiper-slide{position: relative; width: 400px}
.synewsrighttxt{position:absolute; background: rgba(0,0,0,0.3); color: #fff; left: 0px; bottom: 0px; width: calc(100% - 60px); padding:20px 30px; font-size: 18px;}

.synewsrighttxt span{ font-family: arial;}

/*
.footerbj{background:#020204; background-size: cover; color: #fff;padding-bottom:72px;}
.footerbj .ft1{padding:38px 0;}
.footlogo{ width: 193px;}
.footerbj .ft2{border-top:1px solid #464646;border-bottom: 1px solid #464646;position: relative;}
.footerbj .ft2::before{content:"";width:70%;height: 1px; background: #464646; position: absolute; right: 0px; top:308px;}
.footerbj a{color: #fff}
.footerbj a:hover{color: #fe4101}
.footliuyan{padding-top:38px;}
.footliuyan h1{font-size: 20px; font-weight: normal;font-family: MiSans;
font-weight: 100;}
.footliuyan li input[type="text"]{height: 42px; background: none; width: calc(100% - 2px); color: #fff;border:0;}
.footliuyan li{border-bottom:1px solid #464646; padding: 10px 0px;}

.footliuyan ul{padding:0 0 45px 0px;}
.footliuyan li input[type="button"]{font-size: 18px; background:none; color: #fff; border: 1px solid #fff; border-radius: 5px; background: none; width: calc(100% - 2px);height: 35px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.footliuyan li input[type="button"]:hover{background: #fe4101;border: 1px solid #fe4101;}

.footliuyan input::-webkit-input-placeholder {color:#515151;  font-size: 18px;}
.footliuyan input::-moz-input-placeholder {color:#515151;  font-size: 18px;}
.footliuyan input::-ms-input-placeholder {color:#515151;  font-size: 18px;}
.footliuyan li .tit{font-size: 18px; color: #515151;margin-top:15px;}
.footliuyan li.send{padding:30px 0;text-align: right;}
.footliuyan li.send button{background:none;border:0;padding:0;cursor: pointer;width:60px;text-align: right;display:inline-flex;justify-content: flex-end;margin:0;}
.footleft{width:25%;padding-right:4.17vw;border-right: 1px solid rgba(255,255,255,0.2);background: #000;position: relative;z-index:2;font-family: MiSans;
font-weight: 100;}

.footcon{line-height: 2}


.erwwimas img{display:inline-block;width:120px;}
.erwwimas p{margin-top: 5px;font-size:14px;}

.footnav{width:71%}

.footnav li{border-right: 1px solid rgba(255,255,255,0.2); width: 25%;padding-top:38px;height:270px;justify-content: flex-start;padding-left:1.56vw;}
.footnav li:last-child{border-right: 0px}
.footnav li p a{color:#919191}
.footnav li p:first-child{font-size: 18px;margin-bottom:10px; padding-top: 0px;}
.footnav li p.tit{font-size:18px;margin-top:36px;}
.footnav li p:first-child a,.footnav li p.tit a{color:#B7B7B7}
.footnav li p{padding:6px 0px; display: block;font-family: MiSans;
font-weight: 200;font-size:15px;}
.footnav li a{display:flex;align-items: center;}
.footnav li a img{width:30px;margin-left:7px;}
.footnav .box2{text-align: right;padding-top:30px;}
.footbot{margin-top:60px; font-weight:200;font-size: 14px; color:#8D8D8D;}
.footbot a{color:#8D8D8D}
.footnav li a:hover,.footbot a:hover{color:rgba(255,255,255,.8)!important}
*/

.footerbj{background: url("../images/footerbj.jpg") no-repeat center center; background-size: cover; color: #fff;padding-top: 40px;}
.footerbj a{color: #fff}
.footerbj a:hover{color: #fe4101}
.footliuyan h1{font-size: 30px; font-weight: normal}
.footliuyan li input[type="text"]{height: 42px; border: 1px solid #fff; border-radius: 5px; background: none; width: calc(100% - 2px); text-indent:50px; color: #fff}
.footliuyan select.footer-select{height: 44px; border: 1px solid #fff; border-radius: 5px; background: none; width: 100%; color: #fff; font-size: 16px; padding: 0 15px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='rgba(255,255,255,0.7)' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center;}
.footliuyan select.footer-select option{background: #1a1a2e; color: #fff;}
.footliuyan select.footer-select:focus{outline: none;}

.footliuyan li{width:18%}
.footliuyan li:nth-child(3){width:18%}
.footliuyan li:nth-child(4){width:28%}
.footliuyan li:nth-child(5){width:13%}

.footliuyan li:nth-child(1) input{background: url("../images/cc01.png") no-repeat 15px center; background-size: 18px auto}
.footliuyan li:nth-child(2) input{background: url("../images/cc02.png") no-repeat 15px center; background-size: 15px auto}
.footliuyan li:nth-child(4) input{background: url("../images/cc03.png") no-repeat 15px center; background-size: 18px auto}

.footliuyan ul{padding: 40px 0px;}
.footliuyan li input[type="button"]{font-size: 18px; background:none; color: #fff; border: 1px solid #fff; border-radius: 5px; background: none; width: calc(100% - 2px);height: 44px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.footliuyan li input[type="button"]:hover{background: #fe4101;border: 1px solid #fe4101;}

.footliuyan input::-webkit-input-placeholder {color:rgba(255,255,255,0.7);  font-size: 16px;}
.footliuyan input::-moz-input-placeholder{color:rgba(255,255,255,0.7);  font-size: 16px;}
.footliuyan input::-ms-input-placeholder{color:rgba(255,255,255,0.7);  font-size: 16px;}


.footleft{width: 32%;}

.footcon{line-height: 2}

.footlogo{margin-bottom: 30px; width: 190px;}
.erwwimas{text-align: center}
.erwwimas p{margin-top: 5px;}

.footnav{width: 65%}

.footnav li{border-left: 1px solid rgba(255,255,255,0.2); width: 25%}

.footnav li p:first-child{font-size: 18px; font-weight: bold; margin-bottom:10px; padding-top: 0px;}

.footnav li p{padding: 5px 0px; display: block}


.footbot{padding: 20px 0px;border-top: 1px solid rgba(255,255,255,0.2); margin-top: 40px; font-weight: 300;font-size: 14px; color: rgba(255,255,255,0.5)}



.fudong{position: fixed; right:0px; top: 50%; z-index: 9999; display: none}
.fudong li{cursor: pointer; position: relative; width: 50px;}

.fudong li>a{background:#fc5219; width:50px; height: 50px;  overflow: hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.fudong li>a img{width: 32px;}


.fudown{min-height:50px;background:#fc5219; position: absolute; right:100%; width:200px; color: #fff; font-size: 18px; top:50%; transform: translate(0,-50%);opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; visibility: hidden}

.fudown .zuo{padding: 0px 10px 0px 10px; height: 50px}
.fudown .zuo img{max-width: 32px;}
.fudown a{color: #fff}
.fudong li:hover .fudown{right:50px; opacity: 1; visibility: visible}

.erweima p{ font-size: 14px; margin-top: 10px;}
.erweima img{width: 120px;}
.fudown.erweima{padding:10px;width: 120px; text-align: center}

.nybanner{position: relative}
.nybanner>img{width: 100%}
.nybanfd{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.nybanfd h2{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 60px; white-space:nowrap; }
.nybanfd h1{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 60px; white-space:nowrap; }
.nybanfd .banner-en-text{position: absolute; left: 50%; top: 38%; transform: translate(-50%,-50%); font-family: 'Lato', sans-serif; font-weight: 900; font-size: 160px; color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,0.25); text-stroke: 1.5px rgba(255,255,255,0.55); letter-spacing: 4px; white-space: nowrap; user-select: none; pointer-events: none; z-index: 0;}
.nybanner .desc{font-size: 28px; margin-top:140px;text-align: center;color:rgba(255,255,255,.88);}



.casemiaoshu{position: relative; padding-top: 60px; margin-bottom: 60px;}

.casemiaoshu:before{content: ""; width:28%; height:135%; background:url("../images/dsx2.png") no-repeat 0 58% #fe4101; background-size:auto 106%; bottom:0px; left: 0px; position:absolute; z-index:1}


.casemiaoshu .mainbox{position: relative; z-index: 2}
.nycasetit{line-height: 1.2; width:20%;}
.nycasetit h1{font-size: 40px; color: #FFFFFF;margin-top:-60px;}
.nycasetit h2{ font-size: 40px; position: relative; display: inline-block; color: #FFFFFF}
.nycasetit h2:before{content: ""; width:90%; height: 2px; background: #fff; left: 120%; position: absolute; top: 50%;}
.nycasetit .txt{font-family: 'DINCondensed';
font-weight: bold;
font-size:70px;
line-height:1;
position: absolute;
text-align: right;
bottom:50px;
text-transform: uppercase;
color: rgba(255,255,255,0.71);
}

.nycaseright{width:67%; background: #fff}

.nycaseright li{width: calc(33.3% - 60px); float: left; padding: 0px 30px;}

.nycaseright li h3{font-size: 30px; position: relative;font-family: MiSans;
  font-weight:400;}
.nycaseright li h3:before{content: ""; width:14px; height:14px; background:#141414; top:50%; margin-top: -7px; border-radius: 100%; left: -44px; position:absolute;}
.nycaseright li h4{margin:8px 0 10px 0;font-family: MiSans;
  font-weight:300;}
.nycaseright li p{color: #6d6d6d; min-height: 150px;font-family: MiSans;
  font-weight: 200;}

.nycasebiaoti{border-bottom: 1px solid #a8a8a8; padding: 25px 0px;}

.nycasebiaoti li{font-size: 20px; margin-right: 70px;}
.nycasebiaoti li:last-child{margin-right: 0px;}
.nycasebiaoti li a{color: #292929; position: relative}
.nycasebiaoti li a:before{content:""; width:0%; height: 2px; background: #fe4101; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nycasebiaoti li.cur a:before{width: 110%}
.nycasebiaoti li a:hover:before{width: 110%}

.nycasebox{padding: 60px 0px 0px;}
.nycasebox ul{width: calc(100% + 50px); margin-left: -50px;}
.nycasebox li{width: calc(50% - 50px); float: left; margin-left: 50px; margin-bottom: 60px; border-radius: 4px; overflow: hidden; position: relative}


.nycasebox li p{color: #Fff; background: url("../images/leftan.png") no-repeat right center; background-size:30px auto; font-size: 20px; top:30px; position: absolute; width: 90%; left: 50%; transform: translate(-50%, 0);}

.nycasebox li span{color: #Fff; font-size: 20px; bottom:30px; position: absolute; left: 5%}

.caseshowdapic{margin-top:-20%; z-index: 2; position: relative}

.cseshowbopxs{ padding-top: 80px; padding-bottom: 80px;}

.casesleft{width: 380px;}

.casesleft li p{font-size: 24px; margin-bottom: 10px;}
.casesleft li span{display: block; color: #666}

.casesleft li{margin-bottom:30px;}

.casesleft li span img{max-height:32px;}
.casesleft li span a{display: inline-block}

.casesleft li span a:first-child{margin-right: 20px;}

.casesrightlogo{max-width: 200px;}

.casesright{width: calc(100% - 380px)}

.casesrighttxt{font-size: 18px; line-height: 1.8; margin-top: 30px; color: #333333}
.casesrighttxt p{padding-top: 20px;}

.yangxsi{background: #f9f9f9; padding: 100px 0px;}
.yangxsi .mainbox{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.yanseleft{width: 35%; border-right: 1px solid #e6e6e6; padding: 40px 0px;}
.yanseleft h2{margin-bottom: 20px;}
.yangxsi h2{font-size: 24px; font-weight: normal}

.yanseright{width: 50%;padding: 40px 0px;}

.yanseright li{width: 25%;}
.yanseright li p{font-weight:400; margin: 5px 0px 10px; font-family:arial}
.yanseright li span{display: block; height: 16px;}


.casedtehus {
    padding-top:52%;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:100;
    image-rendering:auto;
    image-rendering:crisp-edges
}

.casedtehus .before {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:20%;
    background:#fff;
    -webkit-transform:translateX(0);
    transform:translateX(0);
}
.casedtehus .after {
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:20%;
    background:#fff;
    -webkit-transform:translateX(0);
    transform:translateX(0);
}

.caseshowerge{margin: 80px 0;}
.caseshowbox{padding-top: 80px; padding-bottom: 80px;}
.caslf{width: 48%}
.nynewsbox{padding-top: 40px; padding-bottom: 40px;}
.nynewsboxtop li{width: calc(50% - 24px);}
.nynewsboxtop li:first-child{border-right: 1px solid #d8d8d8; padding-right: 24px;}

.newstxt h3{font-size: 14px; color: #fe4101; font-weight: normal; padding-top:15px;}
.newstxt h2{font-size: 18px; padding:10px 0;}
.newstxt p{color: #565555;line-height: 1.8}
.newstxt span{display: block; text-align: right; color: #a0a0a0; font-family: arial; margin-top: 10px;}

.nynewsboxbot{margin-top: 20px;}
.nynewsboxbot li{border-bottom: 1px solid #d8d8d8; padding: 40px 0px;}
.nynewsboxbot li:last-child{border-bottom: none}
.newsweniz{width: 63%}
.newsweniz h2{font-size: 18px; padding:10px 0;}
.newsweniz span{display: block; color: #a0a0a0; font-family: arial;}
.newsweniz p{color: #565555;line-height: 1.8; margin-top: 20px;}
.nynewsboxbot li .fangdapic{width: 31%}

.newsshowleft{width: calc(100% - 344px); margin-top: -5%; background: #fff; position: relative; z-index: 2}

.newsshowleftbox{padding: 40px;}

.biatfan h3{font-size: 16px; color: #fe4101; font-weight: normal}
.biatfan a{width: 40px;}


.newsshowtit h1{font-size: 32px; margin-top: 10px;}
.newsshowtit p{color: #5e5e5e; font-size: 14px; margin-top: 10px;}

.newsshowtit p span{margin-right: 20px;}
.newsshowtit p span:last-child{margin-right: 0}

.newshowtxtbox{padding: 20px 0px; line-height: 1.8; text-align: justify}
.newshowtxtbox img{display: inline-block}
.newshowtxtbox p{padding-top: 20px;}

.updown{margin: 50px 0px 30px;}
.updown li{width: 45%;}
.updown li a{height:80px; font-size: 20px;}
.updown li:first-child a{ background: url("../images/shang01.png") no-repeat left center;background-size:80px auto; padding-left:100px;}
.updown li:first-child a:hover{background: url("../images/shang02.png") no-repeat left center;background-size:80px auto;}
.updown li:last-child a{ background: url("../images/xia01.png") no-repeat right center;background-size:80px auto; padding-right: 100px;}
.updown li:last-child a:hover{background: url("../images/xia02.png") no-repeat right center;background-size:80px auto;}
.newsshowright{width: 300px; padding: 30px 0px;position: sticky;position: -webkit-sticky; top: 0px;}


.fenxiang p{width: 60px;}
.fenxiang span{width: calc(100% - 60px)}
.fenxiang{padding: 40px 0px;}
.fenxiang span a{width: 45px; height: 45px; border: 1px solid #e0e0e0; border-radius: 100%; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin-right: 20px;}
.fenxiang span a:last-child{margin-right: 0px;}
.fenxiang span a img{width: 60%}


.newsshowright dl dt{font-size: 26px;border-bottom: 1px solid #f0f0f0;padding: 20px 0px;}

.newsshowright dl dd{border-bottom: 1px solid #f0f0f0; font-size: 18px; line-height: 1.8; padding: 20px 0px; font-weight: 300}



.nyservicebox .serhezi{width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position: center center; position:relative;}
.nyservicebox .serhezi.divfixed2,.nyservicebox li.divfixed3,.nyservicebox li.divfixed4{z-index:3; }
.nyservicebox .serhezi.divfixed{z-index:2;position:fixed;top:0px;}


.nyserleft{width:40%; color: #fff;font-size: 18px; }

.nyserright{width: 50%}

.nyserbox{height: 100vh}
.nyserleft .bg-deco-text{font-family:'DINCondensed';
font-weight: bold;
font-size: 90px;
white-space:nowrap;
color: rgba(255, 255, 255, 0.08);
margin-bottom:-40px;
}
.nyserleft h1{font-size: 30px;}
.nyserleft h2 {font-size: 24px; line-height: 1.6; margin: 10px 0;}
.nyserleft h2.subtitle {font-weight: 500; margin: 10px 0 30px; padding-left: 15px; display: flex; align-items: center; position: relative;}
.nyserleft h2.subtitle::before {content: ''; position: absolute; left: 0; width: 4px; height: 20px; border-radius: 2px; background-color:#ffffff; }
.nyserleft p{line-height: 1.6; margin: 30px 0px;}
.nyserleft ul{max-width:220px;}
.nyserleft li{width:100%;float:left; padding:8px 0px;border-bottom:1px solid rgba(255, 255, 255, 0.5)}

.casemore{color: #fff; background: url("../images/leftan.png") no-repeat right center; background-size: 16px auto; padding-right: 30px; margin-top: 50px; display: inline-block}

.casemore:hover{color: #fff; padding-right: 40px;}

.nyserleft .sanlie li{width: 33.33%;}
.serwap{display: none}


.aboutbantxt{position: absolute; left: 0px; width: 100%; top: 50%; transform: translate(0,-50%); color: #fff}

.aboutbantxt h1{font-size: 48px;}
.aboutbantxt p{font-weight: 300; font-size: 28px; margin-top: 10px;}




.nyabouttop .mainbox{position: relative; z-index: 2}


.nyaboutleft{width: 45.7%; float: left}

.nyaboutright{width: 40.5%; float: right; margin-top: 6.5%}


.abtits h1{ font-size:30px; position: relative; display: inline-block}
.abtits h1:before{content: ""; width:90%; height: 2px; background: #000000; left: 120%; position: absolute; top: 50%;}
.baise{color: #fff}
.baise h1:before{background: #fff}

.nyaboutxts{font-size: 20px; font-weight: 300; margin: 30px 0px 40px; line-height: 1.8; text-align: justify}

.nyableftpic{width: 130%; margin-left: -30%; position: relative;overflow: hidden}
.nyableftpic img{width: 100%}

.nyabrightpic{ position: relative;overflow: hidden}

.nyabrighttxt{font-size:18px; font-weight: 300; margin: 30px 30px 0px 0; line-height: 1.8; text-align: justify; width: calc(90% - 30px); margin-left:10%}

.nyabculture{background: url("../images/abwenhuabj.jpg") no-repeat top center; background-size: 100% auto;padding: 90px 0px;}

.wenhualeft{width: 42%; background: #fff;font-size:18px; font-weight: 300;line-height: 1.8; text-align: justify;  margin-right: -8%; position: relative; z-index: 2; padding:3%}
.wenhuaright{width: 60%; position: relative; overflow: hidden}


.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.maskfadeUp {
    display:block;
    background-color:#fe4101;
    z-index:1;
    -webkit-transition:-webkit-transform 1.2s .5s;
    transition:transform 1.2s 0.5s;
}

.maskfadeUp:after {
    background-color:#fff;
    opacity:0.6;
    -webkit-transform:translateY(100%);
    transform:translateY(100%);
    transition:opacity 0.8s 1s;
}
.maskfadeUp.animated {
    -webkit-transform:translateY(-101%);
    transform:translateY(-101%);
    
}
.maskfadeUp.animated:after {
    opacity:0;
    pointer-events: none;
}

.maskfadeUp:after {
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
}

.maskfadeUp {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1
}


.kehubox{border-top: 1px solid #ececec; padding: 90px 0px;}


.kehulist{margin-top:50px; position: relative}
.kehufuc{position: absolute; left: 0px; top: 0px;background:#7f7f7f; top: -100%; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: 100%; height: 100%}
.kehufuc a{padding: 30px;color: #fff;display: block}

.kehupic{position: relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.kehupic:before{content:""; width: 2px; height: 30px; background: #bfbfbf; position: absolute; left: 0px; top: 0px;}


.kehulist .swiper-pagination{bottom:0px; text-align: center;width: 100%; z-index: 8}
.kehulist .swiper-pagination-bullet{ width:4px;height:4px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}
.kehulist .swiper-pagination-bullet-active{background: #fe4101;}

.kehulist .swiper-slide{overflow: hidden;position: relative; cursor: pointer}
.kehulist .swiper-slide:hover .kehufuc{opacity: 1; top: 0px;}

.kehufuc h2{font-size: 30px;}
.kehufuc p{font-size: 18px; line-height: 1.8; margin: 10px 0px 30px;}
.kehufuc span{font-family: 'Normographe';text-transform: uppercase}

.nycontactbox{padding: 90px 0px 130px;}
.nycontlist ul{width:calc(100% + 100px);margin-left:-100px;}
.nycontlist li{width:calc(50% - 100px); float: left; border-bottom: 1px solid #000000; font-weight: 300; margin-left: 100px; padding: 40px 0px;}

.nycontlist li span{display: block; font-size: 14px;}
.nycontlist li p{font-size: 24px; margin-top: 10px; font-family: 'Aleo';}


.liuyanboxbj{background: url("../images/liuyanbj.jpg") no-repeat top center; background-size: 100% auto; padding: 140px 0px 100px}
.get-quote-page{padding: 40px 0px 100px}


.liuyanbox{background: #fff; padding:5%}

.liuyanbox .shang{display: flex; flex-wrap: wrap; gap: 40px 50px;}
.liuyanbox li{width: calc(50% - 25px); font-weight:400; }
.liuyanbox li.full-width{width: 100%;}

.liyxs{border-bottom: 1px solid #000000;padding: 20px 0px;}

.liuyanbox li p{font-size: 14px; margin-bottom: 10px;}

.liyxs input{height: 50px; width: 100%; border: none;font-size: 24px; font-weight: 400}



.liuyanbox li ::-webkit-input-placeholder {color:rgba(0,0,0,0.2);  font-size: 24px;}
.liuyanbox li ::-moz-input-placeholder{color:rgba(0,0,0,0.2);  font-size: 24px;}
.liuyanbox li ::-ms-input-placeholder{color:rgba(0,0,0,0.2);  font-size: 24px;}



.liuyanbox li textarea{border: none; border-bottom: 1px solid #000; width: 100%; min-height: 306px; padding: 20px 0 5px;font-size: 24px; font-weight: 400; resize: vertical;}
/* 获取报价页textarea矮一些 */
.get-quote-page .liuyanbox li textarea{min-height: 120px;}

.tijiao{width: 180px; height: 70px; background: #000000; color: #fff; font-size: 24px; font-weight: 300; margin-top: 60px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.tijiao:hover{background: #fe4101}

.tanchubj{background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; display: none}

.tanchubox{max-width: 650px; width: 90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);transition: all 0.6s;background-image: linear-gradient(120deg, #fd3000, #fe5a02); color: #fff; padding: 10px; z-index: 999}

.baojiatan{transform: translate(-50%,-50%) scale(0)}
.baojiatan.cur{transform:translate(-50%,-50%) scale(1);}

.biaodantanchu{display: none}

.tanboder{border: 1px solid rgba(255,255,255,0.5); padding: 30px; text-align: center}

.tanboder h2{font-size: 36px; margin-top: 20px;}
.huixssa{padding-top: 20px;}
.erwixs{width: 50%;}
.erwixs p{font-size: 18px; font-weight: 300; margin-top: 10px;}
.erwixs img{display: inline-block}


.xuayscv{width: 50%}

.hqbaobtn{ width: 160px; height: 36px; border: 1px solid #fff; display: inline-block; text-align: center; line-height: 36px; font-size: 18px; color: #fff; border-radius: 36px;}

.hqbaobtn:hover{background: #fff; color: #fd2f00}

.xuayscv p{font-size: 30px;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold; margin-top: 30px;}

.xuayscv a{color: #fff}


.close{width:20px; position: absolute; right: 30px; top:30px;}
.tanbiaodan li span{width: 90px; text-align: right;font-size: 18px;}

.tanbiaodan li{margin-top: 20px;}
.tanright{width: calc(100% - 100px); text-align: left}
.tanright input[type="text"]{width: calc(100% - 42px); background: none; height:48px; border: 1px solid #fff; padding: 0px 20px; color: #fff; font-size: 18px;}


.tanright textarea{width: calc(100% - 42px);background: none; height:120px; border: 1px solid #fff; padding:10px 20px; color: #fff; font-size: 18px;}


.tanright textarea::-webkit-input-placeholder {color:rgba(255,255,255,0.6);}
.tanright textarea::-moz-input-placeholder{color:rgba(255,255,255,0.6);}
.tanright textarea::-ms-input-placeholder{color:rgba(255,255,255,0.6);}
.tanright select.tan-select{width: calc(100% - 0px); background: none; height:48px; border: 1px solid #fff; padding: 0 20px; color: #fff; font-size: 18px; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='rgba(255,255,255,0.7)' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center;}
.tanright select.tan-select option{background: #fd3000; color: #fff;}
.tanright select.tan-select:focus{outline: none;}

.huoqubtn{font-size: 18px; width: 195px; height: 50px; border: none; background: #fff; color: #fe4101;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.huoqubtn:hover{border:2px solid #fff; width: 195px; height: 50px; color: #fff; background:none }


/* 新增 */
/* 图片统一尺寸 */
.fitImg{position: relative;height: 0;padding-top:57.31%;overflow: hidden;}
.fitImg2{position: relative;overflow: hidden;}
.fitImg img,.fitImg2 img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;-webkit-transition: .6s;-o-transition: .6s;-moz-transition: .6s;transition: .6s;}
.fitImg:hover img, .item:hover .fitImg img,.fitImg2:hover img,.item:hover .fitImg2 img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}

/* ===== 导航栏获取报价按钮 ===== */
.nav-quote-btn{margin-left: 20px;}
.nav-quote-btn .quote-btn{display: inline-block; padding: 10px 14px; background: linear-gradient(135deg, #fe4101, #ff6b35); color: #fff !important; border-radius: 5px; font-size: 13px; font-weight: 600; line-height: 1.2; transition: none; box-shadow: 0 1px 6px rgba(254,65,1,0.2);}
.nav-quote-btn .quote-btn:hover{transform: none; box-shadow: 0 1px 6px rgba(254,65,1,0.2); color: #fff !important;}
.nav-quote-btn .quote-btn:before{display: none !important;}

/* 导航悬浮态 */
.top.nav-fixed .nav-quote-btn .quote-btn{padding: 3px 14px; font-size: 13px;}

/* 获取报价页面 */
.quote-desc{padding: 0 0 40px; text-align: center;}
.quote-desc p{font-size: 18px; color: #666; line-height: 1.8; max-width: 800px; margin: 0 auto;}
/* 表单上方介绍文字 */
.get-quote-page .mainbox > h2{font-size: 20px; font-weight: 200; color: #333; text-align: center; margin: 0 0 40px; line-height: 1.6; display: flex; align-items: center; justify-content: center; min-height: 60px;}
.liyxs .required{color: #fe4101; margin-right: 3px;}
.quote-select{height: 50px; width: 100%; border: none; border-bottom: none; font-size: 24px; font-weight: 400; background: transparent; cursor: pointer; appearance: none; -webkit-appearance: none; padding-right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center;}
.quote-select:focus{outline: none;}
.tijiao4{width: 180px; height: 70px; background: #000000; color: #fff; font-size: 24px; font-weight: 300; margin-top: 60px; transition:0.5s all; cursor: pointer; border: none;}
.tijiao4:hover{background: #fe4101;}
.quote-cases-section{padding: 80px 0; text-align: center;}
.quote-cases-section .nycasebox{margin-top: 40px;}
.quote-more-cases{margin-top: 40px;}
.quote-more-cases .btn-secondary{display: inline-block; padding: 14px 40px; border: 2px solid #000; border-radius: 30px; font-size: 16px; font-weight: 600; color: #000; text-decoration: none; transition: all 0.3s ease;}
.quote-more-cases .btn-secondary:hover{background: #000; color: #fff;}

/* ===== 提交成功弹窗 ===== */
.quote-success-layer .layui-layer-content{padding: 0 !important;}
.quote-success-popup{text-align: center; padding: 40px 30px;}
.quote-success-icon{width: 70px; height: 70px; margin: 0 auto 20px; border-radius: 50%; background: linear-gradient(135deg, #fe4101, #ff6b35); color: #fff; font-size: 36px; line-height: 70px; box-shadow: 0 4px 20px rgba(254,65,1,0.3);}
.quote-success-popup h3{font-size: 24px; color: #333; margin-bottom: 15px;}
.quote-success-popup p{font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 10px;}
.quote-success-popup p a{color: #fe4101; text-decoration: none;}
.quote-success-popup p a:hover{text-decoration: underline;}
.quote-success-btn{margin-top: 25px;}
.quote-success-btn .btn-primary{display: inline-block; padding: 12px 36px; background: linear-gradient(135deg, #fe4101, #ff6b35); color: #fff; border-radius: 30px; font-size: 16px; font-weight: 600; text-decoration: none; transition: all 0.3s ease;}
.quote-success-btn .btn-primary:hover{transform: translateY(-2px); box-shadow: 0 4px 20px rgba(254,65,1,0.4);}

/* ===== 模板中心列表优化 ===== */
.temp2 .list ul li .item{position: relative; background: #fff; border-radius: 12px; padding: 16px; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.temp2 .list ul li .item:hover{box-shadow: 0 8px 30px rgba(28, 29, 33, 0.12); transform: translateY(-6px);}
.temp2 .list ul li .item:hover .item-pic{box-shadow: 0 4px 18px rgba(28, 29, 33, 0.15);}
.temp2 .list ul li .item .item-pic{transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.temp2 .item-info{padding: 20px 0 10px;}
.temp2 .item-head{display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-bottom: 15px; border-bottom: 1px solid #cdcecf; position: relative;}
.temp2 .item-head::after{content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fe4101; transition: width 0.3s ease;}
.temp2 .item:hover .item-head{border-color: transparent;}
.temp2 .item:hover .item-head::after{width: 100%;}
.temp2 .item-head .item-tit{padding: 0; border-bottom: none; flex: 1; min-width: 0;}
.temp2 .item-btns{display: flex; gap: 10px; flex-shrink: 0;}
.temp2 .item-btns a{display: inline-flex; align-items: center; justify-content: center; padding: 7px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.3s ease;}
.temp2 .btn-preview{background: #fff; border: 1px solid #fe4101; color: #fe4101;}
.temp2 .btn-preview:hover{background: #fe4101; color: #fff;}
.temp2 .btn-consult{background: #fe4101; color: #fff;}
.temp2 .btn-consult:hover{background: #e63d01;}
.temp2 .item-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.temp2 .item-tags a{font-size: 14px; color: #999; background: #f5f5f5; padding: 2px 10px; border-radius: 10px; text-decoration: none; transition: all 0.3s;}
.temp2 .item-tags a:hover{background: #fe4101; color: #fff;}

/* ===== 资讯列表优化 ===== */
.news-list .item-txt .summary{font-size: 16px; color: #888; line-height: 1.6; margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news-list .item-txt .news-tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px;}
.news-list .item-txt .news-tags a{font-size: 14px; color: #999; background: #f5f5f5; padding: 2px 10px; border-radius: 10px; text-decoration: none; transition: all 0.3s;}
.news-list .item-txt .news-tags a:hover{background: #fe4101; color: #fff;}
.news-list .item-txt .news-meta{display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.news-list .item-txt .news-meta .date{font-size: 14px; color: #999;}
.news-list .item-txt .news-meta .hits{font-size: 14px; color: #999;}

/* ===== 资讯详情页优化 ===== */
.newsshowtit .news-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;}
.newsshowtit .news-tags a{font-size: 14px; color: #666; background: #f5f5f5; padding: 4px 14px; border-radius: 12px; text-decoration: none; transition: all 0.3s;}
.newsshowtit .news-tags a:hover{background: #fe4101; color: #fff;}
.newsshowtit .news-summary{margin-top: 20px; padding: 16px 20px; background: #f7f8fa; border-left: 4px solid #fe4101; border-radius: 4px; font-size: 15px; color: #555; line-height: 1.8;}
.newsshowtit .news-summary strong{color: #fe4101; margin-right: 6px;}

/* ===== 详情页面包屑 ===== */
.news-breadcrumb{margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #eee; font-size: 14px; color: #999; line-height: 1.6;}
.news-breadcrumb a{color: #666; text-decoration: none; transition: color 0.3s;}
.news-breadcrumb a:hover{color: #fe4101;}
.news-breadcrumb span{color: #333;}

/* ===== Banner 内嵌面包屑（左下角浮于图上） ===== */
.banner-breadcrumb{position: absolute; left: 0; bottom: 25px; font-size: 14px; color: rgba(255,255,255,0.9); line-height: 1.6; z-index: 5;}
.banner-breadcrumb a{color: rgba(255,255,255,0.9); text-decoration: none; transition: color 0.3s;}
.banner-breadcrumb a:hover{color: #fe4101;}
.banner-breadcrumb span{color: #fff;}

/* ===== 列表/分类页面包屑 ===== */
.page-breadcrumb{padding: 20px 0; font-size: 14px; color: #999; line-height: 1.6;}
.page-breadcrumb a{color: #666; text-decoration: none; transition: color 0.3s;}
.page-breadcrumb a:hover{color: #fe4101;}
.page-breadcrumb span{color: #333;}

/* ===== 顶部导航滚动悬浮（磨砂半透明） ===== */
.top.nav-fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.top.nav-fixed .logo img{max-height: 34px; width: auto;}
.top.nav-fixed .nav li>a{color: #111; font-size: 15px; line-height: 38px;}
.top.nav-fixed .nav li>a:before{height: 3px; bottom: 0;}
.top.nav-fixed .nav li>a:hover{color: #fe4101;}
.top.nav-fixed .nav li.cur>a{color: #fe4101;}
.top.nav-fixed .nav-btnbox .icon-bar{background-color: #333;}
.top.nav-fixed .navbtn:after{background: #333;}
.top.nav-fixed .navbtn:before{background: #333;}