* {margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { font: 16px/1.5 'Arial','Microsoft Yahei','微软雅黑', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; color:#222;}
table, th, td, tr { border-collapse: collapse; border-spacing: 0; font-size: 16px;}
ol, ul { list-style: none;}
li { list-style-type: none;}
img { max-width: 100%; border: 0;}
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both;}
a { color: #222; text-decoration: none; text-transform:capitalize;}
a:visited, a:hover, a:active { text-decoration: none;}
.fl { float: left;}
.fr { float: right;}
.icon { display: block; width: 100%; height: 100%;}

.cover, .cover1 { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.cover { width: 100%; height: 100%; object-fit: cover;}
.cover1 { max-width: 100%; max-height: 100%; margin: auto;}
input, button, textarea, option {font: 16px/1.5 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif';}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width: 0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color: #f6f6f6;}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive { background-color: #025cb0;}  /* 滚动条滑块默认/点击状态 */


.w1300 { width: 1300px; margin: 0 auto;}
@media (max-width:1440px) {
  .w1300 { width: 94%;}
}

/*lqHeader start*/
.lqHeader { height:48px; background-color: #165ac6;}
.lqHeader .lqHeader_Main { position: relative; z-index:99;}
.lqHeader p { line-height: 40px; color: #fff; font-size: 15px;position: relative;}
.lqHeader p i { display: block; width: 18px; height: 18px; margin: 12px 10px 0 0; float: left;}

.lqHeader span.share { margin: 10px 0;}
.lqHeader span.share a,.lqFoot_l span.share a{ display: inline-block; width:28px; height: 28px; background:rgba(255,255,255,0.25); border-radius:50%; overflow: hidden; margin:0 5px;padding:6px; vertical-align: top;}

.lqHeader .lqSearch {display: block;width: 38px;height: 48px;position: relative;}
.lqSearch a.lqSearch_btn {display: block;width: 16px;height: 16px;overflow: hidden;/* padding: 16px; */margin: 15px 0 0;}
.lqSearch a.lqSearch_btn svg.scBtn2, .lqHeader a.lqSearch_btn.close svg.scBtn1 { display: none;}
.lqSearch a.lqSearch_btn.close svg.scBtn2 { display: block;}

.lqForm {display: none;width: 360px;height:35px;overflow: hidden;position: absolute;top:7px;right: 55px;}
.lqForm.show { display: block;}
.lqForm .lqForm_ipt { float: left; width: calc(100% - 50px); height: 35px; overflow: hidden; line-height:35px; color: #222; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 20px; background-color: #fff; border:0; outline: none; border-radius:0;}
.lqForm .lqForm_ipt::placeholder { color: #666;}
.lqForm .lqForm_btn { float: right; width: 50px; height: 35px; overflow: hidden; font-size: 0; background-color: #fff; border: 0; outline: none; cursor: pointer;}
.lqForm .lqForm_btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 9px;}

.lyLanguage {float: right;position: relative;}
.lyLanguage a.lyLang_btn {display: block;height: 48px;}
.lyLanguage a.lyLang_btn em{ display:inline-block; width:18px; height:18px; margin: 0 8px -4px 0;}
.lyLanguage a.lyLang_btn span {display: block;height: 46px;line-height: 46px;color: #fff;font-size: 14px;text-transform: capitalize;padding: 0 6px 0 0;float: left; min-width:95px;}
.lyLanguage a.lyLang_btn:hover span { color: #fff;}
.lyLanguage a.lyLang_btn i {display: block;width: 18px;height: 18px;margin: 15px 0;padding: 4px;float: right;}
.lyLanguage a.lyLang_btn:hover i svg path { fill: #fff;}
.lyLanguage ul { width: 100%; overflow: hidden; background-color: #fff;-webkit-box-shadow: 0 0 10px rgb(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; transform: translate(0, 20px);}
.lyLanguage:hover ul { opacity: 1; transform: translate(0, 0); visibility: visible;}
.lyLanguage ul li a { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 24px; color: #111; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; padding: 8px 10px 8px 40px; position: relative;}
.lyLanguage ul li a:hover { color: #fff; background-color: #165ac6;}
.lyLanguage ul li a img { display: block; width: 20px; height: 20px; border-radius: 50%; margin-top: -10px; position: absolute; left: 10px; top: 50%;}
/*lqHeader end*/


/*lqTop start*/
.lqTop { width: 100%; background-color: #fff; position: relative;}
.lqTop.fxd { -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06); position: fixed; left: 0; top: 0; z-index: 999;}
.lqTop a.lqLogo {display: block;height:65px;margin: 11px 20px 11px 0;}
.lqTop a.lqLogo img { max-height: 100%;}

.lqNav_list>ul { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between;}
.lqNav_list>ul>li { position: relative;padding: 0 20px;}
.ly_de .lqNav_list>ul>li{padding: 0 15px;}
.ly_spa .lqNav_list>ul>li{padding: 0 13px;}
.lqNav_list>ul>li>a {display: block;height:87px;overflow: hidden;line-height: 87px;color: #222;font-size: 15px;position: relative; text-transform:uppercase; font-weight:bold;}
.lqNav_list>ul>li:hover>a, .lqNav_list>ul>li.active>a { color: #165ac6;}
.lqNav_list>ul>li>i { display: block; width: 16px; height: 16px; margin-top: -10px; position: absolute; top: 50%; right: 14px;}
.lqNav_list>ul>li:hover>i svg path, .lqNav_list>ul>li.active>i svg path { fill: #165ac6;}
.lqNav_list>ul>li>a::after { content: ''; width: 0; height:2px; background:#0e50cb; position:absolute; left:50%; bottom:0;transform: translate(-50%, 0);}
.lqNav_list>ul>li:hover>a::after,.lqNav_list>ul>li.active>a::after{ width:100%;}
.lqNav_list>ul>li ul { display: none; width: 140%; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0 5px 5px rgb(0, 0, 0, .06); box-shadow: 0 5px 5px rgb(0, 0, 0, .06); border-radius: 0 0 4px 4px; position: absolute; left: -20%; top: 100px; z-index: 2;}
.lqNav_list>ul>li:hover ul { display: block;}
.lqNav_list>ul>li ul li { border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
.lqNav_list>ul>li ul li:hover { border-bottom: 1px solid #165ac6;}
.lqNav_list>ul>li ul li:last-child { border: 0;}
.lqNav_list>ul>li ul li a { display: block; line-height: 1.5; color: #454545; font-size: 15px; text-align: center; text-transform: capitalize; padding: 12px;}
.lqNav_list>ul>li ul li a:hover { color: #165ac6;}

.lqTop_Link{display:block;width:auto;height:40px;line-height:40px;padding:0 27px;color:#fff;text-align:center;background:#165ac6;border-radius:30px;margin: 24px 0 0 20px;font-size: 15px;}
/*lqTop end*/

/*foot*/
.lyFoot { background:#1e2125;overflow: hidden; }
.lyFoot_Main{ padding:50px 0; overflow:hidden;}
.lyFoot_L { width: 27%; float: left; }
.lyFoot_L .lyFoot_logo p { font-size: 14px; color: rgba(255,255,255,0.7); margin: 20px 0 35px; line-height: 24px; }
.lyFollow a{ display: inline-block; width:32px; height:32px; background:rgba(255,255,255,0.25); border-radius:50%; overflow: hidden; margin:0 5px;padding:8px; vertical-align: top;}
.lyFollow a:hover { transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); }
.lyFoot_Right{ width:65%; float:right;display: -webkit-flex; display: flex; flex-wrap: wrap;justify-content: space-between;}
.lyFoot_Nav { width:66.6666%; }
.lyFoot_Nav ul li {float: left; width:40%; }
.lyFoot_Nav ul li a { display: block; width: 100%; font-size: 14px; color: rgba(255,255,255,0.7); margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lyFoot_Nav ul li:first-child{ padding:0 10% 0 0; width:60%;}
.lyFoot_Nav ul li a:hover{ color:#fff;}
.lyFoot_lxfs { width: 33.3333%; float: right; }
.lyFoot_tit { font-size:16px; color: #fff; font-weight:bold; text-transform:uppercase; margin-bottom: 20px; }
.fo_cou li { margin-bottom: 20px; position: relative; padding-left: 35px; color: #fff; font-size: 14px;opacity:0.7; }
.fo_cou li:last-child { margin-bottom: 0; }
.fo_cou li i { position: absolute; top: 0; left: 0; width: 18px; height: 18px; }
.fo_cou li i svg{ opacity:0.7;}
.fo_cou li:hover { transform: translateX(6px); }
.lyFoot_Copy { width: 100%; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1); overflow: hidden; }
.lyFoot_Copy p,.lyFoot_Copy span { font-size: 14px; color: rgba(255,255,255,0.7); }
.lyFoot_Copy a{font-size: 14px; display:inline-block; margin-left:10px;color: rgba(255,255,255,0.7);}

@media (max-width:1680px) {
.lqTop a.lqLogo{ height:58px; margin: 10px 20px 10px 0;}
.lqNav_list>ul>li>a{ height:78px; line-height:78px;}
.lqTop_Link{ padding:0 24px;height:38px; line-height:38px; margin: 21px 0 0 20px;}
}

@media (max-width:1440px) {
  .lqTop a.lqLogo{ height:50px; margin: 9px 20px 9px 0;}
  .lqNav_list>ul>li{padding: 0 15px;}
  .ly_de .lqNav_list>ul>li,.ly_spa .lqNav_list>ul>li{padding: 0 10px;}
  .lqNav_list>ul>li>a {height: 68px;line-height: 68px;font-size: 14px;}
  .lqNav_list>ul>li>i { right: 12px;}
  .lqNav_list>ul>li ul { top: 80px;}
  .lqNav_list>ul>li ul li a { height: 44px; line-height: 44px;}
  .lqTop_Link{ padding:0 20px; font-size:14px; height:36px; line-height:36px; margin: 17px 0 0 20px;}
  .lyFoot_Main{ padding:30px 0;}
}

@media (max-width:1280px) {
  .lqNav_list>ul>li>i { width: 10px; height: 10px; margin-top: -6px; right: 8px;}
 
}

@media (max-width:1200px) {
.ly_de .lqNav_list>ul>li,.ly_spa .lqNav_list>ul>li{ padding:0 6px;}
.ly_de .lqTop_Link{ margin-left:10px; padding:0 15px;}
.ly_spa .lqTop_Link{ margin-left:10px; padding:0 10px;}
.ly_spa .lqNav_list>ul>li>a{ font-size:13px;}
}

@media (max-width:1080px) {
  .lqTop a.lqLogo{ height:45px; margin: 8px 40px 7px 0;}
  .lqHeader,.lqHeader .lqSearch,.lyLanguage a.lyLang_btn{ height:40px;}
  .lqHeader span.share{ margin:8px 0;}
  .lqHeader span.share a, .lqFoot_l span.share a{ width:24px; height:24px;}
  .lqHeader .lqSearch{ width:30px;}
  .lqSearch a.lqSearch_btn{ margin:11px 0 0;}
  .lyLanguage a.lyLang_btn span{ height:38px; line-height:38px;}
  .lyLanguage a.lyLang_btn i{ margin:11px 0;}
  .lqTop .lqNav { width: auto; margin-left: 20px; float: right;}
  .lqNav .lqNav_list { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: -100%; z-index: 9999;}
  .lqNav .lqNav_list.open { left: 0;}
  .lqNav_list>ul { width: 50%; height: 100%; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }  
  .lqNav_list>ul>li { padding: 0;}
  .lqNav_list>ul>li a { display: block; width: 100%; height: 60px; line-height: 60px;text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1);}
  .lqNav_list>ul>li i { display: block; width: 60px; height: 60px; margin: 0; padding: 22px; position: absolute; top: 0; right: 0;}
  .lqNav_list>ul>li i.on { transform: rotateX(180deg); -webkit-transform: rotateX(180deg);}
  .lqNav_list>ul>li i.on svg path { fill: #165ac6;}
  .lqNav_list>ul>li ul { width: 100%; padding: 0 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit;}
  .lqNav_list>ul>li:hover>em, .lqNav_list>ul>li.active>em { display: none;}
  .lqNav_list>ul>li ul li a { height: 48px; line-height: 48px; text-align: left; border: 0; padding: 0 0 0 14px; position: relative;}
  .lqNav_list>ul>li ul li a::before { content: ''; display: block; width: 4px; height: 4px; margin-top: -2px; background-color: #165ac6; position: absolute; left: 0; top: 50%;}
  .lqNav .lqNav_btn {display: block;width: 35px;height: 35px;margin: 13px 0 12px;padding: 10px;background-color: #165ac6;border-radius: 50%;}
  .lqNav_btn i {display: block;height: 2px;background-color: #fff;margin: 4px 0;}
  .lqNav_btn::before, .lqNav_btn::after { content: ''; display: block; height: 2px; background-color: #fff;}  
  .lqNav_list .lqNav_mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 9998;}
  .lqTop_Link{margin: 14px 0 0 15px;height:34px;line-height:34px;font-size:13px; padding:0 15px;}
  .lqNav_list>ul>li:hover>a::after, .lqNav_list>ul>li.active>a::after{ display:none;}
}

@media (max-width:1024px) {
.lyFoot_Nav ul li:first-child{ width:60%;}
.lyFoot_Nav ul li:nth-child(2){ width:40%;}
}

@media (max-width:920px) {
.lyFoot_L{ display:none;}
.lyFoot_Nav{ margin-left:0;}
.lyFoot_Right{ width:100%;}
}

@media (max-width:820px) {
  .lqTop .lqSearch { position: inherit;}
  .lqForm {width:250px;height: auto;top: 3px; right:45px;z-index: 9;}
  .lqForm .lqForm_ipt {width: calc(100% - 50px);height: 32px;line-height: 32px;font-size: 13px;padding: 0 10px;}
  .lqForm .lqForm_btn {height: 32px;}
  .lqForm .lqForm_btn i {padding: 8px;}
}

@media (max-width:767px) {
  .lqTop .lqNav { margin-left: 10px;}
  .lqNav_list>ul { width: 60%;}
  .lqNav_list>ul>li a { padding: 0 50px 0 20px;}
  .lqNav_list>ul>li i { width: 50px; height: 60px; padding: 15px;}
  .lqNav_list>ul>li ul { padding: 0 20px;}
  .lqNav_list>ul>li ul li a { font-size: 14px; padding: 0 0 0 12px;}
   
  .lqTop_Link,.lyFoot_Main{ display:none;}
  .lqForm {width:200px;}
  .lyFoot_Copy { border:0; text-align:center;}
}

@media (max-width:375px) {
.lqHeader span.share,.lqSearch a.lqSearch_btn{ display:none;}
.lqHeader .lqSearch{ width:58%; float:left;}
.lqForm{ display:block; width:100%; right:inherit;}
}

@media (max-width:320px) {
  .lqNav_btn i { margin: 4px 0;}
  .lqNav_list>ul { width: 70%;}
  .lqHeader .lqSearch{ width:50%;}
}

/*nqBanner begin*/
.nqBanner { width: 100%; height:240px; overflow: hidden;position: relative; }
.nqBanner .nqBa_Text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top:-20px; }
.nqBa_Text p { width: 100%; color: #165ac6; font-size:48px; font-weight: bold; text-align: center; }
.Crumb {overflow: hidden;color:#777; font-size: 16px; text-align: center;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;  max-height:52px; line-height:26px;}
.Crumb i{ display:inline-block; width:20px; height:20px; margin:0 10px -3px 0;}
.Crumb img.jt { display: inline-block; vertical-align: middle; margin: 0 10px; }
.Crumb a,.Crumb span { color:#777; font-size: 16px;}
.Crumb span{ color:#222;}

/*nqNavigation begin*/
.nqNavigation{ padding:30px 0; background:#165ac6; overflow:hidden; text-align:center; margin-top:-50px; position:relative; border-radius:20px;}
.nqNavigation ul li{height:44px;display:inline-block; border:1px solid #fff; margin:0 5px; border-radius:10px;}
.nqNavigation ul li i{ display:inline-block; width:20px; height:20px; margin:0 8px -4px 0;}
.nqNavigation ul li a{ color:#fff; display:block; width:100%; height:100%;padding:10px 40px;}
.nqNavigation ul li.on,.nqNavigation ul li:hover{ background:#fff;}
.nqNavigation ul li.on a,.nqNavigation ul li:hover a{ color:#165ac6;}
.nqNavigation ul li.on i svg path,.nqNavigation ul li:hover i svg path{fill:#165ac6; }

.nycat_title{font-weight:bold; font-size:36px;}
.nycat_title1{ text-align:center; margin-bottom:45px;}
.nycat_ms{font-size:16px; color:#777; line-height:26px; margin:10px 0 30px;}

/* nyPage start */
.nyPage {width: 100%;margin: 10px auto 0;font-size: 0;text-align: center;}
.nyPage a { display: inline-block; width: auto; height: 40px; overflow: hidden; line-height: 40px; color: #555; font-size: 16px; text-align: center; text-transform: capitalize; background-color: #f8f8f8; vertical-align: top; margin: 0 8px; padding: 0 10px; position: relative; border-radius:4px; }
.nyPage1 a { background:#fff;}
.nyPage a:hover, .nyPage1 a:hover { color: #fff; background-color: #165ac6;}
.nyPage a i { display: block; width: 18px; height: 18px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.nyPage a i svg { display: block; width: 100%; height: 100%; margin: 0 auto; }
.nyPage a i svg path { fill: #555555; }
.nyPage a:hover i svg path { fill: #ffffff; }

.nyPage input { display: none; vertical-align: middle; width: 48px !important; height: 32px !important; line-height: 30px; color: #fff; font-size: 16px; text-align: center; background-color: #025cb0; border: 1px solid #025cb0; border-radius: 4px; outline: none; cursor: pointer;}
.nyPage input.p_input { color: #222; background-color: #fff; border: 1px solid #ddd; margin: 0 5px; cursor: auto;}
@media (max-width:1680px) {
.nqBanner{ height:220px;}
.nqBa_Text p{ font-size:44px;}
.nqNavigation{ padding:25px 0; margin-top:-46px;}
.nqNavigation ul li{  height:42px;}
.nqNavigation ul li a{padding:9px 34px;}
.nycat_title{ font-size:33px;}
}
@media (max-width:1560px) {
.nycat_title{ font-size:30px;}
}

@media (max-width:1440px) {
  .nqBanner{ height:200px;}
  .nqBa_Text p{ font-size:40px;}
  .Crumb,.Crumb a, .Crumb span{ font-size:15px;}
  .nqNavigation{ padding:20px 0; margin-top:-39px; border-radius:15px;}
  .nqNavigation ul li{ height:38px;border-radius:8px;}
  .nqNavigation ul li a{ font-size:15px; padding:7px 28px;}
  .nqNavigation ul li i{ width:18px; height:18px;margin: 0 6px -4px 0;}
  .nycat_ms{ font-size:15px;}
  .nycat_title1{ margin-bottom:35px;}
  .nyPage a { height: 38px; line-height: 38px;}
}

@media (max-width:1200px) {
  .Crumb,.Crumb a, .Crumb span{ font-size:14px;}
  .nqNavigation{ padding:15px 0; margin-top:-32px;border-radius:10px;}
  .nqNavigation ul li{  height:34px;border-radius:5px;}
  .nqNavigation ul li a{ font-size:14px;padding:5px 20px;}
  .nqNavigation ul li i{ width:16px; height:16px;margin: 0 6px -3px 0;}
    
  .nqBanner .BaImg{object-fit: fill;}
  .nqBanner .nqBa_Text{ margin-top:-15px;}
  .nqBa_Text p{ font-size:36px;}
  .nycat_title{ font-size:28px;}
  .nycat_title1{ margin-bottom:25px;}
  .nycat_ms{ font-size:14px;}
}


@media (max-width:1024px) {
  .nqBanner{ height:180px;}
  .nqBa_Text p{ font-size:32px;}
  .nycat_title{ font-size:26px;}
}

@media (max-width:920px) {
  .nqNavigation ul li a{padding:5px 15px;}
}

@media (max-width:767px) {
  .nqBa_Text p{ font-size:28px;}
  .nycat_title{ font-size:24px;}
  .nycat_ms .ms{margin: 5px 0 15px;}
  .Crumb{ line-height:24px; max-height:48px;}
  .Crumb img.jt{ height:7px;}
  .Crumb i{ width:18px; height:18px;margin: 0 8px -3px 0;}

}

@media (max-width:500px) {
.nqBanner{ height:160px;}
.nqNavigation ul li{ margin:0 3px;}
.ly_de .nqNavigation ul li,.ly_spa .nqNavigation ul li{ margin:5px 3px;}
.nqNavigation ul li a{padding:5px 10px;}
}

@media (max-width:320px) {
  .nqNavigation ul li{ margin:0 2px;}
  .ly_de .nqNavigation ul li,.ly_spa .nqNavigation ul li,.ly_kor .nqNavigation ul li{ margin:5px 2px;}

}
/*cookie*/
.cookie-banner {position: fixed; bottom:20px;left:50%; transform:translateX(-50%); background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(8px); padding: 30px 40px;display: flex; align-items: center;justify-content: space-between;gap: 32px;z-index:10000; display:none;}
.banner-content { flex: 1;font-size: 18px}
.banner-content p{ color:#fff;}
.banner-content a {color: #165ac6;text-decoration: underline;}
.banner-buttons {display: flex;gap: 16px;flex-shrink: 0; margin-top:15px;}
.cookie-btn { padding: 8px 20px; border-radius: 0;font-size: 18px;font-weight: 600; cursor: pointer; border: none; margin-right:10px;}
.btn-accept {background: #165ac6;color: #fff;}
.btn-customize { background: transparent;color: #fff; border: 2px solid #fff;}
.modal-overlay {position: fixed; top: 0; left: 0; right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7); display: none; z-index: 10001;}
.cookie-modal { position: absolute; top: 0; left: 0;width: 40%;height: 100vh;background: #fff;color: #000;padding: 14px 24px 24px;overflow-y: auto;display: flex; flex-direction: column;}
.modal-header img{ width:230px;}
.modal-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px solid #f1f3f5;padding: 0px 0 15px;}
.modal-close { background: #eee; border: none; width: 40px; height: 40px;border-radius: 4px;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.modal-intro { font-size: 14px;line-height: 1.6; margin-bottom: 24px;}
.modal-intro span{ font-size:16px;font-weight: bold;color:#2d4156;}
.modal-intro p{ margin-top:10px;color: #555;line-height: 1.7; font-size:14px;}
.modal-intro a { color: #165ac6;}
.cookie-item { background: #f5f5f5; border-radius: 6px;padding: 12px 16px;margin-bottom: 8px;display: flex; align-items: center;justify-content: space-between;cursor: pointer;}
.cookie-item-header { display: flex;align-items: center;gap: 8px;font-weight: 600;font-size: 16px;}
.cookie-item-header svg{ width:14px; height:14px; fill:#2d4156;}
.cookie-item-header span{ font-weight: bold;color:#2d4156;}
.toggle-switch { position: relative;width: 52px;height: 28px;}
.toggle-switch input { opacity: 0; width: 0; height: 0;}
.toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 999px; }
.toggle-slider:before { position: absolute; content: "✕" !important;display: flex !important;align-items: center !important;justify-content: center !important;height: 22px; width: 22px; left: 3px; bottom: 3px;background-color: white; border-radius: 50%;font-size: 12px;color: #999;}
input:checked + .toggle-slider {background-color: #165ac6;}
input:checked + .toggle-slider::before {content: "✓" !important; color: #165ac6 !important;transform: translateX(24px) !important;}
input:disabled + .toggle-slider {opacity: 0.7;cursor: not-allowed;}
.contact-block {background: #fff; border: 1px solid #eee; border-radius: 6px; padding: 16px;margin: 20px 0;font-size: 14px; line-height: 1.6;}
.contact-block span{ font-size:16px;font-weight: bold;color:#2d4156;}
.contact-block p{ margin-top:10px;color: #555;line-height: 1.7; font-size:14px;}
.contact-block a { color: #165ac6;}
.modal-footer {display: flex; gap: 12px; padding-top: 30px;}
.modal-footer button {padding: 10px 20px; border-radius: 4px; font-size: 14px;font-weight: 600; cursor: pointer; border: none;}
.btn-accept-all { background: #165ac6; color: #fff;}
.btn-reject, .btn-save { background: #eee;color: #000;}
.btn-reject:hover, .btn-save:hover { background: #165ac6;color: #fff;}

/* 关键修复：确保所有按钮在移动端可点击 */
.cookie-btn, .modal-footer button, .modal-close, .cookie-item, .toggle-slider {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* 修复移动端宽度溢出 */
@media (max-width: 1200px) {
	.cookie-modal{ width:50%;}
}
@media (max-width: 1024px) {
	.cookie-modal{ width:70%;}
}
@media (max-width:820px) {
	.cookie-modal{ width:80%;}
	.cookie-banner{padding:20px !important; bottom:10px !important; left:50% !important; transform:translateX(-50%) !important;}
	.cookie-banner p{ width:100%; margin-bottom:15px; font-size:15px; line-height:1.6;}
	.banner-buttons{ justify-content:flex-start; margin-top:10px;}
	.cookie-btn{ margin-left:0; font-weight:300; font-size:16px;padding: 8px 16px;}
}
@media (max-width: 767px) {
	.cookie-modal{ width:100%; padding:14px 18px;}
	.cookie-banner p { line-height:1.5; font-size:14px;}
}

/*lyRight start*/
.lyRight { position: fixed; right: 10px; top: 50%; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.lyRight ul li { margin: 10px 0;}
.lyRight ul li a, .lyRight ul li i { display: block; width: 46px; height: 46px; overflow: hidden; border-radius: 50%; padding: 13px; cursor: pointer; background:#ccc;}
.lyRight ul li a:hover,.lyRight ul li i:hover{ background:#165ac6;}
@media (max-width: 767px) {
.lyRight ul li a.whatsapp,.lyRight ul li a.email,.lyRight ul li a.X,.lyRight ul li a.facebook{ display:none;}
.lyRight ul li a, .lyRight ul li i{ width:40px; height:40px; padding:11px;}
}

/*lyRight end*/