@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:#333; word-break:break-word;}
html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
@media (min-width:1921px) {
html{font-size:6vw}
}
@media (max-width:1660px) {
html{font-size:6vw}
}

@media (max-width:1024px) {
html{font-size:9.765625vw}
}
@media (max-width:1024px) {
html{font-size:9vw}
}
@media (max-width:480px) {
html{font-size:14vw}
}
body{ min-height:100vh; overflow-x:hidden;line-height: 1.5;}
body,table,input,pre,select,th,td,textarea{ font-size:0.16rem;}
@media (max-width:768px) {
body,input,pre,select,th,td,textarea{font-size:0.24rem}
}

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;}
select, input, textarea, pre{ font-family:"HarmonyOS-Regular";}
img { border: none; max-width: 100%; vertical-align: middle;}
a{ color:#333; 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;}
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**/

/* 层级 */
.z_index1{ z-index:1;}
.z_index2{ z-index:2;}
.z_index3{ z-index:3;}
.z_index4{ z-index:4;}
.z_index5{ z-index:5;}
.z_index6{ z-index:6;}
.z_index7{ z-index:7;}
.z_index8{ z-index:8;}
.z_index9{ z-index:9;}

/*局部根元素大小*/
.auto-inner{ max-width:14.4rem; margin:0 auto; width:94%;}
.wtd1280{ max-width:12.8rem; margin:0 auto; width:94%;}


/* 宽度 */
.wtd100{ width:100%;}
.wtd90{ width:90%;}
.wtd80{ width:80%;}
.wtd70{ width:70%;}
.wtd60{ width:60%;}
.wtd50{ width:50%;}
.wtd40{ width:40%;}
.wtd30{ width:30%;}
.wtd20{ width:20%;}
.wtd15{ width:15%;}
.wtd10{ width:10%;}



/* 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;}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body, html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fp-slide {
	float: left
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block
}
.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}
.fp-slidesContainer {
	float: left;
	position: relative
}
.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}
.fp-scrollable {
	overflow: hidden;
	position: relative
}
.fp-scroller {
	overflow: hidden
}
.iScrollIndicator {
	border: 0!important
}
.fp-notransition {
	-webkit-transition: none!important;
	transition: none!important
}
#fp-nav {
	position: fixed;
	z-index: 100; width:18px; border-radius:25px; 
	/* background:rgba(0,0,0,0.2);
	padding:15px 10px; */
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
	right: 12px
}
#fp-nav.left {
	left: 17px
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0!important;
	right: 0;
	margin: 0 auto!important
}
.fp-slidesNav.bottom {
	bottom: 17px
}
.fp-slidesNav.top {
	top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	/* padding: 7px 0; */
	position: relative;
	margin-bottom:10px;
}
.fp-slidesNav ul li {
	display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
#fp-nav ul li a.active:after { content:""; width:2px; height:80px;background:#007aff;display: block;margin:0 auto;margin-top:10px;}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 8px;
	width: 8px;
	background:#007aff;
	border:1px solid #007aff;
	margin:0 auto;
	border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	/* position: absolute; */
	display: block;
	z-index: 1;
	height: 8px;
	width: 8px;
	border: 1px solid #fff;
	margin:0 auto;
	margin-bottom:10px;
	/* left: 50%;
	top: 50%; */
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 8px;
	height: 8px;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	width: auto;
	opacity: 1
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
	height: auto!important
}
.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto!important
}