@charset "utf-8";
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
body,html{color:#000; word-break:break-word;}
html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body{min-height:100vh;overflow-x:hidden;line-height: 1.6;}
body,table,input,pre,select,th,td,textarea{ font-size:0.16rem; font-family:"Roboto-Regular";}

html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
html{font-size:5.2083334vw}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 1200) * 100vw);} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 768) * 100vw);} 
}
@media (max-width:480px){
    html{font-size:calc(100 / 480 * 100vw);}
}

*{margin:0;padding:0;box-sizing: border-box;}
body{ font-family:sans-serif;margin:0px; padding:0px; margin:0px auto; font-size:0.16rem; color:#333; width:100%;  zoom:1;line-height: 1.875;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#333;font-family:sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{border:0px;outline:none;-webkit-appearance:none;/*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{max-width:100%;border:none;border:0;vertical-align:middle;}

input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
ul,li,form,dl,dt,dd,div,ol,figure,article,nav,menu,aside,pre{padding: 0;margin: 0;}
.ul,.ul li{ list-style: none;}
table, table td{border-collapse: collapse;}
table{ border-spacing:0;}
select, input, textarea{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
img { border: none; max-width: 100%; vertical-align: middle;}
a{ color:#000; text-decoration: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */}
a:hover{ text-decoration: none;}
a:focus{ color:#333; outline:none; -moz-outline: none;}
a:active{ color:#333;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;text-align: justify;text-justify: inter-ideograph;}
.clear{clear: both; height: 0px;overflow: hidden; zoom: 0;}
.clearfix:after{content: ''; display: block; height: 0;clear: both;}
.dot{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8,.dot9{display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical;}
.dot2{-webkit-line-clamp: 2;}
.dot3{-webkit-line-clamp: 3;}
.dot4{-webkit-line-clamp: 4;}
.dot5{-webkit-line-clamp: 5;}
.dot6{-webkit-line-clamp: 6;}
.dot7{-webkit-line-clamp: 7;}
.dot8{-webkit-line-clamp: 8;}
.dot9{-webkit-line-clamp: 9;}
.ytable {display: table; width: 100%;}
.ytable-fixed{ table-layout: fixed;}
.ytable-cell{ display: table-cell; vertical-align: middle;}
@media (max-width:1024px) {
.ytable.xy,
.ytable.xy .ytable-cell{display: block;}
}
.Ispic{ background-repeat: no-repeat; background-position: center center; background-size: cover;}
:after,:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.nM {margin: 0;}
.nP {padding: 0;}
.pr{ position: relative;}
.pc-hide,
.web-hide{ display:none;}
.pc-show,
.web-show{ display:none;}
.back-pic{ background-size:cover; background-position:center; background-repeat:no-repeat;}
select.select-css{border: solid 1px #000;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-repeat:  no-repeat;background-position:  98% center;background-color:transparent;padding-right: 20px;padding-left: 10px;}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand{display:none;}
/**初始 End**/

.img-block{display: block; width: 100%;}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/

/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale.grayscale-fade:hover,
.grayscale.grayscale-off{-webkit-filter:grayscale(0); filter:grayscale(0)}
.grayscale.grayscale-replaced{-webkit-filter:none;  filter:none}
.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}
.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}
.grayscale.grayscale-replaced.grayscale-fade:hover>svg,
.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
/**页面框架 End**/


/*局部根元素大小*/
.auto-inner{width: 92%;max-width:18rem;margin:0 auto;}
.auto-inner1440{width: 92%;max-width:16.4rem;margin:0 auto;}
.w1600{width: 92%;max-width:16rem;margin:0 auto;}
.fl {
    float: left;
}
.fr {
    float: right;
}

@media (max-width:1024px) {
.auto-inner{max-width: 100%;width: 94%;}
.auto-inner1440{max-width: 100%;width: 94%;}
.m-btn {display: block;}
}




/* flex 布局 */
.d-flex{ display:-webkit-flex; display:flex;}
.j-end{justify-content: flex-end;}
.j-center{justify-content: center;}
.j-sb{justify-content: space-between;}
.j-start{justify-content: flex-start;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.a-center{align-items: center;}
.a-self{align-items: self-start;}
.a-start{align-items: flex-start;}
.a-baseline{align-items: baseline;}
.a-end{align-items: flex-end;}
.al-start{align-content: flex-start;}
.al-end{align-content: flex-end;}
.al-center{align-content: center;}
.al-sb{align-content: space-between;}
.al-sa{align-content: space-around;}
.al-stretch{align-content: stretch;}

/* 图标字体 */
@font-face {
	font-family:'iconfont';
	src:url('../fonts/iconfont.woff2?t=1715827384684') format('woff2'),
	url('../fonts/iconfont.woff?t=1715827384684') format('woff'),
	url('../fonts/iconfont.ttf?t=1715827384684') format('truetype');
}
.iconfont{
	font-family:"iconfont"!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/* 文字字体 */
@font-face {
	font-family:"Roboto-Black";
	src:url("../fonts/Roboto-Black.woff"),
    url("../fonts/Roboto-Black.ttf");
}
@font-face {
	font-family:"Roboto-Bold";
	src:url("../fonts/Roboto-Bold.woff"),
    url("../fonts/Roboto-Bold.ttf");
}
@font-face {
	font-family:"Roboto-Light";
	src:url("../fonts/Roboto-Light.woff"),
    url("../fonts/Roboto-Light.ttf");
}
@font-face {
	font-family:"Roboto-Medium";
	src:url("../fonts/Roboto-Medium.woff"),
    url("../fonts/Roboto-Medium.ttf");
}
@font-face {
	font-family:"Roboto-Regular";
	src:url("../fonts/Roboto-Regular.woff"),
    url("../fonts/Roboto-Regular.ttf");
}

@font-face {
	font-family:"HarmonyOS-Regular";
	src:url("../fonts/HarmonyOS_Sans_SC_Regular.ttf"),
    url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}

/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;}

p{
	margin: 0;
}

.pt100{padding-top:1rem}
.pt140{padding-top: 1.4rem;}
.pb140{padding-bottom: 1.4rem;}
.mt80{margin-top: 0.8rem;}
.mt64{margin-top: 0.6rem;}

.f16{font-size: 0.16rem;}
.f18{font-size: 0.18rem;}
.f20{font-size: 0.2rem;}
.f22{font-size: 0.22rem;}
.f24{font-size: 0.24rem;}
.f28{font-size: 0.28rem;}
.f54{font-size: 0.54rem;}

.corfff{color: #fff;}
.cor000{color: #000;}
.cor333{color: #333;}
.corBlue{color: #057AEE;}
.cor666{color: #666;}

.d-flex{display: flex;}
.a-center{align-items: center;}
.a-end{align-items: flex-end;}
.j-sb{justify-content: space-between;}
.f-wrap{flex-wrap: wrap;}
.f-colu{flex-direction: column;}
.j-center{justify-content: center;}
.j-end{justify-content: flex-end;}
.pc{display: block;}
.wap{display: none;}