BODY{PADDING-BOTTOM:0px;BACKGROUND-COLOR:#e8e8e8;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;FONT-FAMILY:"Microsoft YaHei";COLOR:#333333;FONT-SIZE:0.87em;PADDING-TOP:0px}
A{COLOR:#333333;TEXT-DECORATION:none}
A:hover{COLOR:#dd1111;TEXT-DECORATION:none}
IMG{BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;MAX-WIDTH:100%;BORDER-TOP:medium none;BORDER-RIGHT:medium none}
DIV{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;text-align:center}
H1{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
H2{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
H3{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
H4{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
P{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
FORM{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
UL{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
LABEL{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
INPUT{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
TEXTAREA{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
IMG{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
SPAN{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
DL{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
DT{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
DD{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
.clear{CLEAR:both}
LI{LIST-STYLE-TYPE:none}
.bgtu{POSITION:relative;BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:center 0px;HEIGHT:320px;OVERFLOW:hidden}
.logoStage{POSITION:relative;WIDTH:660px;MARGIN:0 auto;PADDING-TOP:18px}
.logoGlow{POSITION:absolute;LEFT:50%;BOTTOM:8px;WIDTH:520px;HEIGHT:140px;MARGIN-LEFT:-260px;BORDER-RADIUS:50%;BACKGROUND:radial-gradient(circle, rgba(176,17,17,0.4) 0%, rgba(123,8,8,0.26) 38%, rgba(0,0,0,0) 72%);FILTER:blur(22px);ANIMATION:logoGlowPulse 3.6s ease-in-out infinite;z-index:0}
.logoShine{POSITION:absolute;LEFT:50%;TOP:12px;WIDTH:120px;HEIGHT:280px;MARGIN-LEFT:-60px;BACKGROUND:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,244,180,0.08) 18%, rgba(255,255,255,0.55) 48%, rgba(255,214,91,0.08) 82%, rgba(255,255,255,0) 100%);FILTER:blur(10px);TRANSFORM:skewX(-16deg);ANIMATION:logoSweep 4.8s ease-in-out infinite;POINTER-EVENTS:none;z-index:2}
.heroLogo{POSITION:relative;DISPLAY:block;MAX-WIDTH:100%;MARGIN:0 auto;FILTER:drop-shadow(0 6px 8px rgba(70,0,0,0.55)) drop-shadow(0 0 18px rgba(255,91,0,0.28));ANIMATION:logoFloat 3.6s ease-in-out infinite;z-index:1}
.musicToggle{POSITION:fixed;TOP:14px;RIGHT:14px;z-index:10001;PADDING:8px 14px;BORDER:1px solid #8a8a8a;BORDER-RADIUS:16px;BACKGROUND:rgba(255,255,255,.94);COLOR:#1f1f1f;FONT-SIZE:13px;CURSOR:pointer;BOX-SHADOW:0 2px 10px rgba(0,0,0,.16)}
.musicToggle:hover{BACKGROUND:#ffffff}
.topFloatBar{POSITION:fixed;RIGHT:14px;TOP:108px;z-index:10000;DISPLAY:flex;FLEX-DIRECTION:column;GAP:8px;PADDING:8px;BORDER:1px solid #d6d6d6;BORDER-RADIUS:12px;BACKGROUND:rgba(255,255,255,.92);BOX-SHADOW:0 3px 12px rgba(0,0,0,.15)}
.topFloatBtn{DISPLAY:inline-block;MIN-WIDTH:102px;PADDING:6px 12px;BORDER-RADIUS:999px;FONT-SIZE:13px;FONT-WEIGHT:700;COLOR:#333;BACKGROUND:#f2f2f2}
.topFloatBtn:hover{BACKGROUND:#e9e9e9;COLOR:#111}
.topFloatMain{COLOR:#fff;BACKGROUND:#d91d1d}
.topFloatMain:hover{BACKGROUND:#bf1717;COLOR:#fff}
.cneet{BORDER-BOTTOM:#c3c3c3 5px solid;BORDER-LEFT:#c3c3c3 5px solid;PADDING-BOTTOM:20px;BACKGROUND-COLOR:#ffffff;MARGIN:0px auto;PADDING-LEFT:20px;WIDTH:980px;PADDING-RIGHT:20px;BACKGROUND-REPEAT:repeat-y;BACKGROUND-POSITION:735px 180px;BORDER-TOP:#c3c3c3 5px solid;BORDER-RIGHT:#c3c3c3 5px solid;PADDING-TOP:0px}
.title{BORDER-BOTTOM:#dddddd 2px solid;PADDING-BOTTOM:15px;LINE-HEIGHT:2;BACKGROUND-COLOR:#ffffff;FONT-SIZE:32px;PADDING-TOP:20px;text-align:left}
.title SPAN{COLOR:#666666;MARGIN-LEFT:15px;FONT-SIZE:14px;FONT-WEIGHT:300}
.red{PADDING-BOTTOM:20px;LINE-HEIGHT:2;BACKGROUND-COLOR:#ffffff;COLOR:#ff0000;FONT-SIZE:16px;FONT-WEIGHT:300;PADDING-TOP:20px}
.cneet .left{LINE-HEIGHT:1.6;WIDTH:710px;FLOAT:left;OVERFLOW:hidden}
.cneet .rigth{WIDTH:250px;FLOAT:right;OVERFLOW:hidden}
.contactHero{MARGIN:8px 0 14px 0;PADDING:14px 18px;BORDER:1px solid #f0d5d5;BORDER-RADIUS:10px;BACKGROUND:linear-gradient(180deg,#fffafa 0%,#ffffff 100%);TEXT-ALIGN:center}
.wechatLine{MARGIN:0;COLOR:#c91a1a;FONT-SIZE:34px;LINE-HEIGHT:1.35;FONT-WEIGHT:600}
.siteLine{MARGIN:8px 0 0 0;COLOR:#de1717;FONT-SIZE:46px;LINE-HEIGHT:1.2;LETTER-SPACING:0;FONT-WEIGHT:700;TEXT-SHADOW:0 1px 0 #ffffff,0 1px 4px rgba(80,0,0,.14)}
.infoBlock{TEXT-ALIGN:left;BACKGROUND:#fafafa;BORDER:1px solid #ececec;BORDER-RADIUS:10px;PADDING:14px 16px}
.infoLine{LINE-HEIGHT:1.9;MARGIN:0 0 4px 0;FONT-WEIGHT:700}
.infoTag{DISPLAY:inline-block;MIN-WIDTH:92px;PADDING:0 8px;MARGIN-RIGHT:8px;BORDER-RADIUS:5px;BACKGROUND:#efefef;COLOR:#111;TEXT-ALIGN:center}
.inlineHighlight{COLOR:#c72b00}
.sectionGap{MARGIN-TOP:12px;PADDING-TOP:10px;BORDER-TOP:1px dashed #d8d8d8}
.dipaUl{CLEAR:both;PADDING-TOP:18px}
.galleryTitle{BORDER-BOTTOM:#e5e5e5 1px solid;PADDING-BOTTOM:10px;MARGIN-BOTTOM:6px;TEXT-ALIGN:left;COLOR:#1e1e1e;FONT-SIZE:22px}
.dipaUl ul{FONT-SIZE:0}
.dipaUl ul li{POSITION:relative;DISPLAY:inline-block;WIDTH:30%;VERTICAL-ALIGN:top;MARGIN-LEFT:2%;MARGIN-TOP:30px;TRANSITION:transform .28s ease}
.dipaUl ul li:first-child{MARGIN-LEFT:0}
.dipaUl ul li:before{content:"";POSITION:absolute;LEFT:50%;BOTTOM:16px;WIDTH:58%;HEIGHT:26px;MARGIN-LEFT:-29%;BORDER-RADIUS:50%;BACKGROUND:radial-gradient(circle, rgba(111,39,10,0.18) 0%, rgba(0,0,0,0) 72%);FILTER:blur(10px);OPACITY:.58;TRANSITION:opacity .28s ease, transform .28s ease}
.dipaUl ul li:after{content:"点击查看大图";POSITION:absolute;LEFT:50%;TOP:10px;TRANSFORM:translateX(-50%);PADDING:4px 10px;BORDER-RADIUS:12px;BACKGROUND:rgba(0,0,0,.66);COLOR:#fff;FONT-SIZE:12px;LETTER-SPACING:.5px;WHITE-SPACE:nowrap;OPACITY:0;z-index:3;POINTER-EVENTS:none;TRANSITION:opacity .2s ease, top .2s ease}
.dipaUl ul li:hover{TRANSFORM:translateY(-6px)}
.dipaUl ul li:hover:after{OPACITY:1;TOP:16px}
.dipaUl ul li:hover:before{OPACITY:.82;TRANSFORM:scale(1.08)}
.dipaUl ul li img{POSITION:relative;z-index:1;WIDTH:100%;CURSOR:zoom-in;FILTER:drop-shadow(0 8px 10px rgba(0,0,0,0.16));ANIMATION:armorFloat 4.8s ease-in-out infinite;TRANSITION:transform .22s ease, filter .22s ease}
.dipaUl ul li img:hover{TRANSFORM:scale(1.08);FILTER:drop-shadow(0 12px 18px rgba(0,0,0,0.22))}
.dipaUl ul li:nth-child(2) img{ANIMATION-DELAY:.7s}
.dipaUl ul li:nth-child(3) img{ANIMATION-DELAY:1.4s}
.lightbox{POSITION:fixed;LEFT:0;TOP:0;WIDTH:100%;HEIGHT:100%;DISPLAY:none;ALIGN-ITEMS:center;JUSTIFY-CONTENT:center;BACKGROUND:rgba(0,0,0,0.82);z-index:9999}
.lightbox.open{DISPLAY:flex}
.lightboxImage{MAX-WIDTH:90vw;MAX-HEIGHT:88vh;WIDTH:auto;HEIGHT:auto;BORDER-RADIUS:6px;BOX-SHADOW:0 10px 28px rgba(0,0,0,0.55)}
.lightboxClose{POSITION:absolute;TOP:18px;RIGHT:28px;COLOR:#fff;FONT-SIZE:40px;LINE-HEIGHT:1;CURSOR:pointer;USER-SELECT:none}
.bt SPAN{BORDER-BOTTOM:#c3c3c3 3px solid;BORDER-LEFT:#c3c3c3 3px solid;PADDING-BOTTOM:5px;LINE-HEIGHT:30px;PADDING-LEFT:20px;PADDING-RIGHT:20px;HEIGHT:30px;COLOR:#000000;FONT-SIZE:16px;BORDER-TOP:#c3c3c3 3px solid;FONT-WEIGHT:600;BORDER-RIGHT:#c3c3c3 3px solid;PADDING-TOP:5px}
.bt1 A{BORDER-BOTTOM:#7f7f7f 1px solid;TEXT-ALIGN:center;BORDER-LEFT:#7f7f7f 1px solid;PADDING-BOTTOM:5px;LINE-HEIGHT:30px;PADDING-LEFT:10px;WIDTH:224px;PADDING-RIGHT:10px;DISPLAY:block;HEIGHT:30px;COLOR:#ff0000;FONT-SIZE:16px;BORDER-TOP:#7f7f7f 1px solid;FONT-WEIGHT:600;BORDER-RIGHT:#7f7f7f 1px solid;PADDING-TOP:5px}
.bt1 A:hover{BACKGROUND:#f1f1f1}
.bt{BORDER-BOTTOM:#dddddd 1px solid;LINE-HEIGHT:2;MARGIN-TOP:15px;MARGIN-BOTTOM:5px;FONT-SIZE:18px}
.bt1{BORDER-BOTTOM:#dddddd 1px solid;LINE-HEIGHT:2;MARGIN-TOP:15px;MARGIN-BOTTOM:5px;FONT-SIZE:18px}
.rigth DL{MARGIN-TOP:10px;MARGIN-BOTTOM:10px}
.rigth DT{LINE-HEIGHT:1.8;FONT-SIZE:15px}
.qrSection{MARGIN-TOP:14px;PADDING:0;BORDER:none;BACKGROUND:transparent}
.qrGrid{DISPLAY:flex;JUSTIFY-CONTENT:space-between;GAP:8px}
.qrItem{WIDTH:48%;TEXT-ALIGN:center;PADDING:8px;BORDER:1px solid #e6e6e6;BORDER-RADIUS:8px;BACKGROUND:#ffffff}
.qrLabel{MARGIN:0 0 8px 0;FONT-SIZE:12px;LINE-HEIGHT:1.4;FONT-WEIGHT:700;COLOR:#333}
.qrItem img{WIDTH:100%;BORDER:none;BORDER-RADIUS:0;BACKGROUND:transparent;BOX-SHADOW:none}
.foot{TEXT-ALIGN:center;PADDING-BOTTOM:15px;LINE-HEIGHT:2;PADDING-TOP:15px}
@keyframes logoFloat{
0%{TRANSFORM:translateY(0px) scale(1)}
50%{TRANSFORM:translateY(-6px) scale(1.012)}
100%{TRANSFORM:translateY(0px) scale(1)}
}
@keyframes logoGlowPulse{
0%{OPACITY:0.72;TRANSFORM:translateY(0px) scale(0.98)}
50%{OPACITY:1;TRANSFORM:translateY(2px) scale(1.04)}
100%{OPACITY:0.72;TRANSFORM:translateY(0px) scale(0.98)}
}
@keyframes logoSweep{
0%{OPACITY:0;MARGIN-LEFT:-320px}
18%{OPACITY:0}
46%{OPACITY:0.95}
62%{OPACITY:0}
100%{OPACITY:0;MARGIN-LEFT:260px}
}
@keyframes armorFloat{
0%{TRANSFORM:translateY(0px)}
50%{TRANSFORM:translateY(-7px)}
100%{TRANSFORM:translateY(0px)}
}
