@charset "utf-8";
html{-webkit-text-size-adjust:100%;max-width:100%;height:100%;font-family:'Lato', Helvetica, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 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:65%;vertical-align:baseline}
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:#EA538D!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}
a img,a img.img{ will-change:transform; transition:transform 2s; -webkit-transition:transform 2s; -moz-transition:transform 2s; -ms-transition:transform 2s; -o-transition:transform 2s; }/*will-change: transform; GPU渲染，使得动画更平顺*/
a:hover img.img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }
@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 */


/*--------------
4k:4096×2160;  2k:2560px;
4k*0.4=1638.4;   2k*0.6=1536; 1920*08=1536
--------------*/
.w{margin-left:auto;margin-right:auto;width:96%;max-width:1200px}/*【xxxxxx→ 1500px ←xxxxxxx】*/
.wp{margin-left:auto;margin-right:auto;padding-left:3%;padding-right:3%;max-width:1200px;}
.c{padding-left:3%;padding-right:3%;text-align:center}



.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}
}

.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}



/*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}
.imgbox::before{padding-bottom:100%;}
.imgbox47::before{padding-bottom:47%;}
.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%; }

/*阴影*/
.bs{box-shadow:0 0 8px rgba(0,0,0,.2)}.bs:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.bs1{box-shadow:0 4px 31px 0 rgba(0, 0, 0, .07);}.bs1:hover{box-shadow:0 4px 31px 0 rgba(0, 0, 0, .14);}
.bsi{ filter: drop-shadow(rgba(50,50,50,.2) 2px 4px 8px) drop-shadow(rgba(50,50,50,.2) 4px 8px 16px) drop-shadow(rgba(50,50,50,.2) 8px 16px 32px); -webkit-filter: drop-shadow(rgba(50,50,50,.2) 2px 4px 8px) drop-shadow(rgba(50,50,50,.2) 4px 8px 16px) drop-shadow(rgba(50,50,50,.2) 8px 16px 32px); }

/*按钮*/
[class^="btn"] {display:inline-block; padding:.5em 0; min-width:6rem; max-width:calc(100% - 4em);text-overflow:ellipsis;white-space:nowrap;text-align:center;vertical-align:middle;}

.btn{border-radius:2em;background:#00B22D;color:#fff!important;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
-webkit-transition-property: transform;transition-property: transform;  will-change:transform;}
.btn:hover,.btn:focus, .btn:active{background: #3d4054;color:#fff!important;-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.btn::after{pointer-events:none;
    position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;
    background:-webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration:0.3s;transition-duration:0.3s;
    -webkit-transition-property:transform, opacity;transition-property:transform, opacity;  will-change:transform;}
.btn:hover::after{opacity:1; -webkit-transform: translateY(5px);transform: translateY(5px);}



/*--↓分页--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*/

/*======================
 回到顶部按钮样式 
 ======================*/
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color:#fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.back-to-top:hover {
    transform: translateY(-3px);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}
/* 回到顶部按钮样式 end */