@charset "utf-8";
html{-webkit-text-size-adjust:100%;max-width:100%;height:100%;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
body{line-height:1.6;margin:0;height:auto!important;min-height:100%!important;box-sizing:border-box;position:relative;overflow-x:hidden;color:#333}
main{display:block}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.5;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
template{display:none}
[hidden]{display:none!important}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.video embed,.video object,.video iframe{width:100%;height:auto}
video,iframe{max-width:100%}
svg{vertical-align:middle}

table{max-width:100%; word-break:break-all;border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb;border-left:0 none;}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) { table .pure-g {display:block} }
table caption{color:#000;font:italic 85%/1 arial, sans-serif;padding:1em 0;text-align:center}
table tr, table td{width:auto!important;}
table td, table th{border-left:1px solid #cbcbcb;box-shadow: -1px 0 0 0 #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}
table td:first-child, table th:first-child {border-left-width:0}
table thead {background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}
table td {background-color:transparent}
table td {border-bottom:1px solid #cbcbcb}
table tbody>tr:last-child>td {border-bottom-width:0}

a{color:#222;background-color:transparent;text-decoration:none;outline:none}a:hover,.active,.on{color:var(--bg)!important;}
:focus{outline:0;}/*去除焦点元素的蓝色边框*/

img{border-style:none;max-width:100%;height:auto; max-height:100%;width:auto\9;vertical-align:middle;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
#content img,#content2 img,#content3 img,#content4 img{max-width:100%!important;height:auto!important; max-height:100%!important;width:auto\9;vertical-align:middle}
#content p:has(> img:only-child),#content2 p:has(> img:only-child),#content3 p:has(> img:only-child),#content4 p:has(> img:only-child){margin:0}
.dong, a img, a:hover img, .xiao img, .xiao:hover img, .da img, .da:hover img{-webkit-transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;-moz-transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;transition:all 0.6s cubic-bezier(0.216, 0.62, 0.356, 1) 0s;will-change:transform;}/*will-change: transform; GPU渲染，使得动画更平顺*/
.xiao:hover img,a:hover img.xiao{transform:scale(.96)}
.da:hover img,a:hover img.da{transform:scale(1.1)}
@font-face {
  font-family: 'iconfont';
  src: url('/template/iconfont/iconfont.woff2') format('woff2'),
       url('/template/iconfont/iconfont.woff') format('woff'),
       url('/template/iconfont/iconfont.ttf') format('truetype');
}
.i{display:inline-block;font-size:1em;font-family:"iconfont"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

li{list-style:none}
#content li,#content2 li,#content3 li,#content4 li{list-style:disc;}


html{font-size:16px}
.fx{font-size:14px}
@media(max-width:1400px){ html{font-size:14px}.fx{font-size:12px} }
@media(max-width:1023px){ html{font-size:12px} }
.fd-xxl{font-size:4rem}/* 16*4=64px  14*4=56px  12*4=48px */
.fd-xl{font-size:3rem}/* 16*3=48px  14*3=42px  12*3=36px */
.fd-l{font-size:2rem}/* 16*2=32px  14*2=28px  12*2=24px */
.fd-m{font-size:1.5rem}/* 16*1.5=24px  14*1.5=21px  12*1.5=18px */
.fd-s{font-size:1.25rem}/* 16*1.25=20px  14*1.25=17px  12*1.25=15px */



.w{margin-left:auto;margin-right:auto;width:96%;max-width:1300px}
.wp{margin-left:auto;margin-right:auto;padding-left:3%;padding-right:3%;max-width:1300px;}
.c{padding-left:3%;padding-right:3%;text-align:center}

.mt-l{margin-top:4rem}     .mt-m{margin-top:3rem}     .mt-s{margin-top:2rem}
.mb-l{margin-bottom:4rem}  .mb-m{margin-bottom:3rem}  .mb-s{margin-bottom:2rem}
.pt-l{padding-top:4rem}    .pt-m{padding-top:3rem}    .pt-s{padding-top:2rem}
.pb-l{padding-bottom:4rem} .pb-m{padding-bottom:3rem} .pb-s{padding-bottom:2rem}


.pure-g,.w001,.w002,.w003,.w004,.w005,.w006,.w007,.w008,.w009,.w010{letter-spacing:-.31em;text-rendering:optimizespeed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start;padding-left:0;}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}
.g0,.g,.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.gm0,.gm,.gm1,.gm2,.gm3,.gm4,.gm5,.gm6,.gm7,.gm8,.gm9.gm10,.w0,.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24,.w25,.w26,.w27,.w28,.w29,.w30,.w31,.w32,.w33,.w34,.w35,.w36,.w37,.w38,.w39,.w40,.w41,.w42,.w43,.w44,.w45,.w46,.w47,.w48,.w49,.w50,.w51,.w52,.w53,.w54,.w55,.w56,.w57,.w58,.w59,.w60,.w61,.w62,.w63,.w64,.w65,.w66,.w67,.w68,.w69,.w70,.w71,.w72,.w73,.w74,.w75,.w76,.w77,.w78,.w79,.w80,.w81,.w82,.w83,.w84,.w85,.w86,.w87,.w88,.w89,.w90,.w91,.w92,.w93,.w94,.w95,.w96,.w97,.w98,.w99,.w100,.s0,.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18,.s19,.s20,.s21,.s22,.s23,.s24,.s25,.s26,.s27,.s28,.s29,.s30,.s31,.s32,.s33,.s34,.s35,.s36,.s37,.s38,.s39,.s40,.s41,.s42,.s43,.s44,.s45,.s46,.s47,.s48,.s49,.s50,.s51,.s52,.s53,.s54,.s55,.s56,.s57,.s58,.s59,.s60,.s61,.s62,.s63,.s64,.s65,.s66,.s67,.s68,.s69,.s70,.s71,.s72,.s73,.s74,.s75,.s76,.s77,.s78,.s79,.s80,.s81,.s82,.s83,.s84,.s85,.s86,.s87,.s88,.s89,.s90,.s91,.s92,.s93,.s94,.s95,.s96,.s97,.s98,.s99,.s100{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;zoom:1}

.g0{display:none}.g,.g1{width:100%}.g2{width:50%}.g3{width:33.3333%}.g4{width:25%}.g5{width:20%}.g6{width:16.6666%}.g7{width:14.2857%}.g8{width:12.5%}.g9{width:11.1111%}.g10{width:10%}
.w0{width:0;display:none}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}
.pure-g>.g2:nth-of-type(n+3),.pure-g>.g3:nth-of-type(n+4),.pure-g>.g4:nth-of-type(n+5),.pure-g>.g5:nth-of-type(n+6),.pure-g>.g6:nth-of-type(n+7),.pure-g>.g7:nth-of-type(n+8),.pure-g>.g8:nth-of-type(n+9),.pure-g>.g9:nth-of-type(n+10),.pure-g>.g10:nth-of-type(n+11){margin-top:1rem}
@media (max-width:767px) {
    .gm0{display:none}.gm,.gm1{width:100%}.gm2{width:50%}.gm3{width:33.3333%}.gm4{width:25%}.gm5{width:20%}.gm6{width:16.6666%}.gm7{width:14.2857%}.gm8{width:12.5%}.gm9{width:11.1111%}.gm10{width:10%}
    .s0{width:0;display:none}.s1{width:1%}.s2{width:2%}.s3{width:3%}.s4{width:4%}.s5{width:5%}.s6{width:6%}.s7{width:7%}.s8{width:8%}.s9{width:9%}.s10{width:10%}.s11{width:11%}.s12{width:12%}.s13{width:13%}.s14{width:14%}.s15{width:15%}.s16{width:16%}.s17{width:17%}.s18{width:18%}.s19{width:19%}.s20{width:20%}.s21{width:21%}.s22{width:22%}.s23{width:23%}.s24{width:24%}.s25{width:25%}.s26{width:26%}.s27{width:27%}.s28{width:28%}.s29{width:29%}.s30{width:30%}.s31{width:31%}.s32{width:32%}.s33{width:33%}.s34{width:34%}.s35{width:35%}.s36{width:36%}.s37{width:37%}.s38{width:38%}.s39{width:39%}.s40{width:40%}.s41{width:41%}.s42{width:42%}.s43{width:43%}.s44{width:44%}.s45{width:45%}.s46{width:46%}.s47{width:47%}.s48{width:48%}.s49{width:49%}.s50{width:50%}.s51{width:51%}.s52{width:52%}.s53{width:53%}.s54{width:54%}.s55{width:55%}.s56{width:56%}.s57{width:57%}.s58{width:58%}.s59{width:59%}.s60{width:60%}.s61{width:61%}.s62{width:62%}.s63{width:63%}.s64{width:64%}.s65{width:65%}.s66{width:66%}.s67{width:67%}.s68{width:68%}.s69{width:69%}.s70{width:70%}.s71{width:71%}.s72{width:72%}.s73{width:73%}.s74{width:74%}.s75{width:75%}.s76{width:76%}.s77{width:77%}.s78{width:78%}.s79{width:79%}.s80{width:80%}.s81{width:81%}.s82{width:82%}.s83{width:83%}.s84{width:84%}.s85{width:85%}.s86{width:86%}.s87{width:87%}.s88{width:88%}.s89{width:89%}.s90{width:90%}.s91{width:91%}.s92{width:92%}.s93{width:93%}.s94{width:94%}.s95{width:95%}.s96{width:96%}.s97{width:97%}.s98{width:98%}.s99{width:99%}.s100{width:100%}
    .pure-g>.gm2:nth-of-type(n+3),.pure-g>.gm3:nth-of-type(n+4),.pure-g>.gm4:nth-of-type(n+5),.pure-g>.gm5:nth-of-type(n+6),.pure-g>.gm6:nth-of-type(n+7),.pure-g>.gm7:nth-of-type(n+8),.pure-g>.gm8:nth-of-type(n+9),.pure-g>.gm9:nth-of-type(n+10),.pure-g>.gm10:nth-of-type(n+11){margin-top:1rem}
}
.ml1{margin-left:1%}.ml2{margin-left:2%}.ml3{margin-left:3%}.ml4{margin-left:4%}.ml5{margin-left:5%}.ml6{margin-left:6%}.ml7{margin-left:7%}.ml8{margin-left:8%}.ml9{margin-left:9%}.ml10{margin-left:10%}
@media (max-width:767px) {
.s100.ml1,.gm.ml1,.gm1.ml1,.s100.ml2,.gm.ml2,.gm1.ml2,.s100.ml3,.gm.ml3,.gm1.ml3,.s100.ml4,.gm.ml4,.gm1.ml4,.s100.ml5,.gm.ml5,.gm1.ml5,.s100.ml6,.gm.ml6,.gm1.ml6,.s100.ml7,.gm.ml7,.gm1.ml7,.s100.ml8,.gm.ml8,.gm1.ml8,.s100.ml9,.gm.ml9,.gm1.ml9,.s100.ml10,.gm.ml10,.gm1.ml10{margin-left:0}
}

.w001{width:101%;margin-left:-1%;padding-left:0;margin-top:0;margin-bottom:0}
.w001>.g1{width:99.00990099%;margin-left:0.9900990099%}
.w001>.g2{width:49.009901%}.w001>.g3{width:32.343234%}.w001>.g4{width:24.009901%}.w001>.g5{width:19.009901%}.w001>.g6{width:15.676567%}.w001>.g7{width:13.295615%}.w001>.g8{width:11.509901%}.w001>.g9{width:10.121012%}
.w001>.g2, .w001>.g3, .w001>.g4, .w001>.g5, .w001>.g6, .w001>.g7, .w001>.g8, .w001>.g9{margin-left:.990099%;}
.w001>.g1:not(:first-child),.w001>.g2:nth-of-type(n+3),.w001>.g3:nth-of-type(n+4),.w001>.g4:nth-of-type(n+5),.w001>.g5:nth-of-type(n+6),.w001>.g6:nth-of-type(n+7),.w001>.g7:nth-of-type(n+8),.w001>.g8:nth-of-type(n+9),.w001>.g9:nth-of-type(n+10){margin-top:.990099%}

.w002{width:102%;margin-left:-2%;padding-left:0;margin-top:0;margin-bottom:0}
.w002>.g1{width:98.039215686%;margin-left:1.960784314%}
.w002>.g2{width:48.039216%}.w002>.g3{width:31.372549%}.w002>.g4{width:23.039216%}.w002>.g5{width:18.039216%}.w002>.g6{width:14.705882%}.w002>.g7{width:12.32493%}.w002>.g8{width:10.539216%}.w002>.g9{width:9.150327%}
.w002>.g2, .w002>.g3, .w002>.g4, .w002>.g5, .w002>.g6,.w002>.g7, .w002>.g8, .w002>.g9{margin-left:1.961%}
.w002>.g1:not(:first-child),.w002>.g2:nth-of-type(n+3),.w002>.g3:nth-of-type(n+4),.w002>.g4:nth-of-type(n+5),.w002>.g5:nth-of-type(n+6),.w002>.g6:nth-of-type(n+7),.w002>.g7:nth-of-type(n+8),.w002>.g8:nth-of-type(n+9),.w002>.g9:nth-of-type(n+10){margin-top:1.960784%}

.w003{width:103%;margin-left:-3%;padding-left:0;margin-top:0;margin-bottom:0}
.w003>.g2{width:47.087379%}.w003>.g3{width:30.420712%}.w003>.g4{width:22.087379%}.w003>.g5{width:17.087379%}.w003>.g6{width:13.754045%}
.w003>.g2, .w003>.g3, .w003>.g4, .w003>.g5, .w003>.g6{margin-left:2.912621%}
.w003>.g1:not(:first-child),.w003>.g2:nth-of-type(n+3),.w003>.g3:nth-of-type(n+4),.w003>.g4:nth-of-type(n+5),.w003>.g5:nth-of-type(n+6),.w003>.g6:nth-of-type(n+7){margin-top:2.912621%}

/*.w001~.w006外盒必须套上.w(或.ww)， 如果.w001~.w006盒子内有.g1，必须是不同的HTML标签，如.g2~.g9是li元素，那么盒子内的.g1必须是非li元素，如<h2> */

@media (max-width:767px) {
    .w001>.gm1{width:99.009901%}.w001>.gm2{width:49.009901%}.w001>.gm3{width:32.343234%}
    .w001>.gm1:not(:first-child),.w001>.gm2:nth-of-type(n+3),.w001>.gm3:nth-of-type(n+4){margin-top:.990099%}
    .w002>.gm1{width:98.039216%}.w002>.gm2{width:48.039216%}.w002>.gm3{width:31.372549%}
    .w002>.gm1:not(:first-child),.w002>.gm2:nth-of-type(n+3),.w002>.gm3:nth-of-type(n+4){margin-top:1.960784%}
    .w003>.gm1{width:97.087379%}.w003>.gm2{width:47.087379%}.w003>.gm3{width:30.420712%}
    .w003>.gm1:not(:first-child),.w003>.gm2:nth-of-type(n+3),.w003>.gm3:nth-of-type(n+4){margin-top:1em}
}




/*flex居中*/
.jz-x,.jz-y,.jz-xy,.jz-xr-y{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
    /*水平居中 X轴*/
.jz-x{justify-content:center;}
    /*垂直居中 Y轴*/
.jz-y,.jz-xy,.jz-xr-y{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;}
    /*垂直居中 + 水平居中 X轴+Y轴*/
.jz-xy{-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;}
    /*垂直居中 Y + 水平X轴居右*/
.jz-xr-y{-webkit-box-pack:right;-webkit-justify-content:right;-moz-justify-content:right;-ms-justify-content:right;-o-justify-content:right;justify-content:right;}

.jz-x>div,.jz-x>p,.jz-x>span,
.jz-y>div,.jz-y>p,.jz-y>span,
.jz-xy>div,.jz-xy>p,.jz-xy>span,
.jz-xr-y>div,.jz-xr-y>p,.jz-xr-y>span{box-sizing:border-box; max-width:100%; max-height:100%; overflow:hidden; overflow-wrap:anywhere; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; margin:0;}/*设置padding*/
/*居中盒子会超越父盒子，需要设置max-width、max-height*/
/*   .w001 → .g5（设置.jz-xy） → <div>居中内容</div>  【div、p、span】  */


.hang,.hang1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hang2,.hang3,.hang4,.hang5,.hang6,.hang7,.hang8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.hang2{-webkit-line-clamp:2;}.hang3{-webkit-line-clamp:3;}.hang4{-webkit-line-clamp:4;}.hang5{-webkit-line-clamp:5;}.hang6{-webkit-line-clamp:6;}.hang7{-webkit-line-clamp:7;}.hang8{-webkit-line-clamp:8;}


/*img 盒子*/
.imgbox,.imgbox47,.imgbox50,.imgbox56,.imgbox60,.imgbox75,.imgbox110,.imgbox120,.imgbox130,.imgbox140,.imgbox150{display:block;position:relative;overflow:hidden;}
.imgbox::before,.imgbox47::before,.imgbox50::before,.imgbox56::before,.imgbox60::before,.imgbox75::before,.imgbox110::before,.imgbox120::before,.imgbox130::before,.imgbox140::before,.imgbox150::before{content:"";display:block;height:0}
.imgbox47::before{padding-bottom:47%;}
.imgbox::before{padding-bottom:100%;}
.imgbox50::before{padding-bottom:50%;}
.imgbox56::before{padding-bottom:56.25%;}/*宽高比：16/9*/
.imgbox60::before{padding-bottom:60%;}
.imgbox75::before{padding-bottom:75%;}/*4/3*/
.imgbox110::before{padding-bottom:110%;}
.imgbox120::before{padding-bottom:120%;}
.imgbox130::before{padding-bottom:130%;}
.imgbox140::before{padding-bottom:140%;}
.imgbox150::before{padding-bottom:150%;}
.img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; /* 关键属性：保持宽高比并填满容器 */  display:block; /* 消除图片底部缝隙 */ z-index:1;}
/*html: 1————无a链接————<div class="imgbox"><img src="" alt="" class="img" loading="lazy"></div>     2————<div> <a href="" class="imgbox"><img src="" alt="" class="img" loading="lazy"></a> </div>     支持图片懒加载*/

.imgpx,.imgpx img{image-rendering:pixelated}

/*边框*/
.bd{box-shadow:0 0 0 1px #d6dde9}.bod:hover{box-shadow:0 0 8px 0 #dce5ed}

/*圆角*/
.br{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.br2{ border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; -ms-border-radius:2em; -o-border-radius:2em; }
.br50{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }

/*按钮*/
.btn{display:inline-block;padding:0 1em;min-width:120px;text-align:center; line-height:2.5rem; border:1px solid var(--dzs);cursor:pointer;}
.btn:hover{background-color: var(--dzs);color: #fff!important;}


/*--↓分页--ok*/
.fy{margin:30px auto;font: 12px/12px Tahoma;text-align: center;padding:0;}
.fy li{margin:0 3px;padding:0;display:inline-block;}
.fy li.active a{color:#EF2525;pointer-events:none;}
.fy a,.fy>b{display:inline-block;line-height:30px;min-width:16px;padding:0 8px;border:1px solid #393e76;text-decoration:none;text-align:center;}
.fy>b,.fy a:hover{background:#393e76;color:#fff;border-color:#393e76;}
.nolink{pointer-events:none;opacity:.5}
.fyi{line-height:26px;}
.fy-ye{display:none;}
/*--↑分页 end--*/

/*↓上下篇ok*/
#sxp{margin:40px 0 10px 0; padding:10px 0; line-height:20px;overflow: hidden;font-size:14px;border-top:1px solid #fbfafa;color:#888;}
#sxp a{color:#035FA1; color:#555}
#sxp p{margin:0;padding:10px 0;}
#sxp i{color:#ccc;font-size:1em;}
#sxp .nosxp {color:#d9d6d6;font-size:1em;}
#sxp2 .no-more{color:#999;}
/*↑上下篇 end*/

/*↓留言咨询*/
.lybox{margin-right: auto;margin-left: auto;}
	.liuyan{display:block;}
    .ly-item p{font-weight: 700;}
	.ly-item p span{display: inline-block;color: #e94f23;margin-right:8px;}

	.liuyan input{height:40px;line-height:38px;}
	.liuyan input, .liuyan textarea{box-sizing:border-box;width:100%;padding:1px 8px;border:1px solid rgba(193,193,193,.4);outline:none;transition:.3s linear;	}
	.liuyan input[type=text]:focus,
    .liuyan input[type=password]:focus {border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(15,15,15,.075), 0 0 5px rgba(0,0,0,.3);background:rgba(255,255,255,1);}

	.liuyan textarea{height:10em;}
	.liuyan textarea:focus,
    .liuyan textarea[type=password]:focus {border-color:#fff;box-shadow:inset 0 1px 2px rgba(15,15,15,.075), 0 0 5px rgba(0,0,0,.3);background:rgba(255,255,255,1);}

    .ly-item{clear: both;position:relative; margin:1em 0;}
	.note{position:absolute;top:4em;left:8px; line-height:20px;padding:3px 5px;pointer-events: none;}

	.tj input{width:220px;max-width:100%; height:40px; display:inline-block;background:#40B12C; border:0 none;margin: auto;font-size:14px;color: #fff;border-radius:2px;}
    .aside-ly .tj input{width:100%;}
	.tj input:hover{background:#f49d1a; cursor:pointer;}

input::-webkit-input-placeholder {color:#bbb;}
input:-moz-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;}
input:-ms-input-placeholder {color:#bbb;}
.note{color:#bbb;}

@media(min-width:1200px) {
	.liuyan input{height:46px;line-height:44px;}
}

#captcha{position: relative;}
#captcha img{position:absolute;bottom:2px;right:2px; height:calc(100% - 4px);}
/*↑留言咨询 end*/

/*↓详情页产品图片放大特效*/
.zoom{display:block;position:relative;cursor:move;cursor:grab;cursor:-webkit-grab}
.zoom img{display:block}
.zoom img::selection {background-color:transparent}
@media(max-width:768px) {
    .zoom{pointer-events:none;}/*手机端去除放大效果*/
	.zoomImg{display:none!important;height:0!important;width:0!important;pointer-events:none!important;}
}
/*详情页产品图片放大特效 end*/





/*弹出留言*/

        /* 遮罩层样式 */
        #overlay {z-index:99998;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.3);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s ease;
        }

        /* 弹窗样式 - 确保居中 */
        #popup {z-index: 99999;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0.95);
            width: 100%;
            max-width: 500px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            opacity: 0;
            pointer-events: none;
            transition: all 0.5s ease;
        }

        /* 弹窗头部 */
        .popup-header {
            padding: 4px;
            display: flex;
            justify-content: flex-end;
        }

        #closeBtn {
            background: none;
            border: none;
            color: #6b7280;
            cursor: pointer;
            padding: 8px 8px 0 8px;
            transition: color 0.3s ease;
            font-size: 1.2rem;
        }

        #closeBtn:hover {
            color: #374151;
        }

        /* 自定义图标样式 */
        .icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            position: relative;
        }

        /* 关闭图标 (X) */
        .icon-close::before, .icon-close::after {
            content: '';
            position: absolute;
            width: 2px;
            height: 16px;
            background-color: currentColor;
            top: 4px;
            left: 11px;
        }

        .icon-close::before {
            transform: rotate(45deg);
        }

        .icon-close::after {
            transform: rotate(-45deg);
        }
.popup-logo{text-align: center;position: relative;top: -10px;}
.popup-logo img{display: inline-block;max-width: 260px;}

        /* 弹窗内容 */
        .popup-content {
            padding:1px 24px 24px;
        }

        .popup-content h3 {
            color: #1f2937;
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 16px;
            text-align: center;
        }

        .info-box {
            background-color: #f8f5f0;
            border-radius: 6px;
            padding:16px;
            margin-bottom: 20px;
            text-align: center;
        }

        .info-box p {
            color: #4b5563;
            margin:0 auto;
            font-size: 1.2em;
            line-height: 1.2;
        }

.liuyan-sm{font-size: 12px; color: #999; margin-top: 30px;}



       /* 侧边按钮 */
 #sideButton {
            width: 60px; height: 60px;
            position: fixed;
            right:1rem;
            bottom:1rem;
            transform: translateY(-50%) translateX(100%);
            background: -webkit-gradient(linear,left top,right top,from(#f28e26),to(#fd644f));
            background: linear-gradient(90deg,#f28e26,#fd644f);
            color: white;
            border: none;
            padding: 8px;
            cursor: pointer;
            z-index:99997;
            transition: transform 0.3s ease;
            border-radius:50%;
            -webkit-border-radius:50%;
            -moz-border-radius:50%;
            -ms-border-radius:50%;
            -o-border-radius:50%;
            box-shadow: 0 3px 12px rgba(0,0,0,.15);
}
        #sideButton i{font-size: 1.5em;margin:0 2px;}
        #sideButton:hover {         background-color: #744a20;        }
#sideButton::after{border-color: #fd644f;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    border: 1px solid #fd644f;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    opacity: .1;
    -webkit-animation: boxscale 2s linear 1s infinite;
    animation: boxscale 2s linear 1s infinite;
    z-index: -1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
@-webkit-keyframes boxscale{0%{border-width:0;opacity:.5}to{border-width:10px;opacity:0}}@keyframes boxscale{0%{border-width:0;opacity:.5}to{border-width:10px;opacity:0}}

        /* 显示状态类 */
        .show {
            opacity: 1 !important;
            pointer-events: auto !important;
            transform: translate(-50%, -50%) scale(1) !important;
        }

        .show-overlay {
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        .show-side {
            transform: translateY(-50%) translateX(0) !important;
        }
/*弹出留言 end*/










/*============                        ++ aos 效果 ++

---------fade 系列-----------透明度+位移 ★ ☆ ☆ ☆ ☆
data-aos="fade-up"                    底部 入场，向上移动
data-aos="fade-down"                  顶部 入场，向下移动
data-aos="fade-left"                  右侧 入场，向左移动
data-aos="fade-right"                 左侧 入场，向右移动
data-aos="fade-up-right"              左下角 入场，向右上角移动
data-aos="fade-up-left"               右下角 入场，向左上角移动
data-aos="fade-down-right"            左上角 入场，向下右下角移动
data-aos="fade-down-left"             右上角 入场，向下左下角移动



---------zoom 系列-----------缩放+位移 ★ ★ ☆ ☆ ☆
动画名称	                    初始状态	                                 视觉感受	             最佳应用
---------------------------------------------------------------------------------------------------------------
data-aos="zoom-in"              scale(0.6)	                                从缩小到正常	        图片查看器
---------------------------------------------------------------------------------------------------------------
data-aos="zoom-in-up"	        scale(0.6) + translateY(100px)	            从下方放大进入	        卡片弹窗
---------------------------------------------------------------------------------------------------------------
data-aos="zoom-in-down"	        scale(0.6) + translateY(-100px)	            从上方放大进入	        下拉通知
---------------------------------------------------------------------------------------------------------------
data-aos="zoom-in-left"	        scale(0.6) + translateX(100px)	            从左侧放大进入	        步骤指示器
---------------------------------------------------------------------------------------------------------------



---------slide 系列-----------位移  ★ ☆ ☆ ☆ ☆
【类似 fade-left 效果；   区别：fade-left有淡入（从透明到显示）效果，slide-left没有（一直显示）】
data-aos="slide-up"
data-aos="slide-down"
data-aos="slide-left"
data-aos="slide-right"
注意：会导致页面整体位移，如slide-left 会导致页面整体向左移动，右边出现空白


---------flip 系列-----------3D旋转 ★ ★ ★ ☆ ☆
data-aos="flip-up"
data-aos="flip-down"
data-aos="flip-left"
data-aos="flip-right"
★移动设备简化动画 
@media (max-width: 768px) {
  [data-aos='flip-left'] {
    transform: translateX(-50px) scale(0.8);   //简化3D效果为2D变换
  }
}


----------------------------------------------------------------------------------------------------------
动画家族         |     核心特征                   |     适用场景                       |      性能消耗
----------------------------------------------------------------------------------------------------------
 fade（淡入）    |     基于 透明度+位移 组合       |     文本段落、图片画廊              |      ★ ☆ ☆ ☆ ☆
----------------------------------------------------------------------------------------------------------
 zoom（缩放）    |     基于 缩放+位移 组合         |     卡片组件、重点内容              |      ★ ★ ☆ ☆ ☆
----------------------------------------------------------------------------------------------------------
 slide（滑动）   |     基于整元素的位移            |     导航菜单、侧边栏                |      ★ ☆ ☆ ☆ ☆
----------------------------------------------------------------------------------------------------------
 flip（翻转）    |     基于3D旋转变换              |     产品展示、交互卡片              |      ★ ★ ★ ☆ ☆
----------------------------------------------------------------------------------------------------------
注意：body内 最外层盒子需要设置  overflow: hidden; 防止页面左移（右边出现空白



延时：
data-aos-delay="200"

持续时间：
data-aos-duration="100"

easing：
data-aos-easing="ease-in-out-back"

-------------------------------------------------------
<!-- 延迟200ms，持续800ms的弹跳淡入效果 -->
<div 
  data-aos="fade-up" 
  data-aos-delay="200" 
  data-aos-duration="800" 
  data-aos-easing="ease-out-back"
>
  精心调校的动画元素
</div>
-------------------------------------------------------




==============*/