@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: 0; }
input, button, textarea, select, optgroup, option { resize: none; font: inherit; margin: 0; padding: 0; }
	input[type=text], input[type=button], input[type=submit], input[type=reset], button, textarea, select { font: inherit; outline: none; -webkit-appearance: none; border-radius: 0; border: 0; }
	input[type=button], input[type=submit] { border: none; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; font: inherit; }
ol, li, ul { list-style: none; }
.tableBox { width: 100%; }

	.tableBox table td { padding: 0.15rem 0.5rem !important; border-right: 0.05rem solid #fff !important; }
	.tableBox table td:first-child {		border-left: 0.05rem solid #fff !important;}

	.tableBox table .firstRow td { border-bottom: 1px solid rgba(0,0,0,.5); border-color: rgba(0,0,0,.5) !important; background: #e4e4e4; color: #000; padding: 0.15rem 0 !important; }
	.tableBox table tr:nth-child(2n + 1) { background-color: rgba(228,228,228,.5); }
	.tableBox table td { padding: 0.15rem 0.5rem !important; color: #000; }

:link, :visited, ins { text-decoration: none; }
body { font-family: "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important; font-size: .16rem; font-weight: 400; color: #333; line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: justify; }
a { color: inherit; }
img { vertical-align: middle; max-width: 100%; }
/* Project id 2980926 */
@font-face { font-family: 'iconfont'; src: url('./fonts/iconfont.ttf') format('truetype'); }
/* 
@font-face {
	font-family:'fontcps';
	src:url('./fonts/fontcps.ttf') format('truetype');
	font-display: swap
}*/
@font-face { font-family: 'fontcpb'; src: url('./fonts/fontcpb.ttf') format('truetype'); font-display: swap }
@font-face { font-family: 'fontdin'; src: url('./fonts/DINCond-Bold.otf') format('OpenType'); font-display: swap }
.fontcps { font-family: 'fontcps'; }
.fontcpb { font-family: 'fontcpb'; }
.fontdin { font-family: 'fontdin'; }
.divHover { cursor: pointer; transition: .5s; }
.fontDIN { font-family: 'fontDIN'; }
.fontGotham { font-family: 'fontGotham'; }
.fontzht { font-family: Microsoft JhengHei; }
.fontnormal { font-weight: normal; }
letter-spacing
.fontBold { font-weight: bold; }
.links { display: block; position: relative; }
.iconfont { font-family: "iconfont"; font-size: inherit; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.iconfont.right{  transform: rotate(270deg);}
.iconfont.left{  transform: rotate(90deg);}
.LA-btn{cursor: pointer;}
.iconTp { vertical-align: top; display: inline-block; }
.iconCt { vertical-align: middle; display: inline-block; }
.imgs img { display: block; width: 100%; }
.scaleImg, .scaleImg2, .scaleImg3, .halfImg { overflow: hidden; display: block; position: relative; }
	.scaleImg img, .scaleImg2 img, .halfImg img, img.scaleImg { width: 100%; transition: .6s; -webkit-transition: .6s; }
.products .scaleImg img { background-color: #fff; min-width: 10vw; min-height: 10vw; aspect-ratio: 1; }
.products .scaleImg .swiper-lazy { opacity: 0; }
.products .scaleImg .swiper-lazy-loaded { opacity: 1; }
.scaleImg2 img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.scaleImg3 img { width: 60%; transition: .6s; -webkit-transition: .6s; display: block; margin: auto; }
* { -webkit-tap-highlight-color: rgba(255,0,0,0); }
/*去掉手机端a链接点击时候出现的边框*/
.clear { clear: both; height: 0; font-size: 0; overflow: hidden; line-height: 0; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl, .floatLeft { float: left; }
.fr, .floatRight { float: right; }
.relative{position: relative; }
.absolute{position: absolute; }
.position2 { position: relative; z-index: 2; display: block; }
.position3 { position: relative; z-index: 3; display: block; }
.position4 { position: relative; z-index: 4; display: block; }
.singleTxt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.overHidden { overflow: hidden; }
.fontpfReg { font-weight: lighter; }
.ls { letter-spacing: 0.012rem; }
.ls0 { letter-spacing: 0; }
.ls1 { letter-spacing: 0.01rem; }
.upcase { text-transform: uppercase; }
.centers .upcase { letter-spacing: 0.01rem; }
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }
.blockDiv > img, .blockImg { display: block; width: 100%; }
.block { display: block; position: relative; }
.verTop { vertical-align: top; }
.verMid { vertical-align: middle; }
.versub { vertical-align: sub; }
.flex { display: flex; display: -webkit-flex; }
.flexcol { flex-direction: column; -webkit-flex-direction: column; }
.flexwp { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.flexbt { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-justify-content: space-between; }
.flexjt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; }
.flex1 { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; min-width: 0; }
.flex2 { -webkit-flex: 2; -ms-flex: 2; flex: 2; -webkit-box-flex: 2; -moz-box-flex: 2; min-width: 0; }
.flexat { align-items: center; -webkit-align-items: center; }
.flexst { align-items: flex-start; -webkit-align-items: flex-start; }
.flexend { justify-content: flex-end; -webkit-justify-content: flex-end; }
.flexrev { flex-flow: row-reverse; -webkit-flex-flow: row-reverse; }
#byhealth{scroll-margin-top: 1rem;}

.rights { text-align: right; }
.centers { text-align: center; }
.lefts { text-align: left; }
.opacity0 { opacity: 0; }
.swiperBtn-disabled { opacity: 0; display: block !important; }
.opacity1 { opacity: .1; }
.opacity2 { opacity: .2; }
.opacity3 { opacity: .3; }
.opacity4 { opacity: .4; }
.opacity5 { opacity: .5; }
.opacity6 { opacity: .6; }
.opacity7 { opacity: .7; }
.opacity8 { opacity: .8; }
.opacity9 { opacity: .9; }
.p0 { padding: 0 !important; }
.pt1 { padding-top: .1rem; }
.pt1_5 { padding-top: .15rem; }
.pt2 { padding-top: .2rem; }
.pt3 { padding-top: .3rem; }
.pt4 { padding-top: .4rem; }
.pt5 { padding-top: .5rem; }
.pt6 { padding-top: .6rem; }
.pt7 { padding-top: .7rem; }
.pt8 { padding-top: .8rem; }
.pt9 { padding-top: .9rem; }
.pt10 { padding-top: 1rem; }
.pb1 { padding-bottom: .1rem; }
.pb2 { padding-bottom: .2rem; }
.pb3 { padding-bottom: .3rem; }
.pb4 { padding-bottom: .4rem; }
.pb5 { padding-bottom: .5rem; }
.pb6 { padding-bottom: .6rem; }
.pb7 { padding-bottom: .7rem; }
.pb8 { padding-bottom: .8rem; }
.pb9 { padding-bottom: .9rem; }
.pb10 { padding-bottom: 1rem; }
.pb15 { padding-bottom: 1.5rem; }
.pb20 { padding-bottom: 2rem; }
.mt1 { margin-top: .1rem; }
.mt2 { margin-top: .2rem; }
.mt3 { margin-top: .3rem; }
.mt4 { margin-top: .4rem; }
.mt5 { margin-top: .5rem; }
.mt6 { margin-top: .6rem; }
.mt7 { margin-top: .7rem; }
.mt8 { margin-top: .8rem; }
.mt9 { margin-top: .9rem; }
.mt10 { margin-top: 1rem; }
.mb1 { margin-bottom: .1rem; }
.mb2 { margin-bottom: .2rem; }
.mb3 { margin-bottom: .3rem; }
.mb4 { margin-bottom: .4rem; }
.mb5 { margin-bottom: .5rem; }
.mb6 { margin-bottom: .6rem; }
.mb7 { margin-bottom: .7rem; }
.mb8 { margin-bottom: .8rem; }
.mb9 { margin-bottom: .9rem; }
.mb10 { margin-bottom: 1rem; }
.pl1 { padding-left: .1rem; }
.pl2 { padding-left: .2rem; }
.pl3 { padding-left: .3rem; }
.pl4 { padding-left: .4rem; }
.pl5 { padding-left: .5rem; }
.pl6 { padding-left: .6rem; }
.pl7 { padding-left: .7rem; }
.pl8 { padding-left: .8rem; }
.pl8 { padding-left: .9rem; }
.pl10 { padding-left: 1rem; }
.pr1 { padding-right: .1rem; }
.pr2 { padding-right: .2rem; }
.pr3 { padding-right: .3rem; }
.pr4 { padding-right: .4rem; }
.pr5 { padding-right: .5rem; }
.pr6 { padding-right: .6rem; }
.pr7 { padding-right: .7rem; }
.pr8 { padding-right: .8rem; }
.pr8 { padding-right: .9rem; }
.pr10 { padding-right: 1rem; }
.ml2- { margin-left: -0.2rem; }
.mr2- { margin-right: -0.2rem; }
.ml1 { margin-left: .1rem; }
.ml2 { margin-left: .2rem; }
.ml3 { margin-left: .3rem; }
.ml4 { margin-left: .4rem; }
.ml5 { margin-left: .5rem; }
.ml6 { margin-left: .6rem; }
.ml7 { margin-left: .7rem; }
.ml8 { margin-left: .8rem; }
.ml9 { margin-left: .9rem; }
.ml10 { margin-left: 1rem; }
.mlp10{margin-left: 10%;}
.mlp20{margin-left: 20%;}
.mlp30{margin-left: 30%;}
.mlp40{margin-left: 40%;}
.mlp45{margin-left: 45%;}
.mlp50{margin-left: 50%;}
.mr1 { margin-right: .1rem; }
.mr2 { margin-right: .2rem; }
.mr3 { margin-right: .3rem; }
.mr4 { margin-right: .4rem; }
.mr5 { margin-right: .5rem; }
.mr6 { margin-right: .6rem; }
.mr7 { margin-right: .7rem; }
.mr8 { margin-right: .8rem; }
.mr9 { margin-right: .9rem; }
.mr10 { margin-right: 1rem; }
.line1 { line-height: 1; }
.line11 { line-height: 1.1; }
.line12 { line-height: 1.2; }
.line13 { line-height: 1.3; }
.line14 { line-height: 1.4; }
.line15 { line-height: 1.5; }
.line16 { line-height: 1.6; }
.line17 { line-height: 1.7; }
.line18 { line-height: 1.8; }
.line19 { line-height: 1.9; }
.line2 { line-height: 2; }
.line25 { line-height: 2.5; }
.bg333 { background-color: #333; }
.bgfff { background-color: #fff; }
.bg000 { background-color: #000; }
.bgbbb { background-color: #bbb; }
.bgccc { background-color: #ccc; }
.bg888 { background-color: #888; }
.bg999 { background-color: #999; }
.bg666 { background-color: #666; }
.bgKV{background-color: #f2f2f4;}
.bgf0{background-color: #f0f0f0;}

.color333 { color: #333; }
.colorfff { color: #fff; }
.coloraaa { color: #aaa; }
.color000 { color: #000; }
.colorbbb { color: #bbb; }
.colorccc { color: #ccc; }
.color888 { color: #888; }
.color999 { color: #999; }
.color666 { color: #666; }
.color7e { color: #7e7e7e; }
.color4c { color: #4c4c4c; }
.font12 { font-size: .12rem; }
.font14 { font-size: .14rem; }
.font15 { font-size: .15rem; }
.font16 { font-size: .16rem; }
.font18 { font-size: .18rem; }
.font20 { font-size: .20rem; }
.font22 { font-size: .22rem; }
.font24 { font-size: .24rem; }
.font26 { font-size: .26rem; }
.font28 { font-size: .28rem; }
.font30 { font-size: .3rem; }
.font32 { font-size: .32rem; }
.font34 { font-size: .34rem; }
.font36 { font-size: .36rem; }
.font38 { font-size: .38rem; }
.font40 { font-size: .4rem; }
.font42 { font-size: .42rem; }
.font44 { font-size: .44rem; }
.font48 { font-size: .48rem; }
.font50 { font-size: .5rem; }
.font52 { font-size: .52rem; }
.font54 { font-size: .54rem; }
.font56 { font-size: .56rem; }
.font58 { font-size: .58rem; }
.font60 { font-size: .6rem; }
.font68 { font-size: .68rem; }
.font80 { font-size: .8rem; }
.font200 { font-size: 2rem; }
.ht57 { height: .57rem; }
.flexTwo dd { width: 49%; margin-bottom: 2%; }
.flexThree dd { width: 31.33%; margin-bottom: 2%; }
.flexThree::after { content: ''; width: 31.33%; }
.flexFour { width: 102%; }
	.flexFour dd { width: 23%; margin: 0 2% 2% 0; }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.font500 { font-weight: 500; }
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }
.bgf7f7f7 { background: #f7f7f7; }
.bgf8f8f8 { background: #f7f7f7; }
.vh100 { height: 100vh; }

.aLink { display: block; }
.overflowY { overflow-y: auto; }
.loadings { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; z-index: 9999; display: none\9; }
	.loadings .gif { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -0.20rem; }
.covverBg, .coverBg { background-size: cover !important; }
#video1 { position: relative; margin: auto; height: 80%; top: 10%; max-width: 1200px; }
.video-box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; background: rgba(0,0,0,0.8); }
.video-close { color: #fff; font-size: 30px; position: absolute; right: 0; top: 0; border-radius: 50%; cursor: pointer; z-index: 9999999; padding: 15px; line-height: 1; }
#fz-videoAct { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#video1 video { max-width: 100%; display: block; }
.max2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.max3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.max4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.max8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }
.max10 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }
.ht2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: .5rem; height: 1rem; }
.ico44, .icon44 { width: 44px; }
.ico30, .icon30 { width: 30px; }
.ico40, .icon40 { width: 40px; }
.icon60 { width: 60px; }
.icon50 { width: 50px }
.colorlogo { color: #ff1d25 }
.bglogo { background: #ff1d25 }
.swiper-pagination { position: static; text-align: center; }
.swiper-pagination.default { position: absolute; }
	.swiper-pagination .swiper-pagination-bullet { margin: 0 5px; }
	.swiper-pagination .swiper-pagination-bullet-active { background: #ff1d25 }
.swiper-pagination-line .swiper-pagination-bullet { width: 28px; height: 4px; border-radius: 0; }

.navMenu { right: 0; display: none; z-index: 22; position: relative; cursor: pointer; width: 24px; height: 20px; }
	.navMenu span { border-radius: 2px; position: absolute; left: 0; background: #fff; width: 100%; height: 2px; display: block; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
	.navMenu .line1 { top: 0; }
	.navMenu .line2 { top: 50%; margin-top: -1px; }
	.navMenu .line3 { bottom: 0; }
	.navMenu.on .line1 { transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); top: 50%; bottom: auto; }
	.navMenu.on .line2 { transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 50%; bottom: auto; }
	.navMenu.on .line3 { display: none; }
.header.active .navMenu span { background: #333; }
.borderMore { padding: 5px 25px; background: #ff1d25; color: #fff; border: 1px solid #ff1d25; cursor: pointer; transition: .5s; }
.borderMore2 { background: transparent; color: #fff; border-color: #fff; }

.pageHide { overflow: hidden; min-height: 150px }
.autopage { width: 1266px; width: 12.66rem; max-width: 85.652%; margin: auto; z-index: 1;}
.autopagel { width: 1080px; width: 10.80rem; max-width: 75%; margin: auto; z-index: 1;}
.autopagew { width: 13.6rem; max-width: 90%; margin: auto;  z-index: 1;}
.autopagew98 { width: 18.816rem; max-width: 98%; margin: auto;  z-index: 1;}
.autopage960 { width: 960px; width: 9.6rem; max-width: 60%; margin: auto; z-index: 1;}
.pointer { cursor: pointer; }
.hideNone { display: none }
	.hideNone.on { display: block; }
.hides { overflow: hidden; }
.autowidth { width: 1266px; width: 12.66rem; max-width: 85.652%; margin: auto; }
.autowidth_01 { width: 1400px; width: 14rem; max-width: 94%; margin: auto; }
.asp-radio{aspect-ratio: 1920 / 1080;  width: 100%;   height: auto;max-height: 100vh;}
.bgFull { background-size: 100% auto !important; }
.imgFull { width: 1920px; width: 19.2rem; width: 100%; position: relative; max-height: 100vh;overflow: hidden; }
	.imgFull img { width: 100%; }
.bgCover { background-size: cover !important; z-index: 0; background-repeat: no-repeat; background-position: top center; }
.bgycenter { background-position-y: center !important; }
.bgybottom { background-position-y: bottom !important; }
.bgxcenter { background-position-x: center !important; }
.bgxleft { background-position-x: left !important; }
.bgxright { background-position-x: right !important; }

.bgeee { background: #eee; }

.bgfff { background: #fff }
.wt80 { width: .8rem; }

@media only screen and (max-width:1400px) {
	.autowidth2 { width: 94%; max-width: 94%; }
	body { font-size: .2rem; }
	.font16 { font-size: .2rem; }
	.font18 { font-size: .21rem; }
	.font20 { font-size: .22rem; }
	.mcolor000 { color: #000; }
	
}

@media only screen and (min-width:1200px) {
	a { transition: color 0.5s,background .5s,border .5s; -webkit-transition: color 0.5s,background .5s,border .5s; }
		a:hover { color: #ff1d25; }
	.scaleImg:hover > img, .halfImg:hover img, dd:hover img.scaleImg { transform: scale(1.1); -webkit-transform: scale(1.1); }
	.scaleImg2 img:hover { transform: scale(1); -webkit-transform: scale(1); }
	.scrollToTop:hover { background: #ff1d25; color: #fff; }
	.hover { transition: .5s; -webkit-transition: .5s; cursor: pointer; }
		.hover:hover, .hover:hover * { color: #ff1d25 !important; }
	.animationDH { opacity: 0; }
		.animationDH.ani { opacity: 1; }
	.animateRt.ani { animation: 1s dh_rt linear both; -webkit-animation: 1s dh_rt linear both }
	.animateLt.ani { animation: 1s dh_lt linear both; -webkit-animation: 1s dh_lt linear both }
	.animateTt.ani { animation: 1s dh_tt linear both; -webkit-animation: 1s dh_tt linear both }
	.animateBt.ani { animation: 1s dh_bt linear both; -webkit-animation: 1s dh_bt linear both }
	.animationDH.ani .dhy1 { animation: 1s dhs linear both; -webkit-animation: 1s dhs linear both }
	.animationDH.ani .dhy2 { animation: 1s .25s dhs linear both; -webkit-animation: 1s .25s dhs linear both }
	.animationDH.ani .dhy3 { animation: 1s .5s dhs linear both; -webkit-animation: 1s .5s dhs linear both }
	.animationDH.ani .dhy4 { animation: 1s .75s dhs linear both; -webkit-animation: 1s .75s dhs linear both }
	.animationDH.ani .dhy5 { animation: 1s 1s dhs linear both; -webkit-animation: 1s 1s dhs linear both }
	.animationDH.anidelay1 { animation-delay: .1s; }
	.animationDH.anidelay2 { animation-delay: .2s; }
	.animationDH.anidelay3 { animation-delay: .3s; }
	.animationDH.anidelay4 { animation-delay: .4s; }
	.animationDH.anidelay5 { animation-delay: .5s; }
	.animationDH.anidelay6 { animation-delay: .6s; }
	.animationDH.anidelay7 { animation-delay: .7s; }
	.animationDH.anidelay8 { animation-delay: .8s; }
}

@-webkit-keyframes xz {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@keyframes xz {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@-webkit-keyframes dh1 {
	from { -webkit-transform: translate(-100%,0); opacity: 0; }
	to { -webkit-transform: translate(0,0); opacity: 1; }
}

@keyframes dh1 {
	from { transform: translate(-100%,0); opacity: 0; }
	to { transform: translate(0,0); opacity: 1; }
}

@-webkit-keyframes dh_rt {
	from { opacity: 0; -webkit-transform: translate(100px,0%); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_rt {
	from { opacity: 0; transform: translate(100px,0%); }
	to { opacity: 1; transform: translate(0,0); }
}

@-webkit-keyframes dh_lt {
	from { opacity: 0; -webkit-transform: translate(-100px,0%); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_lt {
	from { opacity: 0; transform: translate(-100px,0%); }
	to { opacity: 1; transform: translate(0,0); }
}

@-webkit-keyframes dh_tt {
	from { opacity: 0; -webkit-transform: translate(0,-45px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_tt {
	from { opacity: 0; transform: translate(0,-100px); }
	to { opacity: 1; transform: translate(0,0); }
}

@-webkit-keyframes dh_bt {
	from { opacity: 0; -webkit-transform: translate(0,45px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_bt {
	from { opacity: 0; transform: translate(0,45px); }
	to { opacity: 1; transform: translate(0,0); }
}

@-webkit-keyframes dhs {
	from { opacity: 0; -webkit-transform: translate(0,45px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dhs {
	from { opacity: 0; transform: translate(0,45px); }
	to { opacity: 1; transform: translate(0,0); }
}

@keyframes lineQ1 {
	0% { opacity: 0.8; transform: scale(0); }
	100% { opacity: 0; transform: scale(2.5); }
}

@-webkit-keyframes lineQ1 {
	0% { opacity: 0.8; -webkit-transform: scale(0); }
	100% { opacity: 0; -webkit-transform: scale(2.5); }
}

@keyframes suof {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@-webkit-keyframes suof {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
:root {
    --slide-distance: 0.5rem;
}
/* 向左滑动关键帧 */
@keyframes slide-left {	
	0% { left: 0; opacity: 0.9; }
	50% { left: calc(var(--slide-distance) * -1/2); opacity: 0.7;}
	100% { left: calc(var(--slide-distance) * -1); opacity: 0.9;}
}

/* 向右滑动关键帧 */
@keyframes slide-right {
	0% { right: 0; opacity: 0.9; }
	50% { right: calc(var(--slide-distance) * -1/2); opacity: 0.7;}
	100% { right: calc(var(--slide-distance) * -1); opacity: 0.9;}
}

@media only screen and (max-width:1200px ) {
	.navMenu { display: block }
}

@media only screen and (max-width:960px ) {
	a { transition: 0s; -webkit-transition: 0s; }
	.flexBlock { display: block }
		.flexBlock > * { width: auto; }
}

@media only screen and (min-width:1200px ) {
	::-webkit-scrollbar { width: 10px; height: 10px; z-index: 30; position: relative; }
	::-webkit-scrollbar-thumb { background: #aaa; }
		::-webkit-scrollbar-thumb:window-inactive { background: #aaa; }
	.overflow::-webkit-scrollbar { width: 3px; height: 5px; border-radius: 5px; }
	.overflow::-webkit-scrollbar-thumb { background: rgba(255,255,255,.52); opacity: .5; }
		.overflow::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,.2); border-radius: 5px; }
	.hoverColor { transition: all .5s; }
		.hoverColor:hover { color: #ff1d25 }
	.dh5s { transition: .5s; }
}

.tmax2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tmax3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.tmax4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.tmax5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.tmax6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.dhLeft_ba { opacity: 0; -webkit-opacity: 0; transform: translate(45px,0); -webkit-transform: translate(45px,0); transition: 1s; -webkit-transition: 1s; }
.dhLeft { opacity: 0; -webkit-opacity: 0; transform: translate(75px,0); -webkit-transform: translate(75px,0); transition: 1s; -webkit-transition: 1s; }
.dhRight { opacity: 0; -webkit-opacity: 0; transform: translate(-75px,0); -webkit-transform: translate(-75px,0); transition: 1s; -webkit-transition: 1s; }
.dhTop { opacity: 0; -webkit-opacity: 0; transform: translate(0,45px); -webkit-transform: translate(0,45px); transition: transform 1s,opacity 1s; -webkit-transition: transform 1s,opacity 1s; }
.dhBottom { opacity: 0; -webkit-opacity: 0; transform: translate(0,-45px); -webkit-transform: translate(0,-45px); transition: 1s; -webkit-transition: 1s; }
.dhScale { transform: scale(0); -webkit-transform: scale(0); }
.dhsj1 { transition: .5s; -webkit-transition: .5s }
.dhsj2 { transition: 1s; -webkit-transition: 1s }
.dhsj3 { transition: 1.2s; -webkit-transition: 1.2s }
.dhsj4 { transition: 1.5s; -webkit-transition: 1.5s }
.dhsj5 { transition: 1.8s; -webkit-transition: 1.8s }
.dhyc1 { transition-delay: .25s; -webkit-transition-delay: .25s; letter-spacing: 0.02rem; }
.dhyc2 { transition-delay: .5s; -webkit-transition-delay: .5s; letter-spacing: 0.012rem; }
.dhyc3 { transition-delay: .75s; -webkit-transition-delay: .75s; }
.dhyc4 { transition-delay: 1s; -webkit-transition-delay: 1s; }
.dhyc5 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.dhyc6 { transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }
.activeSections .swiper-slide-active .dhLeft_ba { opacity: 1; -webkit-opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); }
.swiper-slide-active .dhLeft, .swiper-slide-active .dhRight, .swiper-slide-active .dhTop, .swiper-slide-active .dhBottom { opacity: 1; -webkit-opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); }
.swiper-slide-active .dhScale { transform: scale(1); -webkit-transform: scale(1); }
.thirdImg .img2 { transform-origin: left center; transform: translate(-30%,0); transition: 1s; opacity: 0; }
.thirdImg .img3 { transform-origin: right center; transform: translate(30%,0); transition: 1s; opacity: 0; }
.swiper-slide-active .thirdImg .img2, .swiper-slide-active .thirdImg .img3 { transform: translate(0); opacity: 1; }
.ani.thirdImg .img2, .ani.thirdImg .img3 { transform: translate(0); opacity: 1; }


.header { position: fixed; left: 0; right: 0; top: 0; z-index: 50; background: rgba(255, 255, 255, .4); transition: background .5s; }

	.header.noBg { background: transparent; }

	.header.black { background: rgba(0, 0, 0, .2); }

	.header.bg000 { background: rgba(0, 0, 0, .2); }

	.header.active { background: #fff; color: #333; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); }

.headDL dd { margin: 0 .35rem; }

	.headDL dd .link { display: block; padding: .3rem 0; position: relative; }

.headDL .nav .link .iconfont { margin-left: 0.05rem; }

.headDL dd .link::after { position: absolute; left: 50%; margin-left: -8px; bottom: 0; border-width: 8px; border-style: solid; content: ''; border-color: transparent transparent #fff transparent; display: none; }

.headRight .yuyan { text-align: center; margin: 0 0.1rem; padding: 0; }


	.headRight .yuyan.three { text-align: center; }

	.headRight .yuyan.on { background: #fff; color: #ff1d25; border-radius: 50%; display: inline-block; width: 0.45rem; height: 0.45rem; line-height: 0.45rem; padding: 0; }

.headFlex .logo { height: .35rem; }

.headFlex { line-height: .3rem; }

.menuNav { position: absolute; left: 0; top: 100%; right: 0; display: none; }

.navFlex { padding: .4rem .4rem .4rem 1rem; background: #fff; box-shadow: 0 0 15px -2px rgba(0, 0, 0, .1); }

	.navFlex .scaleImg { width: 37%; }

.navList .list { width: 50%; padding: 0.1rem 0; }

	.navList .list .iconfont { color: #ddd; transition: .5s; }

.ht82 { height: .5rem; }

.footer-fix{
	background: #f2f2f4;
	position: absolute;
	bottom: 0;
	width: 100%	;
	z-index: 2;
}
.footer { background: #f2f2f4; position: relative; z-index: 5; }

	.footer .footTop { padding: .8rem 0 .4rem 0; }

	.footer .footDL .dd { padding: 0 .5rem; }

		.footer .footDL .dd > p { margin-bottom: .1rem; }
		.footer .footDL .dd a:hover { color: #ff1d25; }

	.footer .kefuLink > a { display: inline-block; width: .32rem; line-height: .32rem; text-align: center;  margin-right: .02rem; position: relative; }
	.footer .kefuLink  a:hover { color: unset; }
	.footer .kefuLink  a .default { display: inline-block; }
	.footer .kefuLink  a .hover { display: none; }
	.footer .kefuLink  a:hover .hover{ display: inline-block; }
	.footer .kefuLink  a:hover .default{ display: none; }
	.footer .kefuImg { position: absolute; left: 50%; margin-left: -0.6rem; width: 1.2rem; bottom: 100%; padding-bottom: .1rem; display: none; }

		.footer .kefuImg img { display: block; width: 100%; }

.copyRight { padding: .15rem 0; text-align: center; border-top: 1px solid #ddd; }

	.copyRight .autowidth { display: flex; flex-wrap: wrap; justify-content: center; }

.swiperBtn,.addBtns,.brandBtn{
	width: .4rem;
	line-height: .4rem;
	background: #ff1d25;
	color: #fff;
	border-radius: 50%;
	border: #ff1d25 1px solid;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	display: inline-block;
	font-size:0.24rem; 
	z-index: 5;
}
.swiperBtn.bgfff,.addBtns.bgfff,.brandBtn.bgfff{
	background: #fff;color: #ff1d25; 
}
.addBtns { position: absolute; transition: .3s; cursor: pointer; top: 50%; margin-top: -0.35rem;    }

	.addBtns.leftBtn2 { left: .25rem; }

	.addBtns.rightBtn2 { right: .25rem; }

	.swiperBtn4.rightBtn { right: 0.7rem; }
	
	.swiperBtn4.leftBtn{ left: 0.7rem; }

	.swiperBtn.leftBtn3,.addBtns.leftBtn3 { left: -0.7rem; }

	.swiperBtn.rightBtn3,.addBtns.rightBtn3{ right: -0.7rem; }

.resultHead .header { position: relative; background: #fff; color: #333; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1) }


	.resultHead .header .navMenu span { background: #ff1d25 }

	.resultHead .header .headRight .yuyan.on { border: 1px solid; }

.resultSearch.pdSearch { margin: auto; padding-bottom: 0; position: relative; top: 0; }

	.resultSearch.pdSearch .serarchTxt input { background: #f7f7f7; }

	.resultSearch.pdSearch button.button { margin-left: -0.31rem; }

	.resultSearch.pdSearch input::-webkit-search-cancel-button { margin-right: 0.5rem; }

.resultFlag { border-bottom: 1px solid #eee; }

.atpage .link { padding: .25rem 0; position: relative; }

	.atpage .link:before { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; content: ''; background: #ff1d25 }

	.atpage .link.on:before { width: 100%; }

	.atpage .link.on { color: #ff1d25 }

.resultList { background: #fafafa; min-height: 30vh; padding: .5rem 0 .2rem 0 }

.resultDL dd { background: #fff; margin: 0 0 .3rem 0; }

	.resultDL dd .imgs { width: 3.5rem; max-width: 40%; }

		.resultDL dd .imgs img { height: 2.4rem; object-fit: cover; }

	.resultDL dd .txt { padding: .1rem .3rem }

.more-arraw{
	transform: scaleX(0.5);   
	display: inline-block;    margin-left: -0.05rem;
}

@media only screen and (min-width:1200px) {
	.headDL dd.nav:hover .link::after { display: block; }

	.headDL dd.nav:hover .menuNav { display: block; }

	.navList .list:hover .iconfont { color: #ff1d25; }

	.headDL dd:hover .link { color: #ff1d25; }

	.header:hover { background: rgba(0, 0, 0, .5); color: #fff; box-shadow: 0 0 10px -1px rgba(0, 0, 0, .1); }


		.footer .kefuLink > a:hover .kefuImg { display: block; }

	.addBtns:hover { background: #ff1d25;color:#fff; }
	.addBtns.swiper-button-disabled:hover{background:rgba(0, 0, 0, .5)}
}

@media only screen and (max-width:1200px) {
	.headCenter { display: none; position: fixed; left: 0; right: 0; top: 1rem; bottom: 0; background: rgba(0, 0, 0, .8); }

		.headCenter.show { display: block; }

	.headDL dd { margin: 0; padding: 0 .3rem; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #fff; }

	.header { padding: .2rem .3rem; }

	.headDL { display: block; }

	.menuNav { display: block; position: static; padding-bottom: .3rem; }

	.navFlex { background: transparent; color: #fff; display: block; padding: 0; }

		.navFlex .scaleImg { width: auto; margin-top: .2rem; display: none; }

	.headDL dd .link { padding: .2rem 0; }
}

@media only screen and (max-width:960px) {
	.hide960 { display: none; }

	.show960 { display: block; }
}

@media only screen and (max-width:640px) {
	
	.headDL dd .link { padding: .3rem 0; }

	.navList .list { padding: 0.2rem 0; }



	.headRight .yuyan { margin: 0 0.15rem; }

	.headFlex .logo { height: 0.45rem; }

	.copyRight .autowidth div { flex: 1 0 50%; /* 在移动端时，每个项目占据50%的宽度，即一行显示两个项目 */ margin: 2px 10px; box-sizing: border-box; /* 包括边距和边框在内的宽度 */ }

	.headDL .nav .link .iconfont { margin-left: 0.1rem; }

	.headRight .yuyan.on { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; }

	.headRight .language { font-size: 0.25rem; }
}

.swiper-lazy-preloader-kv {
	--swiper-preloader-color: #f2f2f4;
}