.h2-title{font-size:80px;line-height:normal;color:#000000;text-align: center;text-transform: uppercase;font-family:'gothamssm_black';}
.p-desc{font-size:24px;color:#222222;margin:0 auto;line-height:30px;text-align: center;font-family:'gothamssm_light';}
.contain{width:100%;max-width:1600px;margin:0 auto}

.backTop{display: block;right:40px;top:38%;width: 46px;height: 46px;line-height: 46px;font-size: 20px;color: #fff;text-align: center;position: fixed;cursor: pointer;z-index: 9999;background-color:#000000;}
.backTop i{font-style: normal;display: block;position: fixed;z-index: 99999;transform: rotate(90deg);margin-top: -0.8%;margin-left: 0.9%;}
.backTop.on{display: block;}
@media all and (max-width:1590px) {.backTop {right: 30px;top: 15%;}}
@media all and (max-width:720px) {.backTop {right: 8px;top:90%;width: 36px;height: 36px;line-height: 36px;font-size: 16px;}}

@media (max-width:768px){
	.h2-title{font-size:20px;}
	.p-desc{font-size:16px;}
}


/* 头部公共 */
#header{width:100%;position:absolute;top:100vh;left:0;z-index:3;/* background-color:transparent */}
#navbar{width: 100%;display:flex;align-items:center;justify-content:space-between;background:#000;color:#fff;padding:0 8.5%;height:117px;z-index:200}
#navbar .logo{flex:1;font-size:26px;font-weight:700;color:#fff;display:flex;align-items:center;letter-spacing:1px;z-index:999;}
#navbar .logo span{color:#f33;margin-left:3px}
#navbar .nav-links{flex:4;display:flex;list-style:none;height:100%;gap:4px}
#navbar .nav-links>li{position:static;height:100%;display:flex;align-items:center}
#navbar .nav-links>li>a{color:#fff;text-decoration:none;padding:0 21px;line-height:116px;display:block;transition:color .2s,background .2s;height:100%;font-size:19px;letter-spacing:0px;font-family:'gothamssm_light';}
#navbar .nav-links>li>a:hover{color:#ccc;background:rgba(255,255,255,.05)}
#navbar .nav-right{flex:2;display:flex;align-items:center;gap:15px}
#navbar .search-box{width:220px;display:flex;gap:40px;align-items:center;background:#fff;border-radius:20px;padding:3px 15px;justify-content: space-between}
#navbar .search-box input{border:none;outline:0;padding:4px;font-size:16px;width:130px;background:0 0}
#navbar .search-box input::placeholder{color:#bac1c9;font-family:'gothamssm_light';}
#navbar .search-box .bt-btn{background:0 0;position:relative;border:none;cursor:pointer;color:#888;width:34px;height:34px;border:none;background:0 0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px 22px}

#navbar .lang-selector{position:relative;height:100%;display:flex;align-items:center;cursor:pointer;padding:0 12px;user-select:none}
#navbar .lang-trigger{display:flex;align-items:center;gap:6px;color:#fff;font-size:18px;font-family:'gothamssm_light';}
#navbar .lang-trigger .lang-text{font-size:18px;}
#navbar .lang-trigger .lang-flag::after{content:"";display:block;width:33px;height:33px;background-image:url('../images/index/internet.png');background-size:contain;background-repeat:no-repeat}
#navbar .lang-flag{font-size:16px}
#navbar .lang-arrow{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cpolyline points='15,25 58,68 105,25' fill='none' stroke='%23ffffff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;transition: transform .25s ease;}

#navbar .lang-dropdown{position:absolute;top:110%;right:0;width:120px;background-color:#000000;border:1px solid #000000;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.3);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease;z-index:200;max-height:755px;overflow-y:auto}
#navbar .lang-selector.active .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
#navbar .lang-selector.active .lang-arrow{transform: rotate(180deg);}
#navbar .lang-list{list-style:none;padding:0;margin:0}
#navbar .lang-list li{padding:8px 16px;color:#ddd;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}
#navbar .lang-list li:hover{background:#222}
#navbar .lang-list li.active{color:#fff}
#navbar .flag{font-size:16px}


#navbar .social-icons{display:flex;gap:12px}
#navbar .social-icons a{color:#fff;font-size:15px;text-decoration:none;transition:opacity .2s}
#navbar .social-icons a:hover{opacity:.7}
#navbar .fullscreen-dropdown{position:absolute;top:117px;left:0;width:100%;background:#fff;z-index:190;height:0;opacity:0;visibility:hidden;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1);padding:0 56px;display:flex;gap:50px;transition:height .38s cubic-bezier(.4, 0, .2, 1),opacity .28s ease,padding .38s ease,visibility .38s}
#navbar .nav-links>li:hover>.fullscreen-dropdown{height:775px;opacity:1;visibility:visible;padding:0 0 0 8.4%;}
#navbar .category-columns{display:flex;flex-direction:column;gap:6px;width:20.4%;flex-shrink:0;padding-top:75px;}
#navbar .category-column{list-style:none;padding:0;margin:0;flex:1;}
#navbar .category-column:hover{}
#navbar .category-column li{border-right: 1px solid #d4d4d4;}
#navbar .category-column li a{color:#000000;text-decoration:none;font-size:22px;line-height:44px;transition:color .2s;display:block;border-radius:4px;cursor:pointer}
#navbar .category-column li a:hover{color:#cf152d;}
#navbar .category-column li a.active{color:#cf152d;}
#navbar .right-content-area{width:77%;position:relative;display:flex;gap:40px}
#navbar .sub-category-list{width:28%;flex-shrink:0;padding-top:75px;}
#navbar .sub-category-list h4{font-size:12px;text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee}
#navbar .sub-category-list ul{list-style:none;color:#000000;}
#navbar .sub-category-list ul li a{color:#000000;text-decoration:none;font-size:22px;line-height:44px;transition:color .2s;display:block;}
#navbar .sub-category-list ul li a:hover{color:#cf152d;}
#navbar .promo-section{flex:1;position:relative;background-color:#000000;}
#navbar .promo-section img{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.3s;animation-play-state: running;}
#navbar .promo-subtitle{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.4s;animation-play-state: running;}
#navbar .promo-title{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.5s;animation-play-state: running;}
#navbar .learn-more-btn{opacity: 0;animation: fadeIn 1s ease forwards;animation-delay: 0.6s;animation-play-state: running;}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px); /* 可选，更自然 */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#navbar .promo-overlay{position:absolute;bottom:18px;left:0;right:0;color:#fff;padding:28px 43px;text-align:left}
#navbar .promo-subtitle{font-size:24px;text-transform:uppercase;letter-spacing:0px;margin-bottom:8px;opacity:.85}
#navbar .promo-title{font-size:63px;font-weight:bold;margin-bottom:14px;line-height:1.2}
#navbar .learn-more-btn{background:#fff;color:#000000;border:none;padding:13px 20px;border-radius:4px;font-size:19px;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.5px}
#navbar .learn-more-btn:hover{background:#eee;transform:scale(1.02)}
#navbar .content-group{display:none}
#navbar .content-group.active{display:flex;gap:40px;width:100%}

@media (max-width:1500px){
	#navbar .nav-links>li>a{padding:0 15px;}
	#navbar{padding:0 30px}
	
}
@media (max-width:1200px){
	#navbar .search-box{width:150px;}
	#navbar .search-box input{width:60px;}
	#navbar .nav-links>li>a{padding:0 10px;}
}	

@media (max-width:1000px){
body.removeMovie #navbar{top: 0px;}	
#navbar .nav-links>li>a{padding:0 5px;font-size:16px;}
#navbar{padding:0 20px;height:78px;z-index:999;}
#navbar .logo img{height:42px}
#navbar .fullscreen-dropdown,#navbar .nav-links,#navbar .nav-right .lang-selector,#navbar .nav-right .search-box,#navbar .nav-right .social-icons{display:none!important}

.hamburger{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;cursor:pointer;background:rgba(255,255,255,.03);border-radius:8px;transition:background .2s;z-index:201;position:relative}
.hamburger span{display:block;width:28px;height:3px;background:#fff;border-radius:4px;transition:all .3s ease;margin:4px 0}
.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,7px)}
.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-7px)}


.mobile-menu-panel{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0c0c0c;z-index:199;padding:100px 24px 40px;overflow-y:auto;transform:translateY(-100%);transition:transform .4s cubic-bezier(.77, 0, .18, 1);will-change:transform;overscroll-behavior:contain}
.mobile-menu-panel.open{transform:translateY(0)}
.mm-nav{list-style:none;padding:0;margin:0 0 30px}
.mm-nav .mm-header-arrow{float:right;}
.mm-nav>li{border-bottom:1px solid #222}
.mm-nav>li>a{display:block;color:#f0f0f0;font-size:16px;font-weight:500;padding:16px 8px;text-decoration:none;letter-spacing:.5px;transition:color .2s}
.mm-nav>li>a:active{color:#cf152d}
.mm-nav>li>span{float:right;}

/* 一级菜单箭头旋转 */
.mm-parent.open .mm-header-arrow,
.mm-parent-2.open .mm-header-arrow {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}

/* 给箭头加上默认过渡效果 */
.mm-header-arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}

.mm-sub{display:none;padding:0 0 10px 18px;list-style:none}
.mm-sub.open{display:block}
.mm-sub li a{display:block;color:#aaa;font-size:14px;padding:10px 8px;text-decoration:none;border-left:2px solid #2a2a2a;transition:all .2s}
.mm-sub li a:active{color:#cf152d;border-left-color:#cf152d}
.mm-sub-3{display:none;padding-left:20px;list-style:none}
.mm-sub-3.open{display:block}
.mm-sub-3 li a{font-size:14px;color:#888;padding:6px 8px;border-left:1px dashed #333}
.mm-promo{margin:30px 0 20px;border-top:1px solid #222;padding-top:24px}
.mm-promo .promo-card{background:#1a1a1a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.mm-promo .promo-card img{width:100%;height:auto;max-height:800px;object-fit:cover;display:block}
.mm-promo .promo-info{padding:18px 20px;color:#fff;position:absolute;margin-top:30%;}
.mm-promo .promo-info .sub{font-size:14px;opacity:.7;letter-spacing:1px}
.mm-promo .promo-info .title{font-size:16px;font-weight:700;margin:8px 0 12px;line-height:1.2}
.mm-promo .promo-info .btn{background:#fff;color:#000;border:none;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none}
.mm-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding-top:20px;border-top:1px solid #222}


.mm-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:#0c0c0c;padding:20px 24px;border-radius:20px;border:1px solid #2a2a2a;max-width:560px;width:100%;margin:0 auto}
.mm-lang-selector{position:relative;display:inline-flex;align-items:center;cursor:pointer;user-select:none;z-index:10}
.mm-lang-trigger{display:flex;align-items:center;gap:8px;background:#1a1a1a;padding:10px 18px;border-radius:40px;border:1px solid #333;transition:border-color .2s,background .2s}
.mm-lang-trigger:hover{border-color:#555;background:#222}
.mm-lang-flag{font-size:18px;line-height:1;display:flex;align-items:center}
.mm-lang-flag::after{content:"";display:block;width:33px;height:33px;background-image:url('../images/index/internet.png');background-size:contain;background-repeat:no-repeat}
.mm-lang-text{color:#eee;font-size:17px;font-weight:500;letter-spacing:.3px;min-width:28px;display:inline-block}
.mm-lang-arrow{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cpolyline points='15,25 58,68 105,25' fill='none' stroke='%23cccccc' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .25s ease}
.mm-lang-selector.active .mm-lang-arrow{transform:rotate(180deg)}
.mm-lang-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:140px;background:#161616;border:1px solid #2e2e2e;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.7);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px) scale(.97);transition:all .25s cubic-bezier(.4, 0, .2, 1);z-index:300;max-height:310px;overflow-y:auto}
.mm-lang-selector.active .mm-lang-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mm-lang-list{list-style:none;padding:0;margin:0}
.mm-lang-list li{padding:10px 18px;color:#ccc;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;transition:background .15s,color .15s;border-left:3px solid transparent}
.mm-lang-list li:hover{background:#252525;color:#fff}
.mm-lang-list li.active{background:#2a2a2a;color:#fff;border-left-color:#cf152d;font-weight:600}
.mm-lang-list .flag{font-size:15px;font-weight:600;color:#aaa;min-width:30px;display:inline-block}
.mm-lang-dropdown::-webkit-scrollbar{width:4px}
.mm-lang-dropdown::-webkit-scrollbar-track{background:#111}
.mm-lang-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:6px}
.mm-social{display:flex;gap:16px;align-items:center}
.mm-social a{display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.mm-social a:hover{opacity:.7}
.mm-social a img{width:100%;height:30px;opacity:.8;transition:opacity .2s}
.mm-social a:hover img{opacity:1}

@media (min-width:901px){body{/* background:#222222 */}
.mm-footer{max-width:100%}
}
.note{color:#888;text-align:center;margin-top:40px;font-size:14px;max-width:560px;width:100%}
.note strong{color:#ddd}


.mm-lang{display:flex;align-items:center;gap:8px;color:#ccc;font-size:17px;cursor:pointer;padding:8px 16px;background:#191919;border-radius:30px;border:1px solid #2c2c2c}
.mm-lang .arrow-down{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cpolyline points='15,25 58,68 105,25' fill='none' stroke='%23cccccc' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
.mm-social{display:flex;gap:16px}
.mm-social a img{width:100%;height:30px;opacity:.7;}
.mm-social a:active img{opacity:1}
.mm-search{display:flex;background:#1a1a1a;border-radius:40px;padding:4px 18px;align-items:center;justify-content:space-between;border:1px solid #333;margin:16px 0 10px}
.mm-search input{background:0 0;border:none;outline:0;color:#eee;font-size:17px;padding:4px 0;flex:1}
.mm-search input::placeholder{color:#666}
.mm-search button{background:0 0;border:none;width:36px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:24px;cursor:pointer}
.hamburger{display:none}
}
@media (min-width:1001px){.hamburger,.mobile-menu-panel{display:none!important}
}
.page-placeholder{margin-top:125px;padding:40px 24px;max-width:860px;margin-left:auto;margin-right:auto;color:#333}
@media (max-width:1000px){.page-placeholder{margin-top:90px}
}









/* 底部公共 */

/* footer 底部 */
#footer{background-color:#000;padding:54px 0 0;border-top:1px solid #333}
#footer .footer-container{display:flex;justify-content:space-between;max-width:1600px;margin:0 auto;flex-wrap:wrap;gap:40px}
#footer .footer-column{flex:1;min-width:335px}
#footer .footer-column.logo-col{flex:0 0 200px}
#footer .subscribe-form h4{padding-top:60px;padding-bottom:30px;font-size:16px;font-weight:400;color:#ffffff;}
#footer .form-group{margin-bottom:10px}
#footer input[type=email]{width:100%;height:48px;padding:10px 12px;background:#000;color:#c0c0c0;border:1px solid #c9c9c9;border-radius:5px;font-size:16px;}
#footer input::placeholder{color:#c0c0c0}
#footer select{width:100%;height:48px;padding:10px 12px;background:#000;color:#c0c0c0;border:1px solid #c9c9c9;border-radius:5px;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolygon points='3,5 8,13 13,5' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
#footer .btn-subscribe{width:40%;padding:10px;background:0 0;color:#ffffff;border:1px solid #cf152d;border-radius:5px;cursor:pointer;font-size:16px;transition:background .2s}
#footer .btn-subscribe:hover{background-color:#cf152d}
#footer .follow-us{margin-top:84px}
#footer .follow-us h4{padding-bottom:20px;font-size:20px;line-height:40px;font-weight:400;color:#ffffff;}
#footer .social-icons{display:flex;gap:20px}
#footer .social-icons a{text-decoration:none;font-size:24px;color:#ffffff}
#footer .footer-nav{display:flex;gap:51px;flex-wrap:wrap;padding-top:7%;}
#footer .nav-column h4{font-size:20px;font-weight:400;line-height:47px;color:#ffffff;cursor:default;user-select:none}
#footer .nav-column ul{list-style:none}
#footer .nav-column ul li a{text-decoration:none;color:#f2f2f2;font-size:16px;line-height:35px;}
#footer .nav-column ul li a:hover{color:#ffffff}
#footer .nav-header-arrow{display:none}
#footer .footer-bottom{margin-top:140px;border-top:1px solid #333;}
#footer .footer-cnv {max-width:1600px;margin:0 auto;display: flex;justify-content: space-between;padding:10px 0 10px;text-align:center;font-size:12px;}
#footer .footer-bottom span{font-size:16px;line-height:47px;color:#f2f2f2;}
#footer .footer-bottom span a{color:#f2f2f2;margin:0 10px;text-decoration:none;transition:opacity .2s}
#footer .footer-bottom span a:hover{color:#ffffff}

@media (max-width:768px){
	#footer{padding:20px;}
	#footer .footer-container{flex-direction:column;gap:10px;}
	#footer .footer-column{min-width:100%}
	#footer .subscribe-form h4{padding-top:20px;padding-bottom:20px;}
	#footer .footer-nav{flex-direction:column;gap:0;width:100%;padding-top:0;}
	#footer .nav-column{border-bottom:1px solid #222;padding-bottom:0}
	#footer .nav-column h4{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0;font-size:16px;color:#ffffff;font-weight:500}
	#footer .nav-column h4:hover{color:#ccc}
	#footer .nav-header-arrow{display:inline-block;font-size:22px;transition:transform .3s ease;color:#888}
	#footer .nav-column:not(.collapsed) .nav-header-arrow{transform:rotate(90deg)}
	#footer .nav-column.collapsed ul{display:none}
	#footer .nav-column ul{display:block;padding-left:10px;padding-bottom:14px;padding-top:10px;animation:fadeIn .3s ease}
	#footer .nav-column ul li a{font-size:14px}
	#footer .social-icons{gap:15px}
	#footer .follow-us{margin-top:20px;}
	#footer .follow-us h4{line-height:normal;}
	#footer .footer-bottom{margin-top:0;}
	#footer .footer-cnv{flex-direction: column;gap:10px;}
	#footer .footer-bottom span{font-size:14px;line-height:normal;}
}
@keyframes fadeIn{from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}