html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, p{padding:0;margin:0;border: 0 none;font: 16px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;color: #6C440F;list-style:none;}
input, textarea, a{outline: none;resize: none;}
a{text-decoration: none;
  -moz-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -webkit-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  -ms-transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;
  transition: background 0.4s ease-in-out, opacity 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out，box-shadow 0.4s ease-in-out, border-radius 0.4s ease-in-out;}
body{width: 1920px;height: 1080px;background: url(../images/bg.png) center center no-repeat;margin: auto;background-size: cover;margin: 0;padding: 0;}
@font-face{font-family: fzqk;src:url(../fonts/方正清刻本悦宋简体.TTF);}



.menu-container {position: fixed;top: 50%;transform: translateY(-50%);z-index: 1000;}
.menu-button {width: 72px;height: 120px;display: flex;justify-content: center;align-items: center;border: none;outline: none;transition: transform 0.3s;z-index: 1001;background: url(../images/img_menu.png) no-repeat;position: relative;z-index: 99;clip-path: path('M7.52,5.52c-2.55,0-5.06,.19-7.52,.53V113.96c2.46,.34,4.96,.53,7.52,.53,30.09,0,54.48-24.39,54.48-54.48S37.61,5.52,7.52,5.52Z');}
.menu-button:hover {transform: scale(1.1);}
.menu-items {position: absolute;top: 0;width: 200px;height: 200px;z-index: 1;}
.menu-item {position: absolute;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);opacity: 0;}
.menu_01 {width: 108px;height: 94px;background: url(../images/img_menu_01.png) no-repeat;position: absolute;top: 5px;left: -35px;clip-path: path('M6,4V59s33,8,49,31l51-28S83,2,6,4Z');}
.menu_02 {width: 72px;height: 120px;background: url(../images/img_menu_02.png) no-repeat;position: absolute;left: -20px;top: 2px;clip-path: path('M3.5,30.5L54.5,1.5s36.5,59.5-.5,116.5L2,89s14-30,1.5-58.5Z');}
.menu_03 {width: 108px;height: 92px;background: url(../images/img_menu_03.png) no-repeat;position: absolute;top: 25px;left: -35px;clip-path: path('M3.5,28.5S34.5,29.5,53.5,.5l54,27S73.5,94.5,4.5,91.5L3.5,28.5Z');}
.menu_01:hover, .menu_01.hover{background: url(../images/img_menu_01_h.png) no-repeat;transform: scale(1.1);}
.menu_02:hover, .menu_02.hover{background: url(../images/img_menu_02_h.png) no-repeat;transform: scale(1.1);}
.menu_03:hover, .menu_03.hover{background: url(../images/img_menu_03_h.png) no-repeat;transform: scale(1.1);}
.marqueeleft{width: 1920px;margin: 0;overflow:hidden;position: fixed;z-index: 999;bottom: 20px;display: none;}
.marqueeleft .wid{width: 7552px;height: 120px;display: flex;background: url(../images/img_curve.png) bottom center repeat-x;}
.marqueeleft .wid ul.mul{display: flex;flex-wrap: wrap;}
.marqueeleft .wid ul.mul li{width: 128px;height: 64px;}
.marqueeleft .wid ul.mul li:nth-child(odd){margin: 0 0 0 108px;}
.marqueeleft .wid ul.mul li:nth-child(even){margin: 40px 0 0 108px;}
.marqueeleft .wid ul.mul li a{display: block;}
.content{padding: 80px 0 0 140px;}
.content .img_i{position: relative;}
.content .img_i .highlight{position: absolute;right: 330px;top: -20px;}
.content .img_i .text_c{margin: 0 0 0 450px;height: 610px;overflow: scroll;position: absolute;top: 88px;}
.content .img_i .text_c img{width: 980px;}
.content .lt{position: absolute; top: 100px; right: 28px;}
.content .lt a.up{background: url(../images/btn_top.png) no-repeat;width: 216px;height: 60px;display: block;}
.content .lt a.down{background: url(../images/btn_bottom.png) no-repeat;width: 216px;height: 60px;display: block;}
.content .lt ul{width: 216px;height: 642px;overflow: scroll;}
.content .lt ul li{width: 216px;}
.content .lt ul li a{display: block;text-align: center;margin: 12px 0;}
.content .lt ul li a img{width: 212px;}
#popup{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);width: 1780px;height: 1000px;transition: transform 0.3s ease;z-index: 100;}
#overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: opacity 0.3s ease;z-index: 99;}
#popup.active {transform: translate(-50%, -50%) scale(1);}
#overlay.active {opacity: 1;pointer-events: all;}
.content .fo{animation: fo .5s 1;}
.content .fi{animation: fi .5s 1;}


.industry{position:absolute;top:0;left:0;transform:  scale(0);transition: transform 0.3s ease;width: 1724px;height: 1010px;background: url(../images/img_industry.png) no-repeat;margin: 35px 0 0 160px;}
#industry.active {transform: scale(1);}
.celebrity-card {opacity: 0;transform: translateY(20px);transition: all 0.5s ease;display: flex;align-items: center;gap: 15px;margin-bottom: 40px;}
.map-region:hover, .map-region.hover {stroke-width: 3px;stroke: #FDDDA9;filter: drop-shadow(0 2px 4px rgba(125,83,38,0.1));fill: #FFE9D4;}
.map{width: 715px;height: 845px;background: url(../images/img_map_b.png) no-repeat;position: absolute;top: 0;bottom: 0;left: 528px;margin: auto;}
.column-left{padding: 100px 0 0 120px;float: left;}
.column-right{padding: 100px 120px 0 0;float: right;}
.industry_con{position:absolute;top:0;left:0;transform:  scale(0);transition: transform 0.3s ease;width: 1724px;height: 1010px;background: url(../images/img_industry_002.png) no-repeat;margin: 35px 0 0 160px;}
.industry_con .txt{position: absolute;right: 120px;top: 100px;z-index: 9;overflow: scroll;height: 810px;}
.industry_con .btn{width: 80px;height: 120px;position: absolute;top: 20px;right: 20px;}
#industry_con.active {transform: scale(1);}


.button-container {position: fixed;bottom: 90px;left: 0;right: 0;height: 0;display: flex;justify-content: center;align-items: center;z-index: 100;}
.floating-buttons {display: flex;gap: 15px;position: relative;}
.floating-button {width: 120px;height: 118px;border: none;cursor: pointer;font-size: 16px;transition: all 0.3s ease;position: relative;display: flex;justify-content: center;align-items: center;}
.floating-button:hover {transform: scale(1.1);}
.btn_01{background: url(../images/industry/menu_001.png) no-repeat;background-size: 120px 118px;}
.btn_02{background: url(../images/industry/menu_002.png) no-repeat;background-size: 120px 118px;}
.btn_03{background: url(../images/industry/menu_003.png) no-repeat;background-size: 120px 118px;}
.btn_04{background: url(../images/industry/menu_004.png) no-repeat;background-size: 120px 118px;}
.btn_05{background: url(../images/industry/menu_005.png) no-repeat;background-size: 120px 118px;}
.btn_06{background: url(../images/industry/menu_006.png) no-repeat;background-size: 120px 118px;}
.btn_07{background: url(../images/industry/menu_007.png) no-repeat;background-size: 120px 118px;}
.btn_08{background: url(../images/industry/menu_008.png) no-repeat;background-size: 120px 118px;}
.btn_09{background: url(../images/industry/menu_009.png) no-repeat;background-size: 120px 118px;}
.btn_10{background: url(../images/industry/menu_010.png) no-repeat;background-size: 120px 118px;}
.btn_01:hover, .btn_01.hover{background: url(../images/industry/menu_001_h.png) no-repeat;background-size: 120px 118px;}
.btn_02:hover, .btn_02.hover{background: url(../images/industry/menu_002_h.png) no-repeat;background-size: 120px 118px;}
.btn_03:hover, .btn_03.hover{background: url(../images/industry/menu_003_h.png) no-repeat;background-size: 120px 118px;}
.btn_04:hover, .btn_04.hover{background: url(../images/industry/menu_004_h.png) no-repeat;background-size: 120px 118px;}
.btn_05:hover, .btn_05.hover{background: url(../images/industry/menu_005_h.png) no-repeat;background-size: 120px 118px;}
.btn_06:hover, .btn_06.hover{background: url(../images/industry/menu_006_h.png) no-repeat;background-size: 120px 118px;}
.btn_07:hover, .btn_07.hover{background: url(../images/industry/menu_007_h.png) no-repeat;background-size: 120px 118px;}
.btn_08:hover, .btn_08.hover{background: url(../images/industry/menu_008_h.png) no-repeat;background-size: 120px 118px;}
.btn_09:hover, .btn_09.hover{background: url(../images/industry/menu_009_h.png) no-repeat;background-size: 120px 118px;}
.btn_10:hover, .btn_10.hover{background: url(../images/industry/menu_010_h.png) no-repeat;background-size: 120px 118px;}


@keyframes fi {
    0%{opacity: 0;}
  100%{opacity: 1;}   }

@keyframes fo{
    0%{opacity: 1;}
  100%{opacity: 0;}   }

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

@keyframes float {
0%, 100% {transform: translateY(0);}
50% {transform: translateY(-25px);}   }