@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
html { overflow-x:hidden; background:#000; scrollbar-color:#6b6262 #000; scrollbar-width:auto; }
body { min-width:0; color:#383838; font-size:14px; font-family:"微软雅黑",Microsoft YaHei,Arial,Verdana; overflow-y:overlay; overflow-x:hidden; background:#000; margin:0px; scrollbar-face-color:#6b6262; scrollbar-track-color:transparent; scrollbar-arrow-color:#cfc2b6; scrollbar-shadow-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-darkshadow-color:transparent;}
::-webkit-scrollbar { width:16px; background:transparent; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:#6b6262; border:0; border-radius:8px; }
::-webkit-scrollbar-thumb:hover { background:#958585; }

a { font-size: 14px; color:#2b262b; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#2b262b; }
a:hover { text-decoration: none; color:#775145; text-decoration:none;}
a:active { text-decoration: none; color:#775145;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}

.music-btn { position:fixed; top:92px; right:24px; z-index:10000; width:58px; height:58px; border:1px solid #f6c46a; border-radius:50%; background:radial-gradient(circle at 35% 25%,#a62911,#250000 72%); color:#ffe9a6; font-size:15px; font-weight:bold; cursor:pointer; box-shadow:0 0 16px rgba(255,98,0,.75), inset 0 0 12px rgba(255,204,80,.35); text-shadow:0 2px 0 #3b0000;}
.music-btn.playing { color:#fff; box-shadow:0 0 24px rgba(255,205,70,1), inset 0 0 16px rgba(255,115,0,.65);}


#Version { width:100vw; min-width:0; height:820px; position:relative; overflow:hidden;}/*首屏高度*/
#Flash { display:none; }/*FLASH*/
#Header { margin-left:-960px; width:1920px; height:820px; position:absolute; left:50%; top:0; z-index:1;}/*BG*/
#Header img { width:1920px; height:1072px; display:block; margin-top:-88px;}
#Header:after { content:""; position:absolute; left:0; right:0; bottom:0; height:270px; background:linear-gradient(0deg,rgba(24,0,0,.92),rgba(24,0,0,0));}
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:3;}/*BG*/
#QingchengLogo { width:860px; height:260px; position:absolute; left:50%; top:98px; margin-left:-760px; z-index:4;}
#QingchengLogo img { width:860px; height:260px;}
.logo-badge-text { position:absolute; left:154px; top:162px; width:138px; height:44px; line-height:40px; box-sizing:border-box; border:2px solid #ffd058; background:#9b0714; color:#fff; text-align:center; font-size:22px; font-weight:bold; font-family:"Microsoft YaHei","微软雅黑",Arial; text-shadow:0 2px 0 #5b0909,0 0 8px #000; z-index:2;}
#QingchengSlogan { width:1100px; position:absolute; left:50%; top:348px; margin-left:-760px; z-index:5; text-align:center; font-family:"Microsoft YaHei","微软雅黑",Arial; font-weight:bold; letter-spacing:1px; padding:10px 0 12px; background:transparent; box-shadow:none; text-shadow:0 3px 0 #5b0909,0 0 10px #000,0 0 18px #ff7a00;}
#QingchengSlogan .slogan-line { line-height:44px; font-size:28px;}
#QingchengSlogan .slogan-gold { color:#fff2a0; font-size:31px; -webkit-text-stroke:1px #8b0f0f;}
#QingchengSlogan .slogan-purple { color:#f0d5ff; -webkit-text-stroke:1px #5f23bc; text-shadow:0 3px 0 #32105f,0 0 10px #000,0 0 18px #a557ff;}
#QingchengSlogan .slogan-white { color:#fff8dc; -webkit-text-stroke:1px #3d2c70; text-shadow:0 3px 0 #1f1a42,0 0 10px #000,0 0 18px #ffd44a;}

.hero-fire { position:absolute; left:50%; bottom:-178px; width:1900px; height:430px; margin-left:-950px; z-index:2; pointer-events:none; opacity:.75; background:radial-gradient(ellipse at 50% 100%,rgba(255,82,0,.65),rgba(255,82,0,.2) 28%,rgba(255,180,0,.08) 44%,rgba(0,0,0,0) 68%); filter:blur(16px); animation:firePulse 3.8s ease-in-out infinite;}
.hero-fire-b { bottom:-214px; opacity:.5; transform:scaleX(1.1); animation-duration:5.2s; animation-delay:-1.5s;}
.hero-spark { position:absolute; left:50%; top:50px; width:1600px; height:720px; margin-left:-800px; z-index:3; pointer-events:none; opacity:.7; background-image:radial-gradient(circle,rgba(255,202,96,.85) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,68,0,.65) 0 1px,transparent 2px); background-size:170px 130px,230px 180px; animation:sparkMove 9s linear infinite; mix-blend-mode:screen;}
@keyframes firePulse { 0%,100%{ transform:translateY(0) scaleY(1); opacity:.55;} 50%{ transform:translateY(-28px) scaleY(1.18); opacity:.9;}}
@keyframes sparkMove { from{ background-position:0 0,80px 120px;} to{ background-position:0 -520px,160px -420px;}}


.head_1 { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:5; overflow:visible;}/*整体*/
.head_2 { width:1200px; height:820px; position:relative;}
.download-ring { display:none;}
.head_3 { background:url(btn1.png); width:264px; height:101px; position:absolute; bottom:20px; left:0; z-index:7; transition:0.5s;}
.head_3:hover { margin-bottom:10px;}

.head_4 { background:url(btn2.png); width:264px; height:101px; position:absolute; bottom:20px; left:310px; z-index:7; transition:0.5s;}
.head_4:hover { margin-bottom:10px;}

.head_5 { background:url(btn3.png); width:264px; height:101px; position:absolute; bottom:20px; right:310px; z-index:7; transition:0.5s;}
.head_5:hover { margin-bottom:10px;}

.head_6 { background:url(btn4.png); width:264px; height:101px; position:absolute; bottom:20px; right:0; z-index:7; transition:0.5s;}
.head_6:hover { margin-bottom:10px;}
.head_3,.head_4,.head_5,.head_6 { overflow:visible; isolation:isolate;}
.head_3 a,.head_4 a,.head_5 a,.head_6 a { display:block; width:264px; height:101px; position:relative; z-index:3;}
.head_3:before,.head_4:before,.head_5:before,.head_6:before { content:""; position:absolute; left:-9px; top:-9px; width:282px; height:119px; box-sizing:border-box; border:2px solid rgba(255,214,95,.9); border-radius:18px; z-index:-1; pointer-events:none; box-shadow:0 0 15px rgba(255,126,0,.65), inset 0 0 12px rgba(255,184,48,.28); animation:btnBreath 1.8s ease-in-out infinite;}
.head_3:after,.head_4:after,.head_5:after,.head_6:after { content:""; position:absolute; left:-6px; top:-6px; width:10px; height:10px; border-radius:50%; z-index:4; pointer-events:none; background:#ffe995; box-shadow:0 0 9px #fff0a8,0 0 16px rgba(255,122,0,.95); animation:btnDotOrbit 4s linear infinite;}
@keyframes btnDotOrbit { 0%{ transform:translate(16px,0);} 25%{ transform:translate(264px,0);} 50%{ transform:translate(264px,101px);} 75%{ transform:translate(16px,101px);} 100%{ transform:translate(16px,0);}}
@keyframes btnBreath { 0%,100%{ opacity:.48;} 50%{ opacity:.95;}}

.head_7 { background:url(m2.jpg) top center no-repeat;}
.head_8 { margin:0 0 0 -600px; width:1200px; height:694px; position:relative; left:50%;}

.head_9 { width:340px; height:440px; position:absolute; top:153px; left:53px; z-index:7;}
.feature-slider { width:340px; height:440px; position:relative; overflow:hidden; border:1px solid rgba(255,220,136,.35); box-shadow:0 0 20px rgba(70,25,0,.35);}
.feature-slider img { width:340px; height:440px; position:absolute; left:0; top:0; opacity:0; transition:opacity .7s ease;}
.feature-slider img.active { opacity:1;}
.feature-dots { position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:4;}
.feature-dots span { display:inline-block; width:58px; height:5px; margin:0 5px; background:rgba(60,30,12,.55); border:1px solid rgba(255,214,122,.55);}
.feature-dots span.active { background:#b41b00; box-shadow:0 0 10px rgba(255,130,0,.85);}

.side-panel { position:fixed; right:-156px; top:320px; width:156px; z-index:9999; transition:.35s; font-family:"Microsoft YaHei","微软雅黑",Arial;}
.side-panel.open { right:0;}
.side-tab { position:absolute; left:-54px; top:0; width:54px; height:118px; border:1px solid #f6c46a; border-right:none; border-radius:10px 0 0 10px; background:linear-gradient(#6c1208,#240000); color:#ffe7a5; font-size:18px; font-weight:bold; cursor:pointer; box-shadow:0 0 16px rgba(255,87,0,.6); writing-mode:vertical-rl; letter-spacing:4px;}
.side-box { width:156px; padding:10px; box-sizing:border-box; border:1px solid #f6c46a; border-radius:0 0 0 10px; background:rgba(30,0,0,.92); box-shadow:0 0 20px rgba(255,87,0,.55);}
.side-box a { display:block; height:42px; line-height:42px; margin-bottom:8px; text-align:center; color:#ffe7a5; font-size:16px; font-weight:bold; border:1px solid rgba(255,200,90,.55); background:linear-gradient(#7d180b,#310000); text-shadow:0 2px 0 #3b0000;}
.side-box a:hover { color:#fff; box-shadow:0 0 16px rgba(255,185,50,.8);}

.head_10 { width:610px; overflow:hidden; position:absolute; top:153px; right:53px; z-index:7;}
.head_11 { width:610px; overflow:hidden; position:absolute; top:203px; right:53px; z-index:7;}

.head_12 { width:610px; height:380px;}

.head_13 { background:url(m3.jpg) top center no-repeat; height:806px;}
.head_14 { margin:0 0 0 -700px; width:1400px; overflow:hidden; position:relative; left:50%;}

.head_15 { background:url(foot.jpg) bottom center no-repeat;}
.head_16 { margin:0 0 0 -600px; width:1200px; overflow:hidden; position:relative; left:50%;}

.footcer_1 { width:100vw; background:url(../foot_img/bg.jpg) top center repeat-x #000; border-top:double 1px #FF0000;}
.footcer_2 { margin:0 0 0 -600px; width:1200px; height:205px; position:relative; left:50%;}
.footcer_3 { width:260px; height:94px; position:absolute; top:82px; left:0; z-index:7;}
.footcer_3 img { width:260px; height:94px;}
.footcer_4 { width:1200px; height:52px; line-height:52px; text-align:center; border-bottom:dashed 1px #333; position:absolute; top:0px; left:0; z-index:7;}
.footcer_4 a { font-size:14px; font-weight:200; color:#999; letter-spacing:3.5pt;}
.footcer_5 { width:200px; height:57px; position:absolute; top:96px; left:260px; border-left:double 1px #333; z-index:7;}
.footcer_5 img { width:200px; height:57px;}

.footcer_6 { width:800px; overflow:hidden; position:absolute; top:82px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_6 a { padding:8px 5px; font-size:12px; color:#666;}
.footcer_6 a:hover { color:#0CF; text-decoration:underline;}

.footcer_7 { width:800px; overflow:hidden; position:absolute; top:110px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_7 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_7 a:hover { color:#0CF; text-decoration:underline;}

.footcer_8 { width:800px; overflow:hidden; position:absolute; top:138px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_8 a { padding:8px 5px; font-size:12px; color:#666; letter-spacing:1pt;}
.footcer_8 a:hover { color:#0CF; text-decoration:underline;}

.footcer_9 { width:800px; overflow:hidden; position:absolute; top:166px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_9 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1.4pt;}
.footcer_9 a:hover { color:#0CF; text-decoration:underline;}
.footcer_9 span { color:#713D0D}

.footcer_10 { width:800px; overflow:hidden; position:absolute; top:130px; right:0; text-align:right; z-index:7; color:#666; letter-spacing:1.4pt;}
.footcer_10 a { padding:8px 5px; font-size:12px; color:#69F; font-weight:bold; letter-spacing:1pt;}
.footcer_10 a:hover { color:#0CF; text-decoration:underline;}
.footcer_10 span { color:#0CF}

.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}


.head_123c { margin:0 0 10px -600px; width:1200px; overflow:hidden; background:#612137; position:relative; left:50%;}
.head_124c { float:left; width:400px; overflow:visible; box-sizing:border-box;}
.head_125c { float:left; width:400px; overflow:visible; box-sizing:border-box;}
.head_126c { float:right; width:400px; overflow:visible; box-sizing:border-box;}

.head_127c { margin:10px 0; overflow:visible; background:#a48c94; transition:2s;}
.head_127c:hover { background:#000;}
.head_128c { margin:0 8px; background:url(zbb.png) left center no-repeat; overflow:hidden;}
.head_128c a { margin-left:30px; line-height:50px; text-align:left; font-size:22px; font-family:"微软雅黑"; font-weight:200; color:#FFF;}
.head_129c { border-top:double 1px #e4c6d0; overflow:visible;}
.head_130c { margin:10px 0; overflow:visible; text-align:center;}
.head_130c img { display:block; margin:0 auto;}
.head_124c .head_130c,
.head_125c .head_130c,
.head_126c .head_130c { width:385px; margin-left:auto; margin-right:auto;}
.head_133c .head_130c { width:1158px; margin-left:auto; margin-right:auto;}

.head_131c { float:left; width:600px; overflow:hidden;}
.head_132c { float:right; width:600px; overflow:hidden;}
.head_133c { width:1200px; overflow:hidden;}


.head_26a table {width:608px; overflow:hidden;}
.head_26a .ta { background:#900; border:double 1px #FFF;}
.head_26a .da {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}
.head_26a .xa {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .ac { background:#936;}
.head_26a .ac:hover { background:#900; transition:0.5s;}
.head_26a a { font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}
.head_26a .xac {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FFF;}
.head_26a .dac {line-height:28px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#FF9;}