@charset "utf-8";
:root {
--color:#c81a13;
--color2:#0054ff;
--color3:#FC3F11;
--vh:100vh;
--grdcolor:#252821;
--grdcolor2:#b6baae;
--left:0;
--top:0;
--y:0;
--sk-colorindicator-swatch-size:16px;
--sk-colorindicator-gradient-stop:calc(var(--sk-colorindicator-swatch-size) / 2 - .5px);
--sk-colorindicator-border-width:2px
}

/* 初始状态 */
.swiper-slide .list {
  text-decoration: none;
  display: block;
  text-align: center;
}

.swiper-slide .f_icon img {
  filter: grayscale(100%) brightness(0); /* 初始为黑色（可选） */
  transition: all 0.3s ease;
}

.swiper-slide .f_tit {
  color: #000; /* 初始文字颜色 */
  transition: color 0.3s ease;
}

/* 悬停状态 */
.swiper-slide .list:hover .f_icon img {
  filter: none; /* 移除滤镜显示原色 */
  /* 如果图标本身是黑色，可以用以下方式变成红色： */
  /* filter: sepia(100%) saturate(1000%) hue-rotate(0deg) brightness(0.8); */
}

.swiper-slide .list:hover .f_tit {
  color: #c81a13; /* 红色文字 */
}





.1fweiz1{ height:30px;}
@font-face {
	font-family: 'oppo-l';
	src: url('../font/OPPOSans4.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}
.font-b {
	font-weight: bold
}
.font-m {
	font-weight: 400
}
.font-l {
	font-weight: inherit
}
* {
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
* ::-webkit-scrollbar {
width:6px;
height:5px
}
* ::-webkit-scrollbar-thumb {
border-radius:3px;
box-shadow:inset 0 0 5px rgba(0,0,0,0.2)
}
* ::-webkit-scrollbar-track {
box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:3px;
background:rgba(255,255,255,0.1)
}
html {
	font-size: calc(100vw/19.2);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	-moz-osx-font-smoothing: grayscale
}
@media (min-width: 1901px) {
html {
	font-size: 100px
}
}
@media (max-width: 1580px) {
html {
	font-size: 66px
}
}
@media (max-width: 767px) {
html {
	font-size: 50px
}
}
@media (max-width: 567px) {
html {
	font-size: calc(100vw/7.5)
}
}
body {
	min-height: 100%;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	font-size: 16px;
	width: 100%;
	font-weight: 400;
	line-height: 1.5;
	color: #000000
}
@media (max-width: 1580px) {
body {
	font-size: 14px
}
}
@media (max-width: 767px) {
body {
font-size:.26rem
}
}
img {
	max-width: 100%;
	border: 0;
	vertical-align: top
}
video, video:focus {
	display: block;
	font-size: 0;
	border: 0;
	outline: none
}
li {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	font-weight: normal
}
a {
	color: inherit
}
a, a:hover, a:focus {
	text-decoration: none
}
input, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0
}
input::-webkit-contacts-auto-fill-button {
visibility:hidden;
display:none !important;
pointer-events:none;
position:absolute;
right:0
}
button {
	cursor: pointer
}
input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	appearance: button;
	cursor: pointer
}
textarea {
	resize: none;
	overflow: auto
}
input, button, textarea, select {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	font-weight: normal;
	color: inherit;
	background: transparent
}
select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
select::-ms-expand {
display:none
}
table {
	border-collapse: collapse
}
svg path, svg circle {
	fill: currentColor !important;
	opacity: 1 !important
}
picture, section, main {
	display: block
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	zoom: 1
}
.clear:after {
	content: '';
	display: block;
	clear: both
}
.container {
	margin: 0 auto;
	width: 84%;
	max-width: initial;
	max-width: 1660px
}
@media (max-width: 1199px) {
.container {
	width: 90%
}
}
.bg-color1 {
	background-color: #fff
}
.ptb100 {
	padding-top: 1rem;
	padding-bottom: 1rem
}
@media (max-width: 767px) {
.ptb100 {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem
}
}
.pt100 {
	padding-top: 1rem
}
@media (max-width: 767px) {
.pt100 {
	padding-top: 1.2rem
}
}
.pb100 {
	padding-bottom: 1rem
}
@media (max-width: 767px) {
.pb100 {
	padding-bottom: 1.2rem
}
}
.ptb120 {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem
}
@media (max-width: 767px) {
.ptb120 {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem
}
}
.pt120 {
	padding-top: 1.2rem
}
@media (max-width: 767px) {
.pt120 {
	padding-top: 1.2rem
}
}
.pb120 {
	padding-bottom: 1.2rem
}
@media (max-width: 767px) {
.pb120 {
	padding-bottom: 1.2rem
}
}
.font12 {
	font-size: 12px;
	line-height: 1.83333333
}
@media (max-width: 1580px) {
.font12 {
	font-size: 12px
}
}
@media (max-width: 767px) {
.font12 {
font-size:.24rem
}
}
.font14 {
	font-size: 14px;
	line-height: 1.71428571
}
@media (max-width: 1580px) {
.font14 {
	font-size: 12px
}
}
@media (max-width: 767px) {
.font14 {
font-size:.26rem
}
}
.font16 {
	font-size: 16px;
	line-height: 1.625
}
@media (max-width: 1580px) {
.font16 {
	font-size: 14px
}
}
@media (max-width: 767px) {
.font16 {
font-size:.26rem
}
}
.font18 {
	font-size: 18px;
	line-height: 1.55555556
}
@media (max-width: 1580px) {
.font18 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.font18 {
font-size:.26rem
}
}
.font20 {
font-size:.26rem;
	line-height: 1.5
}
@media (max-width: 1580px) {
.font20 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.font20 {
font-size:.34rem
}
}
.font22 {
font-size:.22rem;
	line-height: 1.45454545
}
@media (max-width: 1580px) {
.font22 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.font22 {
font-size:.34rem
}
}
.font24 {
font-size:.24rem;
	line-height: 1.41666667
}
@media (max-width: 1580px) {
.font24 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.font24 {
font-size:.34rem
}
}
.font26 {
font-size:.26rem;
	line-height: 1.38461538
}
@media (max-width: 767px) {
.font26 {
font-size:.36rem
}
}
.font28 {
font-size:.28rem;
	line-height: 1.35714286
}
@media (max-width: 767px) {
.font28 {
font-size:.36rem
}
}
.font30 {
font-size:.3rem;
	line-height: 1.33333333
}
@media (max-width: 1199px) {
.font30 {
font-size:.36rem
}
}
@media (max-width: 767px) {
.font30 {
font-size:.36rem
}
}
.font32 {
font-size:.32rem;
	line-height: 1.3125
}
@media (max-width: 1199px) {
.font32 {
font-size:.36rem
}
}
@media (max-width: 991px) {
.font32 {
font-size:.26rem
}
}
@media (max-width: 767px) {
.font32 {
	font-size: .36em
}
}
.font34 {
font-size:.34rem;
	line-height: 1.29411765
}
@media (max-width: 1199px) {
.font34 {
font-size:.38rem
}
}
@media (max-width: 991px) {
.font34 {
font-size:.26rem
}
}
@media (max-width: 767px) {
.font34 {
font-size:.4rem
}
}
.font36 {
font-size:.36rem;
	line-height: 1.11111111
}
@media (max-width: 1199px) {
.font36 {
font-size:.4rem
}
}
@media (max-width: 991px) {
.font36 {
font-size:.3rem
}
}
@media (max-width: 767px) {
.font36 {
font-size:.36rem
}
}
.font38 {
font-size:.38rem;
	line-height: 1.26315789
}
@media (max-width: 1199px) {
.font38 {
font-size:.4rem
}
}
@media (max-width: 991px) {
.font38 {
font-size:.3rem
}
}
@media (max-width: 767px) {
.font38 {
font-size:.36rem
}
}
.font40 {
font-size:.4rem;
	line-height: 1.25
}
@media (max-width: 1199px) {
.font40 {
font-size:.4rem
}
}
@media (max-width: 767px) {
.font40 {
font-size:.36rem
}
}
.font42 {
font-size:.42rem;
	line-height: 1.23809524
}
@media (max-width: 1199px) {
.font42 {
font-size:.4rem
}
}
@media (max-width: 767px) {
.font42 {
font-size:.36rem
}
}
.font44 {
font-size:.44rem;
	line-height: 1.22727273
}
@media (max-width: 1199px) {
.font44 {
font-size:.4rem
}
}
@media (max-width: 767px) {
.font44 {
font-size:.36rem
}
}
.font46 {
font-size:.46rem;
	line-height: 1.2173913
}
@media (max-width: 1199px) {
.font46 {
font-size:.4rem
}
}
@media (max-width: 767px) {
.font46 {
font-size:.42rem
}
}
.font48 {
font-size:.48rem;
	line-height: 1.20833333
}
@media (max-width: 991px) {
.font48 {
font-size:.4rem
}
}
@media (max-width: 767px) {
.font48 {
font-size:.42rem
}
}
.font50 {
font-size:.5rem;
	line-height: 1.2
}
@media (max-width: 767px) {
.font50 {
font-size:.42rem
}
}
.font54 {
font-size:.54rem;
	line-height: 1.18518519
}
@media (max-width: 767px) {
.font54 {
font-size:.42rem
}
}
.font56 {
font-size:.56rem;
	line-height: 1.17857143
}
@media (max-width: 767px) {
.font56 {
font-size:.42rem
}
}
.font60 {
font-size:.5rem;
	line-height: 1.16666667
}
@media (max-width: 767px) {
.font60 {
font-size:.42rem
}
}
.font64 {
font-size:.64rem;
	line-height: 1.15625
}
@media (max-width: 767px) {
.font64 {
font-size:.42rem
}
}
.font66 {
font-size:.66rem;
	line-height: 1.15151515
}
@media (max-width: 767px) {
.font66 {
font-size:.42rem
}
}
.font68 {
font-size:.68rem;
	line-height: 1.14705882
}
@media (max-width: 767px) {
.font68 {
font-size:.42rem
}
}
.font72 {
font-size:.72rem;
	line-height: 1.13888889
}
@media (max-width: 767px) {
.font72 {
font-size:.46rem
}
}
.font76 {
font-size:.76rem;
	line-height: 1.13157895
}
@media (max-width: 767px) {
.font76 {
font-size:.46rem
}
}
.make-text {
	line-height: 1.71428571;
	color: #666666;
	font-size: 14px;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important
}
@media (max-width: 1580px) {
.make-text {
	font-size: 14px
}
}
@media (max-width: 1199px) {
.make-text {
	line-height: 2
}
}
.make-text img {
	max-width: 100%;
	height: auto!important
}
.make-text table {
	width: 100%
}
.make-text table td {
	border: 1px solid #ddd
}
.make-text ul, .make-text li, .make-text ol {
	list-style: inherit
}
.make-text ul {
	padding-left: 20px
}
.make-text video, .make-text iframe {
	width: auto;
	max-width: 100%;
	height: auto!important
}
.make-text a {
	color: var(--color);
	word-break: break-all
}
.make-text a span, .make-text a p {
	word-break: break-all
}
.make-text a:hover {
	text-decoration: underline
}
.make-text h1, .make-text h2, .make-text h3, .make-text h4, .make-text h5, .make-text h6 {
	line-height: 2;
font-size:.3rem;
	line-height: 1.33333333;
	font-weight: bold;
	color: #000000
}
@media (max-width: 1199px) {
.make-text h1, .make-text h2, .make-text h3, .make-text h4, .make-text h5, .make-text h6 {
font-size:.36rem
}
}
@media (max-width: 767px) {
.make-text h1, .make-text h2, .make-text h3, .make-text h4, .make-text h5, .make-text h6 {
font-size:.36rem
}
}
@media (max-width: 767px) {
.make-text h1, .make-text h2, .make-text h3, .make-text h4, .make-text h5, .make-text h6 {
font-size:.4rem !important;
	line-height: 1.4
}
}
.make-text h4 {
font-size:.2rem;
	line-height: 1.5
}
@media (max-width: 1580px) {
.make-text h4 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.make-text h4 {
font-size:.34rem
}
}
.make-text h5 {
	font-size: 18px;
	line-height: 1.55555556
}
@media (max-width: 1580px) {
.make-text h5 {
	font-size: 16px
}
}
@media (max-width: 767px) {
.make-text h5 {
font-size:.26rem
}
}
.make-text h6 {
	font-size: 16px;
	line-height: 1.625
}
@media (max-width: 1580px) {
.make-text h6 {
	font-size: 14px
}
}
@media (max-width: 767px) {
.make-text h6 {
font-size:.26rem
}
}
.make-text p, .make-text span {
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
	color: #666
}
@media (max-width: 767px) {
.make-text p, .make-text span {
	font-size: 16px!important
}
}
.breadbox {
	overflow: hidden
}
.breadbox.on {
	border-bottom: 1px solid rgba(255,255,255,0.1)
}
.breadbox .container {
	display: flex;
	justify-content: space-between
}
.breadbox .container .hm_but {
	flex: 0 0 auto;
margin-left:.34rem;
	border-radius: 0;
	min-width: 1.42rem
}
.breadbox .fcont {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
padding:.3rem 0
}
@media (max-width: 991px) {
.breadbox .fcont {
	padding: 12px 0
}
}
.breadbox .fcont a, .breadbox .fcont span {
	transition: all .4s;
	line-height: 26px;
	color: #FFFFFF;
	zoom: 1
}
@media (max-width: 1580px) {
.breadbox .fcont a, .breadbox .fcont span {
	line-height: 24px
}
}
.breadbox .fcont a:after, .breadbox .fcont span:after {
	content: '';
	display: block;
	clear: both
}
.breadbox .fcont a img, .breadbox .fcont span img, .breadbox .fcont a svg, .breadbox .fcont span svg {
	float: left;
	width: 19px;
	height: 17px
}
@media (max-width: 1580px) {
.breadbox .fcont a img, .breadbox .fcont span img, .breadbox .fcont a svg, .breadbox .fcont span svg {
	width: 16px;
	height: 14px
}
}
.breadbox .fcont span {
	margin: 0 10px;
	display: block;
	position: relative
}
@media (max-width: 991px) {
.breadbox .fcont span {
	margin: 0 6px
}
}
.breadbox .fcont span svg, .breadbox .fcont span img {
	display: block;
	width: 10px;
	height: 10px
}
.breadbox .fcont a {
	flex: 0 0 auto
}
.breadbox .fcont a:hover:not(:last-child) {
	opacity: 1
}
.breadbox .fcont .on {
	flex: 1 1 auto
}
@media (max-width: 991px) {
.breadbox .fcont a:last-child {
	max-width: 36%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
}
@media (max-width:375px) {
.breadbox .fcont a:last-child {
	max-width: 30%
}
}
.breadbox .fcont .wofe {
	display: flex
}
.breadbox .fcont .wofe .li {
	display: flex;
	align-items: flex-start;
	padding: 0 6px;
	border: 1px solid #4070f4;
	line-height: 24px;
	font-size: 14px;
	color: var(--color)
}
.breadbox .fcont .wofe .li a {
	line-height: 1
}
.public-btn {
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
padding:.1rem .24rem;
	min-width: 1.28rem;
	color: #ffffff;
	background: var(--color);
	border-radius: 36px 36px 36px 0;
	transition: background .4s, border .4s, opacity .4s
}
@media (max-width: 767px) {
.public-btn {
padding:.14rem .3rem;
font-size:.26rem
}
}
.public-btn span {
	display: block
}
.public-btn .f_icon {
	display: flex;
	align-items: center;
	justify-content: center;
margin-left:.18rem;
	border-radius: 50%;
	transition: transform .4s;
	width: 14px;
	height: 14px
}
@media (max-width: 1580px) {
.public-btn .f_icon {
	width: 10px;
	height: 10px
}
}
@media (max-width: 767px) {
.public-btn .f_icon {
width:.2rem;
height:.2rem
}
}
.public-btn .f_icon img, .public-btn .f_icon svg {
	width: 100%;
	max-height: 100%
}
.public-btn:hover {
	opacity: .8
}
.public-btn2 {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff
}
.public-btn2:hover {
	background: var(--color);
	border-color: var(--color);
	color: #ffffff
}
.public-btn3 {
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	position: relative;
	z-index: 1;
border-radius:.08rem;
padding:.1rem .32rem
}
@media (max-width: 767px) {
.public-btn3 {
padding:.2rem .36rem
}
}
.public-btn3 span {
	color: #000000
}
.public-btn3 .f_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0E42A0;
margin-left:.1rem;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	transition: all .4s;
	color: #ffffff
}
@media (max-width: 1580px) {
.public-btn3 .f_icon {
	width: 12px;
	height: 12px
}
}
.public-btn3 .f_icon img, .public-btn3 .f_icon svg {
	width: 4px;
	height: 8px;
	object-fit: contain
}
.public-btn3:hover .f_icon {
transform:translateX(.1rem)
}
.public-img {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.public-img::before {
	content: "";
	display: block;
	position: relative;
	z-index: 0;
	padding-top: 100%
}
.public-img>img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	1height: 100%;
	object-fit: cover;
	transition: all .8s;1border: 1px solid #e0e0e0;1border-radius: .2rem;
}
.public-content {
	color: #666;
	line-height: 1.8
}
.public-content a {
	color: #666
}
.public-content table {
	max-width: 100%
}
.public-content table td, .public-content table th {
	padding: 10px 15px;
	border: 1px solid #dbf1ed
}
.public-content li {
	margin-left: 15px;
	list-style: disc
}
.public-content ol {
	margin-left: 15px;
	list-style: decimal
}
.public-content img, .public-content video {
	max-width: 100%;
	height: auto !important
}
.basepage {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center
}
.basepage a, .basepage span, .basepage .f_fan, .basepage input, .basepage p {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all .4s;
	color: #fff;
	float: left;
	border-radius: 50%;
	font-size: 14px;
	margin: 0 7px 10px
}
@media (max-width: 1580px) {
.basepage a, .basepage span, .basepage .f_fan, .basepage input, .basepage p {
	width: 40px;
	height: 40px;
	margin: 0 5px 10px
}
}
@media (max-width: 991px) {
.basepage a, .basepage span, .basepage .f_fan, .basepage input, .basepage p {
width:.56rem;
border-radius:.1rem;
margin:0 .07rem 10px;
height:.56rem
}
}
@media (max-width: 767px) {
.basepage a, .basepage span, .basepage .f_fan, .basepage input, .basepage p {
	width: 34px;
	height: 34px;
	font-size: 14px
}
}
.basepage input {
	text-align: center
}
.basepage .f_int {
	margin: 0 22px 10px;
	border-radius: 50%
}
.basepage .f_int:before, .basepage .f_int:after {
	border-radius: 50%
}
@media (max-width: 1580px) {
.basepage .f_int {
	margin: 0 16px 10px
}
}
.basepage .f_int input {
	margin: 0;
	color: rgba(255,255,255,0.8)
}
.basepage span, .basepage p {
	border: none;
	width: auto;
	color: #999999;
	background-color: transparent
}
.basepage p {
	color: #ffffff
}
.basepage .f_zi {
	margin-right: 0
}
.basepage .f_zi2 {
	margin-left: 0
}
.basepage a {
	position: relative
}
.basepage a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	transition: all .4s
}
.basepage a:hover {
	color: #ffffff
}
.basepage a:hover:before {
	opacity: 1
}
.basepage .active:before {
	opacity: 1
}
.basepage .f_fan {
	width: 72px;
	color: var(--color);
	padding: 0 10px;
	text-align: center
}
@media (max-width: 1580px) {
.basepage .f_fan {
	width: 68px
}
}
@media (max-width: 767px) {
.basepage .f_fan {
	width: 64px
}
}
.basepage .f_fan::-webkit-input-placeholder {
color:#999999
}
.basepage .f_fan::-ms-input-placeholder {
color:#999999
}
.basepage .prev svg, .basepage .next svg, .basepage .prev img, .basepage .next img {
	width: 10px;
	height: 11px;
	object-fit: contain
}
@media (max-width: 1580px) {
.basepage .prev svg, .basepage .next svg, .basepage .prev img, .basepage .next img {
	width: 8px;
	height: 8px
}
}
.basepage .fan {
	width: auto;
	padding: 0 15px
}
.basepage2 {
	display: flex
}
.basepage2 .f_prev, .basepage2 .f_next {
	color: #000000;
	display: flex;
	align-items: center;
	transition: all .4s
}
.basepage2 .f_prev img, .basepage2 .f_next img, .basepage2 .f_prev svg, .basepage2 .f_next svg {
	width: 8px;
	height: 12px;
	object-fit: contain
}
@media (max-width: 1580px) {
.basepage2 .f_prev img, .basepage2 .f_next img, .basepage2 .f_prev svg, .basepage2 .f_next svg {
	width: 6px;
	height: 10px
}
}
.basepage2 .f_prev:hover, .basepage2 .f_next:hover {
	color: var(--color)
}
.basepage2 .f_prev {
	margin-right: auto
}
.basepage2 .f_prev img, .basepage2 .f_prev svg {
	margin-right: 8px
}
.basepage2 .f_zhis {
	display: flex;
	align-items: center
}
.basepage2 .f_zhis a {
	color: #000000
}
.basepage2 .f_zhis a.on {
	color: var(--color)
}
.basepage2 .f_zhis span {
	display: block;
	width: 14px;
	height: 2px;
	background: #000;
	margin: 0 15px
}
@media (max-width: 1580px) {
.basepage2 .f_zhis span {
	width: 10px;
	margin: 0 10px
}
}
.basepage2 .f_zhis span:last-child {
	display: none
}
.basepage2 .f_next {
	margin-left: auto
}
.basepage2 .f_next img, .basepage2 .f_next svg {
	margin-left: 8px
}
#c-placeholder {
	height: 100px
}
@media (max-width: 991px) {
#c-placeholder {
	height: 60px
}
}
.basemenubut {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 100%;
width:.4rem
}
.basemenubut span {
	display: block;
	width: 100%;
	height: 2px;
margin-bottom:.1rem;
	border-radius: 3px;
	background-color: #666;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.basemenubut span:last-child {
	margin-bottom: 0
}
.basemenubut2 span:nth-child(1) {
	transform: rotate(45deg);
	margin: 0;
	margin-top: 2px
}
.basemenubut2 span:nth-child(2) {
	display: none
}
.basemenubut2 span:nth-child(3) {
	transform: rotate(-45deg);
	margin: 0;
	margin-top: -2px
}
.base_img {
	position: relative;
	overflow: hidden
}
.base_img img, .base_img svg {
	transition: all .6s;
	-webkit-transition: all .6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto
}
.base_img:before {
	content: "";
	display: block
}
.webstiembox {
	padding: 1.5rem 0
}
@media (max-width: 767px) {
.webstiembox {
	padding: 1.3rem 0
}
}
.webstiembox>.container {
	max-width: 1200px
}
.webstiembox>.container .fztit1 {
	color: #000;
margin-bottom:.56rem;
	text-align: center
}
.webstiembox>.container .cont {
	display: flex;
	flex-wrap: wrap
}
@media (max-width: 767px) {
.webstiembox>.container .cont {
	border-top: none;
	padding-top: 0
}
}
.webstiembox>.container .cont .jut {
	width: 16.66%;
	flex: 1 1 auto;
	flex-wrap: wrap;
	line-height: 28px
}
@media (max-width: 1580px) {
.webstiembox>.container .cont .jut {
	line-height: 24px
}
}
@media (max-width: 991px) {
.webstiembox>.container .cont .jut {
	width: 100%;
	line-height: 1.5;
margin-bottom:.6rem;
padding-bottom:.4rem;
	border-bottom: 1px solid #ddd
}
}
.webstiembox>.container .cont .jut:last-child {
	margin-bottom: 0;
	border-bottom: none
}
.webstiembox>.container .cont .jut .tit {
	display: block;
	width: 19.42%;
	font-weight: bold;
	width: 100%;
	color: #000;
margin-bottom:.14rem
}
@media (max-width: 767px) {
.webstiembox>.container .cont .jut .tit {
	width: 100%
}
}
.webstiembox>.container .cont .jut .tit:hover {
	color: var(--color);
	text-decoration: underline
}
.webstiembox>.container .cont .jut .nei {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 80.58%
}
@media (max-width: 991px) {
.webstiembox>.container .cont .jut .nei {
	width: 82%
}
}
@media (max-width: 991px) {
.webstiembox>.container .cont .jut .nei {
	width: 100%;
	flex-direction: row;
margin-top:.24rem
}
}
.webstiembox>.container .cont .jut .nei .li {
	display: inline-block;
padding-right:.1rem;
margin-bottom:.1rem;
	transition: all .4s;
	color: #000;
	opacity: .6;
	display: block
}
@media (max-width: 991px) {
.webstiembox>.container .cont .jut .nei .li {
	width: auto
}
}
@media (max-width: 991px) {
.webstiembox>.container .cont .jut .nei .li {
	width: auto;
margin-right:.4rem;
font-size:.24rem
}
}
.webstiembox>.container .cont .jut .nei .li:hover {
	opacity: 1;
	color: var(--color);
	text-decoration: underline
}
.errorbox {
	position: relative;
	overflow: hidden;
	padding: 1.8rem 0 1.5rem
}
@media (max-width: 767px) {
.errorbox {
	padding: 1.2rem 0
}
}
.errorbox .container {
	text-align: center
}
@media (max-width: 767px) {
.errorbox .container {
padding:0 .5rem
}
}
.errorbox .container .f_img {
	height: 1.8rem;
margin-bottom:.3rem
}
.errorbox .container .f_img img {
	max-width: 100%;
	height: 100%;
	object-fit: contain
}
.errorbox .container .f_tit {
	color: #000000;
margin-bottom:.16rem
}
.errorbox .container .f_text {
	color: #333;
margin-bottom:.22rem
}
.errorbox .container .f_text span {
	color: var(--color)
}
.errorbox .container .public-btn {
	min-width: 1.4rem
}
.errorbox2 {
	position: relative
}
.errorbox2 .f_bag {
	width: 100%;
	height: 100vh
}
.errorbox2 .f_bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.errorbox2 .cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	color: #ffffff;
	padding: 1.36rem 0
}
@media (max-width: 767px) {
.errorbox2 .cont {
	padding: 1.96rem 0
}
}
.errorbox2 .cont .f_name {
margin-bottom:.2rem
}
.errorbox2 .cont .f_tit {
margin-bottom:.12rem;
font-size:.52rem
}
.errorbox2 .cont .f_text {
margin-bottom:.48rem
}
.hadheight {
	height: 64px
}
@media (max-width: 767px) {
.hadheight {
	height: 1.1rem
}
}
.hadbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-transition: all .4s linear;
	transition: all .4s linear
}
.hadbox-sec1 {
	-webkit-transition: height .4s linear, background .4s linear;
	transition: all .4s linear;
	color: #fff;
	border-bottom: 1px solid transparent;
	line-height: 64px;
	height: 64px;
	position: relative
}
.hadbox-sec1 a {
	color: #ffffff
}
@media (max-width: 767px) {
.hadbox-sec1 {
	line-height: 1.1rem;
	height: 1.1rem
}
}
.hadbox-sec1>.container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	max-width: 1848px
}
@media (min-width: 768px) {
.hadbox-sec1>.container {
	width: 97%
}
}
.hadbox-sec1 .lt {
	display: flex;
	align-items: center
}
.hadbox-sec1 .lt .fz_logo {
	line-height: 1.5;
	position: relative
}
.hadbox-sec1 .lt .fz_logo .f_tu {
	display: block;
	overflow: hidden;
	height: 100%;
	height: 38px;
}
@media (max-width: 1580px) {
.hadbox-sec1 .lt .fz_logo .f_tu {
	height: 22px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .lt .fz_logo .f_tu {
height:.4rem;
height:.64rem
}
}
.hadbox-sec1 .lt .fz_logo .f_tu img {
	float: left;
	height: 100%;
	max-width: 100%;
	object-fit: contain
}
.hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: none
}
.hadbox-sec1 .f_navbox {
	display: flex;
	align-items: center;
	margin-left: -1.8rem
}
@media (max-width: 1199px) {
.hadbox-sec1 .f_navbox {
	margin-left: -0.2rem
}
}
@media (max-width: 991px) {
.hadbox-sec1 .f_navbox {
	display: none
}
}
.hadbox-sec1 .f_navbox>li {
	height: 100%;
	display: flex;
	position: relative;
	align-items: center
}
.hadbox-sec1 .f_navbox>li .tit {
	display: flex;
	align-items: center;
	font-size: 18px;
padding:0 .23rem;
	position: relative
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li .tit {
	font-size: 16px
}
}
@media (max-width: 1199px) {
.hadbox-sec1 .f_navbox>li .tit {
padding:0 .18rem
}
}
.hadbox-sec1 .f_navbox>li .tit i {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	margin-left: 10px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	width: 11px;
	height: 6px
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li .tit i {
	width: 8px;
	height: 5px
}
}
.hadbox-sec1 .f_navbox>li .tit i img, .hadbox-sec1 .f_navbox>li .tit i svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 100%;
	float: left
}
.hadbox-sec1 .f_navbox>li .tit i img:nth-child(2), .hadbox-sec1 .f_navbox>li .tit i svg:nth-child(2) {
	display: none
}
.hadbox-sec1 .f_navbox>li .tit i svg {
	max-width: 100%;
	max-height: 100%
}
.hadbox-sec1 .f_navbox>li .tit i svg path {
	fill: #ffffff
}
.hadbox-sec1 .f_navbox>li .tit span {
	position: relative;
	color: #ffffff;
	transition: all .4s
}
.hadbox-sec1 .f_navbox>li .tit span:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: .7em;
	width: 0;
	background-color: var(--color);
	height: 2px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	border-radius: 2px;
	display: none
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li .tit span:after {
	height: 2px
}
}
.hadbox-sec1 .f_navbox>li>ul {
	position: absolute;
	top: 100%;
	left: -0.34rem;
	width: 2rem;
	background-color: rgba(255,255,255,0.9);
	background: #ffffff;
	line-height: 1.5;
	text-align: left;
	border-radius: 20px;
	border: solid 1px #e4e4e4;
	margin-top: -1px;
box-shadow:0 15px .3rem 0 rgba(0,0,0,0.08);
	display: none;
padding:14px 0 .26rem
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li>ul {
padding:10px 0 .26rem;
	border-radius: 14px;
	width: 2.3rem
}
}
.hadbox-sec1 .f_navbox>li>ul>li:last-child {
	margin-bottom: 0
}
.hadbox-sec1 .f_navbox>li>ul>li a {
	font-size: 16px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	color: #000000;
	display: block;
	position: relative;
padding:14px .34rem
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li>ul>li a {
padding:10px .34rem;
	font-size: 14px
}
}
.hadbox-sec1 .f_navbox>li>ul>li a img {
	width: 20px;
	height: 20px;
	position: absolute;
left:.76rem;
top:.24rem;
	margin-top: .25em;
	object-fit: contain
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li>ul>li a img {
	width: 16px;
	height: 16px
}
}
.hadbox-sec1 .f_navbox>li>ul>li a:hover {
	color: var(--color)
}
.hadbox-sec1 .f_navbox>li.on .tit, .hadbox-sec1 .f_navbox>li.on2 .tit {
	color: #ffffff
}
.hadbox-sec1 .f_navbox>li.on .tit span:after, .hadbox-sec1 .f_navbox>li.on2 .tit span:after {
	width: 100%;
	background: #ffffff
}
.hadbox-sec1 .f_navbox>li:last-child .tit:before {
	display: none
}
.hadbox-sec1 .f_navbox>li:hover .tit i {
	transform: rotate(180deg)
}
.hadbox-sec1 .f_navbox>li.f_childrend {
	position: initial
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #ffffff;
padding:.3rem 0 .34rem;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	display: none;
	z-index: 2;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1)
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 a {
	color: #000
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container {
	display: flex
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt {
	width: 11.44%;
	display: flex;
	flex-direction: column
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt {
	width: 13%
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_nav {
margin-bottom:.25rem;
	1max-height: 3.4rem;
	overflow-x: hidden;
	overflow-y: auto
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_nav .li {
	display: block;
	width: 100%;
	border-radius: 6px;
	transition: all .4s;
	padding: 11px 10px
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_nav .li {
	padding: 8px
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_nav .li.on {
	color: #c81a13;
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_btn {
	margin-top: auto;
	display: flex;
	align-items: center;
	transition: all .4s;
padding-top:.3rem;
	border-top: 1px solid rgba(0,0,0,0.06)
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_btn i {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
	width: 7px;
	height: .85714286em
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_btn i img, .hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_btn i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_navlt .f_btn:hover {
	color: var(--color)
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong {
	width: 88.99%;
	position: relative
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong {
	width: 87%
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	transition: all .4s;
padding-left:.64rem;1justify-content: center; /* 水平居中 */

  1align-items: center;     /* 垂直居中 */
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong.on {
	position: relative;
	visibility: inherit;
	opacity: 1
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_prev, .hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_next {
	position: absolute;
	top: 1.2rem;
top:.9rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_prev {
left:.08rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_next {
	right: -0.54rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper {
	width: auto;
	margin: 0 -0.15rem 0
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 16.66%;
padding:0 .15rem
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 13%
}
}
@media (max-width: 1199px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 14%
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list {
	display: block;
padding:0 0 .26rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .f_img {
	height: 2.3rem;
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .f_img:before {
	padding-top: 112.5%;
	padding-top: 0
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .f_img img {
	object-fit: contain
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .font {
	margin-top: -0.26rem;
	margin-top: -0.1rem;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .font .f_name {
	color: #444;
	height: 1.7em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	font-size: 14px;
	1border: 1px solid #444;
padding:0 .06rem;
margin-bottom:.1rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list .font .f_t2 {
	color: #444444;
	width: 100%;
	margin-top: auto
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .hover_swiper .swiper-slide .list:hover .f_img img {
	transform: scale(1.1)
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh {
	display: flex;
	justify-content: center;
	margin-top: auto
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn {
	background: #f8f8f8;
	border-radius: 22px;
	display: flex;
	align-items: center
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu {
padding:10px .5rem;
	color: #000000;
	display: flex;
	transition: all .4s;
	align-items: center;
	justify-content: center;
	position: relative
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 1em;
	background: #050001;
	opacity: .1;
	transform: translateY(-50%)
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu {
padding:6px .5rem
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.28571429em;
	height: 1.28571429em;
	margin-right: .71428571em
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu i img, .hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu:last-child:after {
	display: none
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover1 .container .f_zrong .f_rong .f_zeh .f_btn .f_niu:hover {
	color: var(--color)
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 {
padding-top:.1rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong {
	width: 100%
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong {
	padding-left: 0
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_prev, .hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_next {
	top: 1rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_prev {
	left: -0.54rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_next {
	right: -0.54rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 16.666%;
	width: 14.28%
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 14.28%
}
}
@media (max-width: 1199px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover2 .container .f_zrong .f_rong .hover_swiper .swiper-slide {
	width: 16.66%
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 {
padding:.36rem 0 .26rem
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li {
margin:0 .35rem .1rem;
	display: flex;
	align-items: center;
	color: #000;
	transition: all .4s
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li i {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	margin-right: 10px
}
@media (max-width: 1580px) {
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li i {
	width: 16px;
	margin-right: 8px;
	height: 16px
}
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li i img, .hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li i svg {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}
.hadbox-sec1 .f_navbox>li.f_childrend .f_hover3 .f_hoverlink .li:hover {
	color: var(--color)
}
.hadbox-sec1 .gt {
	display: flex;
	align-items: center;
	height: 100%
}
.hadbox-sec1 .gt .f_lang {
	position: relative;
	z-index: 1;
	height: 100%;
	margin-left: 20px
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_lang {
margin-left:.34rem
}
}
.hadbox-sec1 .gt .f_lang .f_tit {
	display: flex;
	align-items: center;
	height: 100%
}
.hadbox-sec1 .gt .f_lang .f_tit .f_icon1 {
	width: 26px;
	height: 26px
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .f_lang .f_tit .f_icon1 {
	width: 22px;
	height: 22px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_lang .f_tit .f_icon1 {
width:.34rem;
height:.34rem
}
}
.hadbox-sec1 .gt .f_lang .f_tit .f_icon1 path {
	fill: #fff
}
.hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
	width: 24px;
	height: 24px;
	object-fit: contain
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
	width: 22px;
	height: 22px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
width:.34rem;
height:.34rem
}
}
.hadbox-sec1 .gt .f_lang .f_tit .f_icon2 path {
	fill: #fff
}
.hadbox-sec1 .gt .f_lang .f_hover1 {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1.5;
	width: 80px;
	background: rgba(255,255,255,0.9);
	border: 1px solid #dddddd;
	display: none
}
@media (min-width: 992px) {
.hadbox-sec1 .gt .f_lang .f_hover1 {
	border-top: none;
	border-right: none
}
}
@media (max-width: 991px) {
.hadbox-sec1 .gt .f_lang .f_hover1 {
	border-top: none
}
}
.hadbox-sec1 .gt .f_lang .f_hover1>.li {
	display: block;
	text-align: center;
padding:.14rem .2rem
}
.hadbox-sec1 .gt .f_lang .f_hover1>.li span {
	color: #222;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 95%, var(--color) 0%);
	background-size: 0 100%;
	font-size: 14px;
	line-height: 1.71428571;
	background-repeat: no-repeat;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .f_lang .f_hover1>.li span {
	font-size: 12px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_lang .f_hover1>.li span {
font-size:.26rem
}
}
.hadbox-sec1 .gt .f_lang .f_hover1>.li:hover span {
	background-size: 100% 100%;
	color: var(--color)
}
.hadbox-sec1 .gt .f_lang:hover .f_hover1 {
	display: block
}
.hadbox-sec1 .gt .f_search {
	color: #ffffff !important;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative
}
.hadbox-sec1 .gt .f_search .f_tit {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	transition: none;
	object-fit: contain
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .f_search .f_tit {
	width: 18px;
	height: 18px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_search .f_tit {
margin-left:.34rem;
width:.34rem;
height:.34rem
}
}
.hadbox-sec1 .gt .f_search .f_tit img, .hadbox-sec1 .gt .f_search .f_tit svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.hadbox-sec1 .gt .f_search .f_tit img path, .hadbox-sec1 .gt .f_search .f_tit svg path {
	transition: none
}
.hadbox-sec1 .gt .f_but {
	display: -webkit-inline-flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1.5;
	margin-left: 20px;
	font-size: 14px;
	line-height: 1.71428571;
	transition: all .4s;
padding:.1rem .16rem;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(244,244,240,0.06)
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .f_but {
	font-size: 12px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_but {
font-size:.26rem
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .f_but {
margin-left:.34rem
}
}
.hadbox-sec1 .gt .f_but:hover {
	background: #ffffff;
	color: #333
}
.hadbox-sec1 .gt .heditem {
margin-right:.6rem
}
.hadbox-sec1 .gt .heditem:nth-last-child(2), .hadbox-sec1 .gt .heditem:last-child {
	margin-right: 0
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .heditem {
margin-right:.4rem
}
}
.hadbox-sec1 .gt .heditem .f_btnicon {
	height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	transition: all .4s
}
@media (max-width: 1580px) {
.hadbox-sec1 .gt .heditem .f_btnicon {
	width: 18px;
	height: 18px
}
}
@media (max-width: 767px) {
.hadbox-sec1 .gt .heditem .f_btnicon {
width:.34rem;
height:.34rem
}
}
.hadbox-sec1 .gt .heditem .f_btnicon img, .hadbox-sec1 .gt .heditem .f_btnicon svg {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}
.hadbox-sec1 .gt .qie {
margin-left:.46rem
}
@media (min-width: 992px) {
.hadbox-sec1 .gt .qie {
	display: none
}
}
.hadbox-sec1 .gt .qie span {
	background-color: #ffffff
}
.hadbox-sec2 {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	width: 100%;
	height: 100vh;
	height: calc(100vh - 70px);
	display: none;
	background: #ffffff;
	border-top: 1px solid #ddd
}
@media (max-width: 767px) {
.hadbox-sec2 {
height:calc(100% - .9rem)
}
}
.hadbox-sec2 .container {
	position: relative;
padding:.34rem 0 .63rem
}
@media (max-width: 1199px) {
.hadbox-sec2 .container {
	height: 100%;
	padding: 0
}
}
.hadbox-sec2 .container .f_close {
	display: flex;
	color: #000000;
	align-items: center;
	line-height: 1.3;
font-size:.26rem
}
.hadbox-sec2 .container .f_close img, .hadbox-sec2 .container .f_close svg {
margin-right:.15rem;
width:.24rem;
height:.24rem
}
.hadbox-sec2 .container .navbox {
padding:.4rem 0;
	line-height: 56px;
	height: 100%;
	display: flex;
	flex-direction: column;
margin-bottom:.3rem
}
.hadbox-sec2 .container .navbox>ul {
	height: 54vh;
	height: 70vh;
	margin-bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 90vh;
	margin-bottom: 0
}
.hadbox-sec2 .container .navbox>ul li {
	list-style: none
}
.hadbox-sec2 .container .navbox>ul>li {
margin-bottom:.3rem
}
.hadbox-sec2 .container .navbox>ul>li:last-child {
	margin-bottom: 0
}
.hadbox-sec2 .container .navbox>ul>li .tit {
font-size:.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	border-bottom: 1px solid #ddd
}
.hadbox-sec2 .container .navbox>ul>li .tit i {
width:.3rem;
height:.3rem;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.hadbox-sec2 .container .navbox>ul>li .tit i img, .hadbox-sec2 .container .navbox>ul>li .tit i svg {
	float: left;
	width: 100%;
	height: 100%
}
.hadbox-sec2 .container .navbox>ul>li .tit i img path, .hadbox-sec2 .container .navbox>ul>li .tit i svg path {
	fill: #333;
	stroke: none
}
.hadbox-sec2 .container .navbox>ul>li ul {
	line-height: 1.3;
	padding-bottom: 15px;
padding:.35rem 0;
	display: none
}
.hadbox-sec2 .container .navbox>ul>li ul>li {
margin-bottom:.3rem
}
.hadbox-sec2 .container .navbox>ul>li ul>li:last-child {
	margin-bottom: 0
}
.hadbox-sec2 .container .navbox>ul>li ul>li a {
	font-size: 16px;
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.hadbox-sec2 .container .navbox>ul>li ul>li a i {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	position: relative
}
.hadbox-sec2 .container .navbox>ul>li ul>li a i img, .hadbox-sec2 .container .navbox>ul>li ul>li a i svg {
	float: left;
	width: 30px;
	display: none
}
.hadbox-sec2 .container .navbox>ul>li ul>li a i img path, .hadbox-sec2 .container .navbox>ul>li ul>li a i svg path {
	fill: #666
}
.hadbox-sec2 .container .navbox>ul>li ul>li a i:after, .hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
	content: "";
	display: block;
	width: 14px;
	height: 2px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -13px;
	background-color: #999
}
.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
	transform: rotate(90deg)
}
.hadbox-sec2 .container .navbox>ul>li ul>li.on a {
	color: #000000
}
.hadbox-sec2 .container .navbox>ul>li ul>li.active>a i:before {
	opacity: 0
}
.hadbox-sec2 .container .navbox>ul>li ul ul a {
	font-size: 14px
}
.hadbox-sec2 .container .navbox>ul>li.active .tit {
	color: var(--color)
}
.hadbox-sec2 .container .navbox>ul>li.active .tit i {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.hadbox-sec2 .container .navbox>ul>li.on .tit {
	color: var(--color)
}
.hadbox-sec2 .container .f_wen {
	line-height: 1.41666667;
margin-bottom:.24rem;
	margin-top: auto
}
.hadbox-sec2 .container .f_tel {
	line-height: 1.41666667;
	color: #666666;
margin-bottom:.34rem
}
.hadbox-sec2 .container .f_fen {
	display: flex;
	flex-wrap: wrap
}
@media (max-width: 767px) {
.hadbox-sec2 .container .f_fen {
	width: 100%
}
}
.hadbox-sec2 .container .f_fen .li {
margin-right:.18rem;
	position: relative
}
.hadbox-sec2 .container .f_fen .li .tit {
width:.5rem;
height:.5rem;
	border: solid 1px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000000;
	transition: all .4s;
	border-radius: 50%
}
@media (max-width: 767px) {
.hadbox-sec2 .container .f_fen .li .tit {
width:.66rem;
height:.66rem
}
}
.hadbox-sec2 .container .f_fen .li .tit img, .hadbox-sec2 .container .f_fen .li .tit svg {
	max-width: 40%;
	max-height: 40%;
	object-fit: contain;
	min-height: 34%
}
.hadbox-sec2 .container .f_fen .li:hover .tit {
	color: #fff;
	background: #000;
	border-color: #000
}
.hadbox:hover .hadbox-sec1 {
	background-color: #c81a13;
	color: #fff !important;
}

.hadbox:hover .hadbox-sec1 .tit{
	
	color: #fff !important;
}

.hadbox:hover .hadbox-sec1 a {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .lt .fz_logo .f_tu img {
	display: none
}
.hadbox:hover .hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: block
}
.hadbox:hover .hadbox-sec1 .f_navbox li .tit span {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .f_navbox li .tit i {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .f_navbox li .tit:hover {
	opacity: 1
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on>.tit {
	opacity: 1
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on>.tit span {
	color: var(--color)
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on>.tit i {
	color: var(--color)
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on2>.tit, .hadbox:hover .hadbox-sec1 .f_navbox li:hover>.tit {
	opacity: 1
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on2>.tit span, .hadbox:hover .hadbox-sec1 .f_navbox li:hover>.tit span {
	color: var(--color)
}
.hadbox:hover .hadbox-sec1 .f_navbox li.on2>.tit i, .hadbox:hover .hadbox-sec1 .f_navbox li:hover>.tit i {
	transform: rotate(180deg);
	color: var(--color)
}
.hadbox:hover .hadbox-sec1 .f_navbox>li.on .tit span:after {
	width: 100%;
	background: var(--color)
}
.hadbox:hover .hadbox-sec1 .f_navbox>li.on:hover .tit span:after {
	width: 100%
}
.hadbox:hover .hadbox-sec1 .gt .f_lang .f_tit {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .gt .f_lang .f_tit .f_icon1, .hadbox:hover .hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .gt .f_lang:hover .f_tit {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon1, .hadbox:hover .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon2 {
	color: #000000
}
.hadbox:hover .hadbox-sec1 .gt .f_search {
	color: #000 !important
}
.hadbox:hover .hadbox-sec1 .gt .f_search:hover {
	color: var(--color) !important
}
.hadbox:hover .hadbox-sec1 .gt .qie span {
	background-color: #000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 {
	border-color: transparent;
	color: #fff
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 a {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .lt .fz_logo .f_tu img {
	display: none
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: block
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li .tit span {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li .tit i {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li .tit:hover {
	opacity: 1
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on>.tit {
	opacity: 1
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on>.tit span {
	color: var(--color)
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on>.tit i {
	color: var(--color)
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on2>.tit, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li:hover>.tit {
	opacity: 1; 
}


.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on2>.tit span, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li {
	color: #fff;
}




.hadbox:hover .hadbox-sec1 {
  background-color: #c81a13;
  color: #fff !important;
}

.hadbox:hover .hadbox-sec1  .f_navbox .f_childrend .tit span{
  
  color: #fff !important;
}

/* 如果 logo 是图片，可能需要单独设置 */
.hadbox:hover .hadbox-sec1 .f_tu img {
  filter: brightness(0) invert(1); /* 将彩色logo变为白色 */
}


.hadbox:hover .f_btnicon svg {
  filter: brightness(0) invert(1); /* 将彩色logo变为白色 */
}



.hadbox:hover .hadbox-sec1 .logo path {

  fill: #fff;

}







.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on2>.tit span, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li:hover>.tit span {
	color: #fff;
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li.on2>.tit i, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox li:hover>.tit i {
	transform: rotate(180deg);
	color: var(--color)
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox>li.on .tit span:after {
	width: 100%;
	background: var(--color)
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .f_navbox>li.on:hover .tit span:after {
	width: 100%
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang .f_tit {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang .f_tit .f_icon1, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang:hover .f_tit {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon1, .hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon2 {
	color: #000000
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_search {
	color: #000 !important
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .f_search:hover {
	color: var(--color) !important
}
.hadbox.hadbox-1:not(.on) .hadbox-sec1 .gt .qie span {
	background-color: #000
}
.hed_search {
	text-align: left;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	line-height: 1.1;
	border-top: 1px solid #ddd;
	display: none;
box-shadow:0 4px .1rem rgba(0,0,0,0.06)
}
.hed_search .container {
padding:.42rem 0 .7rem
}
.hed_search .container .cont {
	width: 8.25rem;
	max-width: 100%;
	margin: 0 auto
}
@media (max-width: 767px) {
.hed_search .container .cont {
	width: 100%
}
}
.hed_search .container .cont .f_form {
	width: 100%;
	display: flex;
	justify-content: space-between;
margin-bottom:.44rem;
	border-bottom: 1px solid #ddd;
padding-bottom:.12rem
}
.hed_search .container .cont .f_form input {
	color: #000;
	width: calc(100% - 30px);
padding-right:.2rem
}
@media (max-width: 1580px) {
.hed_search .container .cont .f_form input {
	width: calc(100% - 26px)
}
}
.hed_search .container .cont .f_form input::-webkit-input-placeholder {
color:#999
}
.hed_search .container .cont .f_form input:-moz-placeholder {
color:#999
}
.hed_search .container .cont .f_form input::-moz-placeholder {
color:#999
}
.hed_search .container .cont .f_form input:-ms-input-placeholder {
color:#999
}
.hed_search .container .cont .f_form input:placeholder {
color:#999
}
.hed_search .container .cont .f_form .f_sub {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all .4s;
	width: 30px;
padding:.05rem;
	margin-right: 16px;
	height: 30px;
	cursor: pointer;
	color: #000000
}
@media (max-width: 1580px) {
.hed_search .container .cont .f_form .f_sub {
	width: 26px;
	height: 26px;
	margin-right: 12px
}
}
.hed_search .container .cont .f_form .f_sub:hover {
	opacity: .86
}
.hed_search .container .cont .f_form .f_sub svg, .hed_search .container .cont .f_form .f_sub img {
	width: 100%;
	height: auto
}
.hed_search .container .cont .f_form .f_sub:hover {
	color: var(--color)
}
.hed_search .container .cont .f_form .f_close {
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #222222;
	transition: all .4s;
	margin-top: 2px
}
@media (max-width: 1580px) {
.hed_search .container .cont .f_form .f_close {
	width: 14px;
	height: 14px
}
}
.hed_search .container .cont .f_form .f_close:hover {
	color: var(--color);
	transform: rotate(90deg);
	cursor: pointer
}
.hed_search .container .cont .f_jut {
	line-height: 30px
}
@media (max-width: 1580px) {
.hed_search .container .cont .f_jut {
	line-height: 26px
}
}
@media (max-width: 767px) {
.hed_search .container .cont .f_jut {
line-height:.5rem;
	display: block
}
}
.hed_search .container .cont .f_jut .f_name {
	color: #000;
margin-bottom:.16rem
}
.hed_search .container .cont .f_jut .f_link {
	display: flex;
	flex-wrap: wrap
}
.hed_search .container .cont .f_jut .f_link .li {
margin-right:.26rem;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 0;
	color: #000;
margin-bottom:.26rem;
	border-radius: 20px
}
@media (max-width: 767px) {
.hed_search .container .cont .f_jut .f_link .li {
padding:6px .34rem
}
}
.hed_search .container .cont .f_jut .f_link .li:before, .hed_search .container .cont .f_jut .f_link .li:after {
	border-radius: 20px
}
.hed_search .container .cont .f_jut .f_link .li:hover {
	color: var(--color)
}
.hed_search .container .cont .g_del {
	cursor: pointer;
margin:.54rem auto 0;
width:.56rem;
height:.56rem;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s
}
.hed_search .container .cont .g_del:hover {
	border-color: var(--color)
}
.hed_search .container .cont .g_del:hover svg {
	color: var(--color)
}
.hed_search .container .cont .g_del img, .hed_search .container .cont .g_del svg {
	width: 14px;
	height: auto
}
.hed_search .container .cont .g_del img path, .hed_search .container .cont .g_del svg path {
	transition: all .4s
}
.hadbox2 .hadbox-sec1 {
	background-color: #ffffff;
	color: #000
}
.hadbox2 .hadbox-sec1 a {
	color: #000000
}
.hadbox2 .hadbox-sec1 .lt .fz_logo .f_tu img {
	display: none
}
.hadbox2 .hadbox-sec1 .lt .fz_logo .f_tu img:nth-child(2) {
	display: block
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit span {
	color: #000000
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit i {
	color: #000000
}
.hadbox2 .hadbox-sec1 .f_navbox li .tit:hover {
	opacity: 1
}
.hadbox2 .hadbox-sec1 .f_navbox li.on>.tit {
	opacity: 1
}
.hadbox2 .hadbox-sec1 .f_navbox li.on>.tit span {
	color: var(--color)
}
.hadbox2 .hadbox-sec1 .f_navbox li.on>.tit i {
	color: var(--color)
}
.hadbox2 .hadbox-sec1 .f_navbox li.on2>.tit, .hadbox2 .hadbox-sec1 .f_navbox li:hover>.tit {
	opacity: 1
}
.hadbox2 .hadbox-sec1 .f_navbox li.on2>.tit span, .hadbox2 .hadbox-sec1 .f_navbox li:hover>.tit span {
	color: var(--color)
}
.hadbox2 .hadbox-sec1 .f_navbox li.on2>.tit i, .hadbox2 .hadbox-sec1 .f_navbox li:hover>.tit i {
	transform: rotate(180deg);
	color: var(--color)
}
.hadbox2 .hadbox-sec1 .f_navbox>li.on .tit span:after {
	width: 100%;
	background: var(--color)
}
.hadbox2 .hadbox-sec1 .f_navbox>li.on:hover .tit span:after {
	width: 100%
}
.hadbox2 .hadbox-sec1 .gt .f_lang .f_tit {
	color: #000000
}
.hadbox2 .hadbox-sec1 .gt .f_lang .f_tit .f_icon1, .hadbox2 .hadbox-sec1 .gt .f_lang .f_tit .f_icon2 {
	color: #000000
}
.hadbox2 .hadbox-sec1 .gt .f_lang:hover .f_tit {
	color: #000000
}
.hadbox2 .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon1, .hadbox2 .hadbox-sec1 .gt .f_lang:hover .f_tit .f_icon2 {
	color: #000000
}
.hadbox2 .hadbox-sec1 .gt .f_search {
	color: #000 !important
}
.hadbox2 .hadbox-sec1 .gt .f_search:hover {
	color: var(--color) !important
}
.hadbox2 .hadbox-sec1 .gt .qie span {
	background-color: #000
}
@media (min-width: 768px) {
.hadbox3 {
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}
}
.gmslidedown {
	transform: translateY(-20px);
	opacity: 0;
	transition: all .5s
}
.gmslidedown.anion {
	transform: translateY(0);
	opacity: 1
}
.fotbox {
	position: relative;
	z-index: 2
}
.fotbox-sec1 {
padding:.66rem 0 1.1rem
}
@media (max-width: 767px) {
.fotbox-sec1 {
padding:.66rem 0 .3rem
}
}
.fotbox-sec1 .container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.fotbox-sec1 .container .lt {
	width: 47.375%;
	padding-right: 2rem;
	display: flex;
	flex-direction: column
}
@media (max-width: 991px) {
.fotbox-sec1 .container .lt {
padding-right:.6rem;
	width: 40%
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt {
	width: 100%;
	padding-right: 0;
margin-bottom:.5rem;
	text-align: center
}
}
.fotbox-sec1 .container .lt .f_logo {
	display: block;
	height: 86px;
	margin-bottom: 0.80rem
}
@media (max-width: 1580px) {
.fotbox-sec1 .container .lt .f_logo {
	height: 60px
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt .f_logo {
1height:.56rem;
	width: 100%;
height:1.2rem;
margin-bottom:.2rem
}
}
.fotbox-sec1 .container .lt .f_logo img {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}
.fotbox-sec1 .container .lt .f_name {
	color: #444444;
	margin-bottom: 5px;font-size: 28px; font-weight:bold;
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt .f_name {
	margin-bottom: 15px
}
}
.fotbox-sec1 .container .lt .f_fen {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt .f_fen {
	width: auto;
	justify-content: center;
	margin-right: 0
}
}
.fotbox-sec1 .container .lt .f_fen .li {
	margin-right: 14px;
	margin-top: 10px;
	position: relative
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt .f_fen .li {
margin:0 .1rem
}
}
.fotbox-sec1 .container .lt .f_fen .li .f_tit {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	background: #f6f6f6;
	color: #000000;
	transition: all .4s;
	border-radius: 50%;
	position: relative;
	z-index: 1
}
@media (max-width: 1580px) {
.fotbox-sec1 .container .lt .f_fen .li .f_tit {
	width: 36px;
	height: 36px
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .lt .f_fen .li .f_tit {
width:.7rem;
height:.7rem
}
}
.fotbox-sec1 .container .lt .f_fen .li .f_tit img, .fotbox-sec1 .container .lt .f_fen .li .f_tit svg {
	width: 45%;
	height: 50%;
	object-fit: contain
}
@media (max-width: 1199px) {
.fotbox-sec1 .container .lt .f_fen .li .f_tit img, .fotbox-sec1 .container .lt .f_fen .li .f_tit svg {
	width: 50%;
	height: 50%
}
}
.fotbox-sec1 .container .lt .f_fen .li .f_tit:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all .4s
}
.fotbox-sec1 .container .lt .f_fen .li .f_tit:hover {
	color: #ffffff;
	background: var(--color);
	border-color: transparent
}
.fotbox-sec1 .container .lt .f_fen .li .f_tit:hover:before {
	opacity: 1
}
.fotbox-sec1 .container .lt .f_fen .li .f_hover {
	position: absolute;
	left: 50%;
	bottom: 100%;
margin-bottom:.2rem;
	transform: translateX(-50%);
	background: #ffffff;
border-radius:.1rem;
	display: none;
	width: 120px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2)
}
.fotbox-sec1 .container .lt .f_fen .li .f_hover img {
	width: 100%
}
.fotbox-sec1 .container .lt .f_fen .li:last-child .f_hover, .fotbox-sec1 .container .lt .f_fen .li:first-child .f_hover {
	left: 0;
	transform: translateX(0%)
}
.fotbox-sec1 .container .lt .f_fen .li:last-child .f_hover {
	left: initial;
	right: 0
}
.fotbox-sec1 .container .lt .f_fen .li:hover .f_hover {
	display: block
}
.fotbox-sec1 .container .gt {
	width: 52.625%
}
@media (max-width: 991px) {
.fotbox-sec1 .container .gt {
	width: 60%
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt {
	width: 100%
}
}
.fotbox-sec1 .container .gt .f_nav {
	display: flex;
	justify-content: space-between
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav {
	flex-wrap: wrap
}
}
.fotbox-sec1 .container .gt .f_nav>li {
padding-right:.16rem;
	max-width: 25%;
	position: relative
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li {
padding:.36rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-right: 0;
	width: 100%;
	max-width: 100%
}
.fotbox-sec1 .container .gt .f_nav>li:last-child {
	border-bottom: none
}
}
.fotbox-sec1 .container .gt .f_nav>li .f_tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000000
}
.fotbox-sec1 .container .gt .f_nav>li .f_tit a {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 96%, #fff 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
	transition: all .4s;
	display: block
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li .f_tit a {
width:calc(100% - .4rem)
}
}
.fotbox-sec1 .container .gt .f_nav>li .f_tit i {
width:.34rem;
height:.34rem;
width:.18rem;
height:.18rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s
}
@media (min-width: 768px) {
.fotbox-sec1 .container .gt .f_nav>li .f_tit i {
	display: block
}
}
.fotbox-sec1 .container .gt .f_nav>li .f_tit i img, .fotbox-sec1 .container .gt .f_nav>li .f_tit i svg {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain
}
@media (min-width: 1199px) {
.fotbox-sec1 .container .gt .f_nav>li .f_tit:hover a {
	background-size: 100% 100%
}
}
.fotbox-sec1 .container .gt .f_nav>li ul {
padding-top:.18rem;
	font-weight: inherit
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li ul {
padding-top:.4rem;
	display: none
}
}
.fotbox-sec1 .container .gt .f_nav>li ul li {
margin-bottom:.1rem
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li ul li {
margin-bottom:.38rem
}
}
.fotbox-sec1 .container .gt .f_nav>li ul li:last-child {
	margin-bottom: 0
}
.fotbox-sec1 .container .gt .f_nav>li ul li a {
	align-items: center;
	display: block;
	overflow: hidden;
	color: #000
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a {
	display: flex;
	justify-content: space-between
}
}
.fotbox-sec1 .container .gt .f_nav>li ul li a span {
	display: inline;
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 96%, #fff 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}
.fotbox-sec1 .container .gt .f_nav>li ul li a:hover {
	opacity: 1;
	color: #c81a13;
}
@media (min-width: 768px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a:hover span {
	background-size: 100% 100%
}
}
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	opacity: 0;
	flex: 0 0 auto;
margin-left:.2rem;
	transition: all .4s;
	height: 14px
}
@media (max-width: 1580px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon {
	width: 12px;
	height: 12px
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon {
	opacity: 1;
width:.34rem;
height:.34rem;
padding:.036rem
}
}
@media (min-width: 768px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon {
	position: relative;
	top: .3em;
	overflow: hidden;
	display: inline-block
}
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon img, .fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon svg {
	float: left
}
}
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon img, .fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon svg {
	width: 100%;
	height: 100%;
	object-fit: contain
}
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon img:nth-child(1), .fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon svg:nth-child(1) {
	display: none
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon img, .fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon svg {
	display: none
}
.fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon img:nth-child(1), .fotbox-sec1 .container .gt .f_nav>li ul li a .f_icon svg:nth-child(1) {
	display: block
}
}
.fotbox-sec1 .container .gt .f_nav>li.on .f_tit i {
	transform: rotate(90deg)
}
.fotbox-sec1 .container .gt .f_nav>li.promenu {
	max-width: 32.222%;
	width: 32.22%
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu {
	width: 100%;
	max-width: 100%
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul {
	width: 50%;
	position: relative
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul {
	width: 100%;
	display: block
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li ul {
	width: 100%;
padding-left:.32rem;
	display: none
}
@media (min-width: 768px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li ul {
	position: absolute;
	left: 100%;
	top: 0;
	padding-top: 0
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li ul:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ffffff;
	opacity: .1
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li ul:before {
	display: none
}
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li ul li a {
	color: rgba(255,255,255,0.5)
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on>a {
	color: #fff
}
@media (min-width: 768px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on a span {
	color: #fff;
	background-size: 100% 100%
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on a .f_icon {
	opacity: 1
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on a .f_icon {
	transform: rotate(180deg)
}
}
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on ul {
	display: block
}
@media (max-width: 767px) {
.fotbox-sec1 .container .gt .f_nav>li.promenu>ul li.on ul {
	display: none
}
}
.fotbox-sec2 .container {
	display: flex;
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
	justify-content: space-between;
	border-top: 1px solid rgba(0,0,0,0.06);
padding:.2rem 0 .26rem
}
@media (max-width: 767px) {
.fotbox-sec2 .container {
	flex-wrap: wrap;
	padding: 0;
	border-top: none
}
}
@media (max-width: 767px) {
.fotbox-sec2 .container .lt, .fotbox-sec2 .container .gt {
	width: 100%;
padding:.2rem 0
}
}
.fotbox-sec2 .container .lt {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}
@media (max-width: 767px) {
.fotbox-sec2 .container .lt {
	order: 1;
	width: 100%;
	justify-content: center;
	text-align: center;
	font-size: 10px
}
}
.fotbox-sec2 .container .lt p, .fotbox-sec2 .container .lt a {
	color: #666666
}
.fotbox-sec2 .container .lt a {
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat;
margin-left:.2rem
}
.fotbox-sec2 .container .lt a:hover {
	color: var(--color);
	opacity: 1;
	background-size: 100% 100%
}
.fotbox-sec2 .container .lt .f_jt {
	display: flex;
	flex-wrap: wrap;
margin-left:.44rem
}
@media (max-width: 767px) {
.fotbox-sec2 .container .lt .f_jt {
	width: 100%;
	margin-left: 0
}
}
.fotbox-sec2 .container .lt .f_jt .li {
	display: block;
margin-left:.26rem
}
.fotbox-sec2 .container .lt .f_jt .li:first-child {
	margin-left: 0
}
.fotbox-sec2 .container .gt {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	color: #666666;
margin-left:.5rem
}
@media (max-width: 767px) {
.fotbox-sec2 .container .gt {
	width: 100%;
	padding-bottom: 0;
	margin-left: 0;
	justify-content: center
}
}
.fotbox-sec2 .container .gt a {
	color: #666666;
	transition: all .4s;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 96%, var(--color) 0%);
	background-size: 0 100%;
	background-repeat: no-repeat
}
.fotbox-sec2 .container .gt a:hover {
	color: var(--color);
	background-size: 100% 100%
}
.fotbox-sec2 .container .gt span {
	width: 1px;
	height: 11px;
	display: block;
	background: #e5e5e5;
margin:0 .22rem
}
@media (max-width: 1580px) {
.fotbox-sec2 .container .gt span {
	height: 8px
}
}
.policybox {
	background: #fcfcfd
}
.policybox-sec1 {
	padding: 1.2rem 0 2.2rem
}
.policybox-sec1 .container {
	max-width: 1200px
}
.policybox-sec1 .f_title {
	text-align: center;
	color: #191919;
padding-bottom:.4rem;
	border-bottom: 1px solid #eeeeee;
margin-bottom:.36rem
}
.policybox-sec1 .f_cont {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start
}
.policybox-sec1 .f_cont .lt {
	width: 25%;
	position: sticky;
	position: -webkit-sticky;
	top: 1.2rem;
padding-right:.363rem;
padding-top:.1rem
}
@media (max-width: 1580px) {
.policybox-sec1 .f_cont .lt {
	top: 1.5rem
}
}
@media (max-width: 767px) {
.policybox-sec1 .f_cont .lt {
	display: none
}
}
.policybox-sec1 .f_cont .lt .f_nav {
	border-left: 1px solid #d9d9d9;
	position: relative
}
.policybox-sec1 .f_cont .lt .f_nav li {
	display: block;
	color: #888888;
	cursor: pointer;
	padding: 4px 0;
	padding-left: 23px;
	border-left: 1px solid transparent;
	margin-left: -1px;
	margin-bottom: 20px
}
@media (max-width: 1580px) {
.policybox-sec1 .f_cont .lt .f_nav li {
	padding-left: 18px;
	margin-bottom: 16px
}
}
.policybox-sec1 .f_cont .lt .f_nav li:last-child {
	margin-bottom: 0
}
.policybox-sec1 .f_cont .lt .f_nav li.on {
	border-color: var(--color)
}
.policybox-sec1 .f_cont .gt {
	width: 75%
}
@media (max-width: 767px) {
.policybox-sec1 .f_cont .gt {
	width: 100%
}
}
.policybox-sec1 .f_cont .gt .f_jut {
	width: 100%;
margin-bottom:.42rem;
	display: flex;
	flex-wrap: wrap;
padding-bottom:.25rem;
	border-bottom: 1px dashed #999999
}
.policybox-sec1 .f_cont .gt .f_jut .li {
	color: #000000;
margin-right:.2rem;
margin-bottom:.1rem
}
.policybox-sec1 .f_cont .gt .f_jut .li:last-child {
	margin-right: 0
}
@media (max-width: 767px) {
.policybox-sec1 .f_cont .gt .f_jut .li {
font-size:.26rem
}
}
.policybox-sec1.on .f_cont .gt {
	width: 100%
}
.policybox-sec1.on2 .f_cont .gt .make-text {
	font-size: 18px;
	line-height: 1.55555556;
	color: #333333
}
@media (max-width: 1580px) {
.policybox-sec1.on2 .f_cont .gt .make-text {
	font-size: 16px
}
}
@media (max-width: 767px) {
.policybox-sec1.on2 .f_cont .gt .make-text {
font-size:.26rem
}
}
.policybox-sec1.on2 .f_cont .gt .make-text p, .policybox-sec1.on2 .f_cont .gt .make-text span, .policybox-sec1.on2 .f_cont .gt .make-text b {
	color: #333333;
	font-size: 18px;
	line-height: 1.55555556
}
@media (max-width: 1580px) {
.policybox-sec1.on2 .f_cont .gt .make-text p, .policybox-sec1.on2 .f_cont .gt .make-text span, .policybox-sec1.on2 .f_cont .gt .make-text b {
	font-size: 16px
}
}
@media (max-width: 767px) {
.policybox-sec1.on2 .f_cont .gt .make-text p, .policybox-sec1.on2 .f_cont .gt .make-text span, .policybox-sec1.on2 .f_cont .gt .make-text b {
font-size:.26rem
}
}
.cokieAlt {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 888;
padding:.58rem 0;
	background: #010117;
	display: none
}
.cokieAlt:before, .cokieAlt:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}
.cokieAlt:before {
	width: 100%;
	height: 100%;
	opacity: .2
}
.cokieAlt:after {
	width: 100%;
	height: 2px;
	opacity: .5
}
.cokieAlt .container {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap
}
@media (max-width: 991px) {
.cokieAlt .container {
	align-items: center
}
}
.cokieAlt .container .lt {
	width: 66.75%;
	color: #ffffff;
	padding-right: 2.28rem
}
@media (max-width: 991px) {
.cokieAlt .container .lt {
	padding-right: 1rem;
	width: 62%
}
}
@media (max-width: 767px) {
.cokieAlt .container .lt {
	width: 100%;
	padding-right: 0;
margin-bottom:.54rem
}
}
.cokieAlt .container .lt .f_tit {
margin-bottom:.18rem
}
.cokieAlt .container .lt .f_text {
	line-height: 1.5
}
.cokieAlt .container .gt {
	width: 33.25%;
	display: flex;
	flex-wrap: wrap
}
@media (max-width: 991px) {
.cokieAlt .container .gt {
	width: 38%
}
}
@media (max-width: 767px) {
.cokieAlt .container .gt {
	width: 100%
}
}
.cokieAlt .container .gt .public-btn {
padding:6px .36rem;
	border-radius: 8px
}
.cokieAlt .container .gt .public-btn:before, .cokieAlt .container .gt .public-btn:after {
	border-radius: 8px
}
.cokieAlt .container .gt .public-btn:after {
	background: rgba(0,0,0,0.6)
}
.cokieAlt .container .gt .f_sub {
margin-left:.62rem
}
#c-go-top {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 16%;
	right: 1%;
	z-index: 996;
width:.57rem;
height:.57rem;
	color: #000000;
	border-radius: 50%;
	background-color: #ffffff;
box-shadow:0 0 .1rem rgba(0,0,0,0.1);
	cursor: pointer
}
@media (max-width: 767px) {
#c-go-top {
	display: none !important
}
}
#c-go-top img, #c-go-top svg {
	width: 21.05263158%;
	height: 22.80701754%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
#c-code-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 910;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4)
}
#c-code-pop .c-img-box {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 20px;
	width: 200px;
	border-radius: 5px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
#c-code-pop .c-img-box .c-close {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	bottom: -60px;
	left: 50%;
	margin-left: -20px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	transition: all .4s;
	color: #333
}
#c-code-pop .c-img-box .c-close img, #c-code-pop .c-img-box .c-close svg {
	margin: 4px;
	width: 18px;
	height: 18px
}
#c-code-pop .c-img-box .c-close:hover {
	color: #fff;
	background-color: var(--color)
}
#c-code-pop .c-img-box>img {
	width: 100%
}
#c-code-pop .c-img-box .c-text {
	padding-top: 10px;
	line-height: 1;
	text-align: center;
	color: #333
}
.msgAlt {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	overflow: hidden;
	display: none
}
.msgAlt .bag {
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .5
}
.msgAlt .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 10px;
	width: 12rem;
	background: #ffffff;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	max-width: 90%
}
@media (max-width: 991px) {
.msgAlt .cont {
	width: 15rem
}
}
.msgAlt .cont .f_close {
	position: absolute;
top:.3rem;
right:.3rem;
	width: 30px;
	transition: all .4s;
	height: 30px;
	cursor: pointer;
	z-index: 2;
	color: #292929
}
@media (max-width: 767px) {
.msgAlt .cont .f_close {
	width: 26px;
	height: 26px
}
}
.msgAlt .cont .f_close:hover {
	transform: rotate(90deg)
}
.msgAlt .cont .lt {
	width: 33.33%;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
padding:.98rem .32rem 1.34rem .6rem;
	background: url(../images/bagwifimgfz1.jpg) center / cover no-repeat
}
@media (max-width: 767px) {
.msgAlt .cont .lt {
	width: 100%;
	display: none
}
}
.msgAlt .cont .lt .f_logo {
height:.82rem;
	text-align: center;
	width: 100%;
margin-bottom:.1rem
}
.msgAlt .cont .lt .f_logo img {
	height: 100%
}
.msgAlt .cont .lt .f_text {
	opacity: .6;
	line-height: 2.14285714;
margin-bottom:.2rem
}
.msgAlt .cont .lt .f_jt {
	margin-bottom: 1rem
}
.msgAlt .cont .lt .f_jt .li {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
margin-bottom:.2rem
}
.msgAlt .cont .lt .f_jt .li:last-child {
	margin-bottom: 0
}
.msgAlt .cont .lt .f_jt .li i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	position: relative;
	top: .75em;
	transform: translateY(-50%);
	flex: 0 0 auto
}
@media (max-width: 1580px) {
.msgAlt .cont .lt .f_jt .li i {
	width: 20px;
	height: 20px
}
}
.msgAlt .cont .lt .f_jt .li i img, .msgAlt .cont .lt .f_jt .li i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.msgAlt .cont .lt .f_jt .li span {
	display: block;
	padding-left: 12px
}
@media (max-width: 1580px) {
.msgAlt .cont .lt .f_jt .li span {
	padding-left: 8px
}
}
.msgAlt .cont .lt .f_tel .f_name {
	opacity: .6;
margin-bottom:.18rem
}
.msgAlt .cont .lt .f_tel .li {
margin-bottom:.2rem;
	display: flex;
	align-items: flex-start
}
.msgAlt .cont .lt .f_tel .li i {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: .75em;
	transform: translateY(-50%);
	width: 22px;
	height: 22px
}
@media (max-width: 1580px) {
.msgAlt .cont .lt .f_tel .li i {
	width: 20px;
	height: 20px
}
}
.msgAlt .cont .lt .f_tel .li i img, .msgAlt .cont .lt .f_tel .li i svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.msgAlt .cont .lt .f_tel .li .f_wen {
	display: block;
padding-left:.24rem
}
.msgAlt .cont .lt .f_tel .li:last-child {
	margin-bottom: 0
}
.msgAlt .cont .gt {
	width: 66.666%;
padding:.62rem .62rem .36rem
}
@media (max-width: 767px) {
.msgAlt .cont .gt {
	width: 100%;
padding:.56rem .34rem
}
}
.msgAlt .cont .gt .f_tit {
	font-weight: bold;
margin-bottom:.16rem
}
@media (max-width: 767px) {
.msgAlt .cont .gt .f_tit {
margin-bottom:.5rem
}
}
.msgAlt .cont .gt .f_form {
	display: block
}
.msgAlt .cont .gt .f_form .item {
margin-bottom:.42rem;
	width: 3.92rem;
	max-width: 100%;
	display: flex;
	align-items: center
}
@media (max-width: 767px) {
.msgAlt .cont .gt .f_form .item {
	width: 100%
}
}
.msgAlt .cont .gt .f_form .item .f_name {
	color: #666666;
margin-right:.26rem;
	flex: 0 0 auto
}
.msgAlt .cont .gt .f_form .item .f_name span {
	display: inline-block;
	width: .9em;
	color: #f60202
}
.msgAlt .cont .gt .f_form .item input {
	border-bottom: 1px solid #e5e5e5;
padding-left:.18rem;
	padding-bottom: 4px;
	font-size: 12px;
	flex: 1 1 auto;
	width: 100%
}
.msgAlt .cont .gt .f_form .f_textarea {
	flex-wrap: wrap;
	margin-bottom: 6px
}
.msgAlt .cont .gt .f_form .f_textarea .f_name {
	width: 100%;
	margin-bottom: 8px
}
.msgAlt .cont .gt .f_form .f_textarea textarea {
	border: 1px solid #e5e5e5;
	padding: 12px 15px;
	width: 100%
}
.msgAlt .cont .gt .f_form .f_check {
	font-size: 12px;
margin-bottom:.34rem;
	color: #999999
}
.msgAlt .cont .gt .f_form .f_sub {
	background: #142c70;
	border-radius: 10px;
	color: #fff;
	transition: all .4s;
	padding: 8px 22px
}
@media (max-width: 1580px) {
.msgAlt .cont .gt .f_form .f_sub {
	padding: 6px 18px
}
}
.msgAlt .cont .gt .f_form .f_sub:hover {
	opacity: .8
}
.public-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff
}
.public-title .f_name {
	margin-bottom: 4px
}
.public-title .f_tit {
	font-weight: bold
}
.public-title .public-btn {
margin-top:.25rem
}
@media (max-width: 767px) {
.public-title .public-btn {
margin-top:.34rem
}
}
.base_pagin {
	position: relative;
	bottom: 0!important;
	text-align: center
}
.base_pagin .swiper-pagination-bullet {
	background: #000000;
width:.4rem;
	height: 2px;
	opacity: .2;
	border-radius: 0;
	transition: all .4s;
	margin-right: 5px;
	text-align: center;
	position: relative
}
@media (max-width: 991px) {
.base_pagin .swiper-pagination-bullet {
width:.5rem
}
}
.base_pagin .swiper-pagination-bullet-active {
	opacity: 1
}
.base_pagin.base_pagin2 .swiper-pagination-bullet {
	background: #c5cadd;
	width: 20px;
	height: 6px;
	position: relative;
	border-radius: 3px
}
@media (max-width: 1580px) {
.base_pagin.base_pagin2 .swiper-pagination-bullet {
	width: 16px;
	height: 3px
}
}
.base_pagin.base_pagin2 .swiper-pagination-bullet:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	border-radius: 3px
}
.base_pagin.base_pagin2 .swiper-pagination-bullet-active {
	opacity: 1
}
.base_pagin.base_pagin2 .swiper-pagination-bullet-active:before {
	width: 100%;
	transition: all .4s linear
}
.base_prev, .base_next {
	position: relative;
	z-index: 1;
	width: 40px;
	height: 40px;
	margin: 0;
	transition: all .4s;
	border-radius: 50%;
	background: #fff;
	color: rgba(0,0,0,0.8);
}
@media (max-width: 1580px) {
.base_prev, .base_next {
	width: 36px;
	height: 36px
}
}
@media (max-width: 767px) {
.base_prev, .base_next {
width:.9rem;
height:.9rem
}
}
.base_prev:after, .base_next:after {
	1display: none; font-size:16px;
}
.base_prev img, .base_next img, .base_prev svg, .base_next svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	object-fit: contain
}
@media (max-width: 1580px) {
.base_prev img, .base_next img, .base_prev svg, .base_next svg {
	width: 10px;
	height: 10px
}
}
@media (max-width: 767px) {
.base_prev img, .base_next img, .base_prev svg, .base_next svg {
width:.24rem;
height:.24rem
}
}
.base_prev:hover, .base_next:hover {
	background: var(--color);
	color: rgba(255,255,255,0.8)
}
.base_prev {
	left: 0
}
.base_next {
	right: 0
}
.base_font_float {
	overflow: hidden
}
.bannerbox {
	background: #000000
}
.bannerbox .swiper-slide {
	overflow: hidden;
	height: var(--vh)
}
@media (max-width: 767px) {
.bannerbox .swiper-slide {
1height: 67.5vh; height:80.5vh;
}
.bannerbox .swiper-slide .c-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none
}
}
.bannerbox .swiper-slide .c-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none
}
@media (max-width: 767px) {
.bannerbox .swiper-slide .c-img {
	display: block
}

}

@media (min-width: 768px) and (max-width: 1024px) {

 .hm-sec1 .f_zhong .f_bag .f_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; display:none;
}

}
.bannerbox .swiper-slide .c-img img {
	transition: all 8.4s .8s linear;
	width: 100%;
	height: 100%;
	object-fit: cover;
	will-change: transform
}
.bannerbox .swiper-slide .c-img:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0
}
.bannerbox .swiper-slide .c-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.bannerbox .swiper-slide .f_videoicon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
width:.76rem;
height:.76rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 3;
	cursor: pointer;
	transition: all .4s
}
.bannerbox .swiper-slide .f_videoicon img, .bannerbox .swiper-slide .f_videoicon svg {
	width: 26.31578947%;
	height: 26.31578947%;
	margin-left: 4%;
	object-fit: contain
}
.bannerbox .swiper-slide .f_videoicon:hover {
	background: var(--color);
	border-color: var(--color)
}
.bannerbox .swiper-slide .cont {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	color: #000;
	z-index: 2
}
@media (max-width: 767px) {
.bannerbox .swiper-slide .cont {
	top: 32%;
	text-align: center
}
}
.bannerbox .swiper-slide .cont .f_tit {
margin-bottom:.22rem
}
@media (max-width: 767px) {
.bannerbox .swiper-slide .cont .f_tit {
margin-bottom:.24rem
}
}
.bannerbox .swiper-slide .cont .f_text {
margin-bottom:.55rem
}
@media (max-width: 767px) {
.bannerbox .swiper-slide .cont .f_text {
	width: 100%;
font-size:.26rem
}
}
.bannerbox .swiper-slide.f_white .cont {
	color: #fff
}
.bannerbox .swiper-slide.f_white .cont .f_text {
	color: rgba(255,255,255,0.8)
}
.bannerbox .f_scoll {
	position: absolute;
bottom:.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2;
	color: #ffffff
}
@media (max-width: 767px) {
.bannerbox .f_scoll {
	display: none
}
}
.bannerbox .f_scoll img {
height:.32rem;
	animation: topsh 3s linear infinite
}
.bannerbox .f_scoll p {
	margin-top: 6px
}
.bannerbox .qie {
	position: absolute;
bottom:.6rem;
	width: 100%;
	left: 0
}
@media (max-width: 767px) {
.bannerbox .qie {
bottom:.4rem
}
}
.bannerbox .qie .container {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.bannerbox .qie .bannerbox_pagin {
	bottom: 0;
	position: relative;
	text-align: left;
	width: 100%
}
@media (max-width: 767px) {
.bannerbox .qie .bannerbox_pagin {
	width: 100%;
	text-align: center
}
}
.bannerbox .qie .bannerbox_pagin>div {
	background: #000000;
width:.4rem;
	height: 2px;
	opacity: .2;
	border-radius: 0;
	transition: all .4s;
	margin-right: 5px;
	text-align: center;
	position: relative
}
@media (max-width: 991px) {
.bannerbox .qie .bannerbox_pagin>div {
width:.5rem
}
}
.bannerbox .qie .bannerbox_pagin>div:last-child {
	margin-right: 0
}
.bannerbox .qie .bannerbox_pagin>div p {
	position: absolute;
	left: 50%;
	transform: translateX(-60%);
	opacity: 0;
	transition: all .4s;
	white-space: nowrap;
	bottom: 100%;
margin-bottom:.1rem
}
.bannerbox .qie .bannerbox_pagin>div:after {
	content: "";
	display: block;
	width: 100%;
height:.5rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}
.bannerbox .qie .bannerbox_pagin .swiper-pagination-bullet-active {
	opacity: 1
}
.bannerbox .qie .bannerbox_pagin .swiper-pagination-bullet-active p {
	opacity: 1;
	transition: all .4s .3s
}
.bannerbox .qie .f_btn {
	display: flex;
	align-items: center
}
@media (max-width: 767px) {
.bannerbox .qie .f_btn {
	display: none
}
}
.bannerbox .qie .f_btn .bannerbox_prev, .bannerbox .qie .f_btn .bannerbox_next {
	position: relative;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
width:.58rem;
height:.58rem;
	color: #ffffff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	overflow: hidden;
	background-color: rgba(219,219,225,0.12);
	z-index: 1;
	opacity: 1;
	border-radius: 50%
}
.bannerbox .qie .f_btn .bannerbox_prev:before, .bannerbox .qie .f_btn .bannerbox_next:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-image: linear-gradient(0deg, #55b879 0%, #38a1db 100%);
	opacity: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.bannerbox .qie .f_btn .bannerbox_prev:after, .bannerbox .qie .f_btn .bannerbox_next:after {
	display: none
}
.bannerbox .qie .f_btn .bannerbox_prev img, .bannerbox .qie .f_btn .bannerbox_next img, .bannerbox .qie .f_btn .bannerbox_prev svg, .bannerbox .qie .f_btn .bannerbox_next svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 31.03448276%;
	height: 31.03448276%;
	object-fit: contain;
	opacity: .4;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
.bannerbox .qie .f_btn .bannerbox_prev:hover, .bannerbox .qie .f_btn .bannerbox_next:hover {
	background: transparent
}
.bannerbox .qie .f_btn .bannerbox_prev:hover:before, .bannerbox .qie .f_btn .bannerbox_next:hover:before {
	opacity: 1
}
.bannerbox .qie .f_btn .bannerbox_prev:hover img, .bannerbox .qie .f_btn .bannerbox_next:hover img, .bannerbox .qie .f_btn .bannerbox_prev:hover svg, .bannerbox .qie .f_btn .bannerbox_next:hover svg {
	opacity: 1
}
.bannerbox .qie .f_btn .bannerbox_next {
margin-left:.12rem
}
.bannerbox .bannerbox_prev, .bannerbox .bannerbox_next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
@media (max-width: 1199px) {
.bannerbox .bannerbox_prev, .bannerbox .bannerbox_next {
	display: none
}
}
.bannerbox .bannerbox_prev {
	left: 2%
}
.bannerbox .bannerbox_next {
	right: 2%
}
.bannerbox.on .qie .bannerbox_pagin>div {
	background: #ffffff
}
.bannerbox.on .bannerbox_prev, .bannerbox.on .bannerbox_next {
	background: #ffffff
}
.bannerbox.on .bannerbox_prev:hover, .bannerbox.on .bannerbox_next:hover {
	color: #ffffff;
	background: var(--color)
}
.hm-sec1 {
	width: 100%;
	height: 180vh;
	height: 250vh;
	position: relative
}
@media (max-width: 767px) {
.hm-sec1 {
	height: 180vh
}
}
.hm-sec1 .f_zhong {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}
@media (max-width: 767px) {
.hm-sec1 .f_zhong {
	height: 10rem
}

.hm-sec1 .f_zhong .f_bag {
  width: 100%;
  position: relative;
  height: 100%;
}
}
.hm-sec1 .f_zhong .f_bag {
	width: 100%;
	position: relative;
	height: 100%
}
.hm-sec1 .f_zhong .f_bag .f_img {
	width: 100%;
	height: 100%
}
.hm-sec1 .f_zhong .f_bag .f_img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.hm-sec1 .f_zhong .f_bag .f_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.hm-sec1 .f_zhong .f_bag .f_video video {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.hm-sec1 .f_zhong .f_bag .f_zhe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	transition: all .4s
}
.hm-sec1 .f_zhong .cont {
	position: absolute;
top: 150%;
left: 0;
width: 100%;
z-index: 2;
transform: translateY(-50%);
color: #ffffff;
text-align: center;
}
.hm-sec1 .f_zhong .cont .f_font {
	margin: 0 auto;
	width: 800px;
	max-width: 100%
}
.hm-sec1 .f_zhong .cont .f_font .f_tit {
margin-bottom:.47rem;
	line-height: 1.3125
}
.hm-sec1 .f_zhong .cont .f_font .f_text {
	line-height: 1.63636364;
margin-bottom:.89rem
}
@media (max-width: 767px) {
.hm-sec1 .f_zhong .cont .f_font .f_text {
font-size:.28rem
}
}
.hm-sec1 .f_zhong .f_suspend {
	position: absolute;
right:.3rem;
bottom:.3rem;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	z-index: 2
}
@media (max-width: 767px) {
.hm-sec1 .f_zhong .f_suspend {
	display: none
}
}
.hm-sec1 .f_zhong .f_suspend .f_pros {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.hm-sec1 .f_zhong .f_suspend .f_pros svg {
	width: 100%;
	height: 100%
}
.hm-sec1 .f_zhong .f_suspend .f_pros svg circle {
	fill: none!important;
	stroke: rgba(255,255,255,0.5)
}
.hm-sec1 .f_zhong .f_suspend .f_pros svg circle:nth-child(2) {
	stroke: #ffffff
}
.hm-sec1 .f_zhong .f_suspend .f_btn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}
.hm-sec1 .f_zhong .f_suspend .f_btn img, .hm-sec1 .f_zhong .f_suspend .f_btn svg {
	width: 35%;
	height: 35%;
	object-fit: contain
}
.hm-sec1 .f_zhong .f_suspend .f_btn img:nth-child(2), .hm-sec1 .f_zhong .f_suspend .f_btn svg:nth-child(2) {
	display: none
}
@media (max-width: 767px) {
.hm-sec1 .f_zhong .f_suspend .f_btn img, .hm-sec1 .f_zhong .f_suspend .f_btn svg {
	display: none
}
.hm-sec1 .f_zhong .f_suspend .f_btn img:nth-child(2), .hm-sec1 .f_zhong .f_suspend .f_btn svg:nth-child(2) {
	display: block
}
}
.hm-sec1 .f_zhong .f_suspend.on .f_btn img, .hm-sec1 .f_zhong .f_suspend.on .f_btn svg {
	display: none
}
.hm-sec1 .f_zhong .f_suspend.on .f_btn img:nth-child(2), .hm-sec1 .f_zhong .f_suspend.on .f_btn svg:nth-child(2) {
	display: block
}
@media (max-width: 767px) {
.hm-sec1 .f_zhong .f_suspend.on .f_btn img, .hm-sec1 .f_zhong .f_suspend.on .f_btn svg {
	display: block
}
.hm-sec1 .f_zhong .f_suspend.on .f_btn img:nth-child(2), .hm-sec1 .f_zhong .f_suspend.on .f_btn svg:nth-child(2) {
	display: none
}
}
.hm-sec1 .f_zhong.on .f_bag .f_zhe {
	opacity: .5;
	opacity: .6
}
.hm-sec2 {
	position: relative;
padding:1.2rem 0 .4rem;
	background: #f5f5f7;
}
.hm-sec2 .f_zhong {
	overflow: hidden;
	display: flex;
	align-items: center
}
.hm-sec2 .f_zhong .f_title {
margin-bottom:.52rem; 1text-align:center;
}
.hm-sec2 .f_zhong .hm2_cont {
	width: auto;
	overflow: inherit;
	margin: 0 -0.1rem
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont {
	margin: 0 -0.15rem
}
}
@media (min-width: 1199px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-wrapper {
	transition: all .3s linear
}
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide {
	width: 25%;
padding:0 .1rem
}
@media (max-width: 991px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide {
	width: 33.333%
}
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide {
padding:0 .15rem;
	width: 90%
}
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
border-radius:.2rem
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .f_img:before {
	1padding-top: 145.45454545%; 1padding-top:114.455%;
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #000;
padding:.34rem .4rem .22rem
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font {
padding:.5rem .34rem
}
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_tit {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 4px
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_text {
	opacity: .7;
	line-height: 1.625;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 3.25em
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_btn {
	position: absolute;
right:.2rem;
bottom:.7rem;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
padding:.1rem .24rem;
	min-width: 1.28rem;
	color: #000;
	background: rgba(0,0,0,0.3);
	backdrop-filter: blur(10px);
	border-radius: 36px;
	transition: background .4s, border .4s, opacity .4s; display:none;
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_btn {
right:.34rem;
bottom:.34rem
}
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_btn .f_icon {
	position: relative;
	right: 0;
	bottom: 0;
margin-left:.24rem;
	display: none
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_icon {
	position: absolute;
right:.2rem;
bottom:.22rem;
	color: rgba(0,0,0,0.8);
	width: 40px;
	height: 40px;
	display: flex;
	background: rgba(255,255,255,0.8);
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all .4s
}
@media (max-width: 1580px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_icon {
	width: 36px;
	height: 36px
}
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_icon {
width:.56rem;
height:.56rem;
right:.34rem;
bottom:.34rem
}
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_icon img, .hm-sec2 .f_zhong .hm2_cont .swiper-slide .list .font .f_icon svg {
	width: 30%;
	height: 30%;
	object-fit: contain
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list:hover .f_img img {
	transform: scale(1.1)
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide .list:hover .font .f_icon {
	background: var(--color);
	color: #ffffff
}
.hm-sec2 .f_zhong .hm2_cont .swiper-slide.on .list .font {
	color: #ffffff
}
.hm-sec2 .f_zhong .hm2_cont .f_qie {
	display: flex;
	justify-content: flex-end;
margin-top:.6rem
}
@media (max-width: 1199px) {
.hm-sec2 .f_zhong .hm2_cont .f_qie {
	display: flex
}
}
@media (max-width: 767px) {
.hm-sec2 .f_zhong .hm2_cont .f_qie {
	justify-content: center
}
}
.hm-sec2 .f_zhong .hm2_cont .f_qie .base_prev {
	margin-right: 14px
}
.hm-sec3 {
	1padding: 1.1rem 0 0;
	position: relative;
	background: #ffffff;
1padding-top:.6rem
}
@media (max-width: 767px) {
.hm-sec3 {
	padding-top: 1.1rem;
	margin-top: -1px
}
}
.hm-sec3 .f_title {
margin-bottom:.74rem
}
@media (max-width: 767px) {
.hm-sec3 .f_title {
margin-bottom:.54rem
}
}
.hm-sec3 .cont {
	position: relative;
	transition: none;
	background: #ffffff
}
.hm-sec3 .cont .f_box {
	position: relative; margin-bottom:16px;
}
.f_box2{ margin-bottom:16px;}
.hm-sec3 .cont .f_box .f_bag {
	width: 100%;
	height: 100vh
}
@media (max-width: 767px) {
.hm-sec3 .cont .f_box .f_bag {
	height: 67.5vh
}
}
.hm-sec3 .cont .f_box .f_bag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: none
}
.hm-sec3 .cont .f_box .f_wen {
	position: absolute;
	left: 0;
	bottom: 1.32rem;
	width: 100%;
	z-index: 2;
	color: #000
}
@media (max-width: 767px) {
.hm-sec3 .cont .f_box .f_wen {
	bottom: inherit;
	top: 1rem
}
}
.hm-sec3 .cont .f_box .f_wen .f_name {
	margin-bottom: 22px; color:#bdbdbd;
}
.hm-sec3 .cont .f_box .f_wen .f_tit {
	line-height: 1.36666667;letter-spacing: 2px;
}
.hm-sec3 .cont .f_box .f_wen .f_tit img, .hm-sec3 .cont .f_box .f_wen .f_tit svg {
	width: .283em;
	height: auto;
	position: relative;
	top: 0.3em;
margin-right:0.12rem
}
.hm-sec3 .cont .f_box .f_wen .f_tit img:nth-last-child(2), .hm-sec3 .cont .f_box .f_wen .f_tit svg:nth-last-child(2) {
	top: 1.2em;
	margin-right: 0;
margin-left:0.12rem
}
.hm-sec3 .cont .f_box .f_wen.f_white {
	color: #ffffff
}
.hm-sec3 .cont .hm3_cont .f_nei {
	display: flex;
	flex-wrap: wrap;
	height: auto
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei {
	flex-direction: column
}
.hm-sec3 .cont .hm3_cont .f_nei .gt {
	margin-top: auto
}
}
.hm-sec3 .cont .hm3_cont .f_nei .lt {
	width: 36.98%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	text-align: center;
	justify-content: center;
padding:.6rem .76rem
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt {
	width: 46%;
padding:0 .5rem
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt {
	width: 100%;
padding:1.2rem .6rem 1.4rem
}
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .f_tit {
margin-bottom:.1rem
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .f_text {
	color: #666666;
margin-bottom:.3rem
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img {
	width: 100%
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img {
	width: 70%;
	margin: 0 auto
}
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_img:before {
	padding-top: 112.5%
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie {
	position: absolute;
	left: 50%;
	max-width: 100%;
	transform: translateX(-50%);
bottom:.4rem;
	display: flex;
	z-index: 2;
	justify-content: center
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie .f_dian {
width:.24rem;
height:.24rem;
	cursor: pointer;
	border-radius: 50%;
margin:0 .12rem;
	background-image: linear-gradient(-15deg, var(--grdcolor) 0%, var(--grdcolor2) 100%)
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie .f_dian {
width:.32rem;
height:.32rem
}
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie .f_dian:last-child {
	margin-right: 0
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie .f_dian:first-child {
	margin-left: 0
}
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: var(--left);
	transition: all .4s;
	pointer-events: none;
	transform: translateY(-50%);
width:.34rem;
height:.34rem;
	margin-left: -0.07rem;
	border-radius: 50%;
	border: solid 2px #d2d2d3
}
@media (max-width: 1199px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie:after {
	border-width: 1px
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .lt .hm3_img .f_qie:after {
width:.42rem;
height:.42rem;
	margin-left: -0.06rem
}
}
.hm-sec3 .cont .hm3_cont .f_nei .gt {
	width: 63.02%;
	position: relative
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt {
	width: 54%
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt {
	width: 100%
}
}
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img {
	width: 100%;
	height: 110vh;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .4s
}
@media (max-width: 1580px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img {
	height: 120vh
}
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img {
	height: 60vh
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img {
	height: auto
}
}
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img.on {
	position: relative;
	visibility: inherit;
	opacity: 1
}
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img:before {
	padding-top: 0
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img:before {
	padding-top: 82.6446281%
}
}
.hm-sec3 .cont .hm3_cont .f_nei .gt .f_img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.hm-sec3 .cont .hm3_cont .f_huan {
	position: absolute;
	left: 0;
	width: 36.98%;
	1bottom: 6%; bottom:13%;
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_huan {
	width: 46%
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_huan {
	bottom: 42%;
	width: 100%
}
}
@media (max-width: 567px) {
.hm-sec3 .cont .hm3_cont .f_huan {
	bottom: 44%
}
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin {
	display: flex;
	position: relative;
	bottom: 0;
	max-width: 90%;
	width: auto;
	left: 50%;
	justify-content: center;
	text-align: center;
	transform: translateX(-50%)
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span {
	width: 1.2rem;
	height: 12px;
	display: flex;
	align-items: center;
	border-radius: 0;
	background: transparent;
	opacity: 1;
	position: relative;
	margin: 0 3px
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span {
width:.6rem
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span {
width:.4rem
}
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span:last-child {
	margin-right: 0
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span:first-child {
	margin-left: 0
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #000000;
	opacity: .1
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin span:after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin .swiper-pagination-bullet-active:after {
	animation: width100 4.8s linear;
	width: 100%
}
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin:after {
	content: "";
	display: block;
	position: absolute;
	left: var(--left);
	top: 50%;
	transition: all .4s;
	transform: translateY(-50%);
	width: 1.2rem;
	height: 2px;
	background: #000000;
	display: none
}
@media (max-width: 991px) {
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin:after {
width:.6rem
}
}
@media (max-width: 767px) {
.hm-sec3 .cont .hm3_cont .f_huan .hm3_pagin:after {
width:.4rem
}
}
.hm-sec4 {
	position: relative;
	height: 250vh;
	background-color: #f7f8fa
}
.hm-sec4 .f_zhong {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden
}
.hm-sec4 .f_zhong .f_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
.hm-sec4 .f_zhong .f_box .f_bag {
	width: 100%;
	height: 100%;
	position: relative
}
.hm-sec4 .f_zhong .f_box .f_bag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: 49.4% 70%
}
.hm-sec4 .f_zhong .f_box .cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1.88rem 0;
	text-align: center
}
.hm-sec4 .f_zhong .f_box .cont .f_title {
margin-bottom:.16rem
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box .cont .f_text {
font-size:.28rem
}
}
.hm-sec4 .f_zhong .f_box .f_tu {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 52vh;
	text-align: center;
	z-index: 2
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box .f_tu {
	height: 64vh
}
}
.hm-sec4 .f_zhong .f_box .f_tu .f_wen {
	position: absolute;
top:.64rem;
	font-size: 2rem;
	width: 100%;
	text-align: center;
	color: #ebf0f8;
	display: flex;
	justify-content: center
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box .f_tu .f_wen {
	font-size: 1rem
}
}
.hm-sec4 .f_zhong .f_box .f_tu .f_wen span {
	flex: 0 0 auto;
	display: inline-block;
	margin: 0 14vh
}
.hm-sec4 .f_zhong .f_box .f_tu .f_img {
	position: relative;
	height: 100%
}
.hm-sec4 .f_zhong .f_box .f_tu .f_img img {
	height: 100%;
	object-fit: contain;
	transform-origin: 52% 45%
}
.hm-sec4 .f_zhong .f_box2 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.hm-sec4 .f_zhong .f_box2 .f_bag {
	width: 100%;
	height: 100%;
	position: relative
}
.hm-sec4 .f_zhong .f_box2 .f_bag .f_img {
	width: 100%;
	height: 100%
}
.hm-sec4 .f_zhong .f_box2 .f_bag .f_img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.hm-sec4 .f_zhong .f_box2 .f_bag .f_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}
.hm-sec4 .f_zhong .f_box2 .f_bag .f_video video {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.hm-sec4 .f_zhong .f_box2 .f_bag:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000000
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box2 .f_bag:after {
	opacity: .5
}
}
.hm-sec4 .f_zhong .f_box2 .cont {
	position: absolute;
	left: 0;
	top: 150%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 3
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont {
	width: auto;
	margin: 0 -0.18rem
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont {
	overflow: visible
}
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item {
	position: relative;
	transform: translateY(50%);
	width: 33.333%;
padding:0 .18rem
}
@media (max-width: 991px) {
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item {
	width: 50%
}
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item {
	width: 90%
}
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(1) {
	transition: all .6s linear .1s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(2) {
	transition: all .6s linear .2s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(3) {
	transition: all .6s linear .3s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(4) {
	transition: all .6s linear .4s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(5) {
	transition: all .6s linear .5s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(6) {
	transition: all .6s linear .6s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(7) {
	transition: all .6s linear .7s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(8) {
	transition: all .6s linear .8s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(9) {
	transition: all .6s linear .9s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item:nth-child(10) {
	transition: all .6s linear 1s
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list {
	display: block;
border-radius:.3rem;
	overflow: hidden;
	position: relative;
	z-index: 2
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .f_img:before {
	content: '';
	padding-top: 142.30769231%
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .f_tu {
	position: relative
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .f_tu video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .font {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	color: #ffffff;
padding:.44rem .3rem
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .font .f_tit {
margin-bottom:.1rem
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .font .f_text {
	color: rgba(255,255,255,0.4)
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .item .list .font .f_text img {
	height: 1em;
	margin-left: 5px;
	position: relative;
	top: .3em
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .hm4_pagin {
margin-top:.54rem
}
.hm-sec4 .f_zhong .f_box2 .cont .hm4_cont .hm4_pagin .swiper-pagination-bullet {
	background: #ffffff
}
.hm-sec4 .f_zhong .f_box2 .f_jian {
	display: block;
	width: 100%;
	height: 3rem;
	position: absolute;
	bottom: 0;
	margin-bottom: -1px;
	transform: translateY(100%);
	z-index: 2;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 20%, #fff 100%)
}
@media (max-width: 767px) {
.hm-sec4 .f_zhong .f_box2 .f_jian {
	display: none
}
}
.hm-sec4 .f_zhong.on .f_box {
	visibility: hidden;
	pointer-events: none;
	opacity: 0
}
.hm-sec4 .f_zhong.on2 .f_box2 {
	position: relative;
	z-index: 2
}
.hm-sec4 .f_zhong.on2 .f_box2 .cont .hm4_cont .item {
	transform: translateY(0)
}
.hm-sec4 .f_zhong.on3 .f_box .cont, .hm-sec4 .f_zhong.on3 .f_box .f_tu .f_wen, .hm-sec4 .f_zhong.on3 .f_box .f_tu {
	opacity: 0
}
.hm-sec4 .f_zhong.on3 .f_box .f_tu {
	transition: all .4s linear
}
.hm-sec5 {
padding:1.2rem 0 .96rem;
	position: relative;
	background: #f5f5f7;
}
.hm-sec5 .f_title {
	text-align: center;
margin-bottom:.56rem
}
.hm-sec5 .f_link {
margin-bottom:.2rem
}
@media (max-width: 767px) {
.hm-sec5 .f_link {
margin-bottom:.4rem
}
}
.hm-sec5 .f_link .list {
	display: block;
border-radius:.2rem;
	background-color: #f7f8fa;
	display: flex;
	color: #000000;
	position: relative;
	z-index: 2;
	overflow: hidden;
	flex-wrap: wrap
}
.hm-sec5 .f_link .list .font {
	width: 28.4375%;
	display: flex;
	align-items: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	flex-direction: column;
padding:.71rem .3rem .66rem .74rem
}
@media (max-width: 1199px) {
.hm-sec5 .f_link .list .font {
	width: 40%
}
}
@media (max-width: 991px) {
.hm-sec5 .f_link .list .font {
padding:.54rem .3rem;
	width: 40%
}
}
@media (max-width: 767px) {
.hm-sec5 .f_link .list .font {
	width: 100%;
padding:.5rem .34rem .5rem
}
}
.hm-sec5 .f_link .list .font .f_tit {
margin-bottom:.15rem
}
.hm-sec5 .f_link .list .font .f_text {
margin-bottom:.34rem;
	opacity: .4
}
@media (max-width: 767px) {
.hm-sec5 .f_link .list .font .f_text {
font-size:.26rem
}
}
.hm-sec5 .f_link .list .font .f_but {
	margin-top: auto;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	color: #000;
padding-right:.1rem;
	transition: background .4s, border .4s, opacity .4s
}
@media (max-width: 767px) {
.hm-sec5 .f_link .list .font .f_but {
font-size:.26rem
}
}
.hm-sec5 .f_link .list .font .f_but .f_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	width: 32px;
	height: 32px;
	transition: all .4s;
margin-left:.19rem;
	color: rgba(0,0,0,0.8);
	color: #ffffff;
	border-radius: 50%;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(10px)
}
@media (max-width: 1580px) {
.hm-sec5 .f_link .list .font .f_but .f_icon {
	width: 28px;
	height: 28px;
	border-width: 1px
}
}
@media (max-width: 767px) {
.hm-sec5 .f_link .list .font .f_but .f_icon {
width:.5rem;
height:.5rem
}
}
.hm-sec5 .f_link .list .font .f_but .f_icon img, .hm-sec5 .f_link .list .font .f_but .f_icon svg {
	width: 30%;
	height: 30%;
	object-fit: contain
}
.hm-sec5 .f_link .list .f_img {
	width: 100%
}
.hm-sec5 .f_link .list .f_img:before {
	padding-top: 48.0349345%;
	padding-top: 33.13253012%
}
@media (max-width: 767px) {
.hm-sec5 .f_link .list .f_img:before {
	padding-top: 80%
}
}
.hm-sec5 .f_link .list:hover .f_img img {
	transform: scale(1.04)
}
.hm-sec5 .f_link .list:hover .font .f_but .f_icon {
	background: var(--color);
	border-color: var(--color);
	color: #fff
}
.hm-sec5 .f_link.on .list {
	color: #ffffff
}
.hm-sec5 .f_link.on .list .font .f_but {
	color: #ffffff
}
.hm-sec5 .f_link.on .list .font .f_but .f_icon {
	background: rgba(255,255,255,0.8);
	color: #000
}
.hm-sec5 .f_link.on .list:hover .font .f_but .f_icon {
	background: var(--color);
	border-color: var(--color);
	color: #fff
}
.hm-sec5 .hm5_cont {
	display: flex;
	flex-wrap: wrap;
	width: auto;
	margin: 0 -0.1rem
}
@media (max-width: 767px) {
.hm-sec5 .hm5_cont {
	margin: 0 -0.15rem
}
}
.hm-sec5 .hm5_cont .item {
	width: 33.333%;
padding:0 .1rem;
margin-top:.2rem
}
@media (max-width: 767px) {
.hm-sec5 .hm5_cont .item {
padding:0 .15rem
}
}
.hm-sec5 .hm5_cont .item .list {
	background-color: #fff;
border-radius:.2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #000000;
	transition: all .4s;
	text-align: center;
padding:.88rem .34rem .88rem
}
@media (max-width: 767px) {
.hm-sec5 .hm5_cont .item .list {
padding:.4rem .34rem
}
.hm-sec5 .hm5_cont .item .list .f_tit {
font-size:.24rem
}
}
.hm-sec5 .hm5_cont .item .list .f_icon {
height:1rem;
	display: flex;
	align-items: center;
margin-bottom:.26rem
}
.hm-sec5 .hm5_cont .item .list .f_icon img, .hm-sec5 .hm5_cont .item .list .f_icon svg {
	height: 100%;
	width: auto;
	object-fit: contain;
	max-width: 100%;
	max-height: 100%
}
.hm-sec5 .hm5_cont .hm5_pagin {
margin-top:.54rem
}
@keyframes circle10 {
from {
stroke-dasharray:0 1200
}
to {
	stroke-dasharray: 900 1200
}
}
@keyframes width100 {
from {
width:0
}
to {
	width: 100%
}
}
.public-news-nav .swiper {
	margin: 0
}
.public-news-nav .swiper .swiper-slide {
	width: auto;
margin-right:.38rem
}
.public-news-nav .swiper .swiper-slide:last-child {
	margin-right: 0
}
.public-news-nav .swiper .swiper-slide .li {
	color: #999999;
	display: block;
	transition: all .4s;
	border-bottom: 4px solid transparent;
	padding-bottom: 4px
}
@media (max-width: 1580px) {
.public-news-nav .swiper .swiper-slide .li {
	border-bottom-width: 3px
}
}
@media (max-width: 1199px) {
.public-news-nav .swiper .swiper-slide .li {
	border-bottom-width: 2px
}
}
@media (max-width: 767px) {
.public-news-nav .swiper .swiper-slide .li {
font-size:.28rem
}
}
.public-news-nav .swiper .swiper-slide.on .li {
	color: #000000;
	border-color: var(--color)
}
.public-news-nav .swiper .swiper-slide:hover .li {
	color: #000
}
.public-news-list {
	margin: 0 -0.1rem;
	display: flex;
	flex-wrap: wrap
}
.public-news-list .item {
	width: 33.33%;
padding:0 .1rem;
margin-bottom:.52rem
}
@media (max-width: 767px) {
.public-news-list .item {
	width: 100%
}
}
.public-news-list .item .list {
	display: block
}
.public-news-list .item .list .f_img {
border-radius:.2rem;
	margin-bottom: 14px
}
@media (max-width: 1580px) {
.public-news-list .item .list .f_img {
	margin-bottom: 14px
}
}
.public-news-list .item .list .f_img:before {
	padding-top: 45.37037037%
}
.public-news-list .item .list .font {
	width: 100%;
margin-bottom:.28rem
}
.public-news-list .item .list .font .f_time {
	display: block;
	color: #999999;
	margin-bottom: 7px
}
@media (max-width: 1580px) {
.public-news-list .item .list .font .f_time {
	margin-bottom: 5px
}
}
.public-news-list .item .list .font .f_tit {
	color: #000000;
	width: 100%;
	margin-bottom: 7px;
	overflow: hidden
}
@media (min-width: 768px) {
.public-news-list .item .list .font .f_tit {
	white-space: nowrap;
	text-overflow: ellipsis
}
}
@media (max-width: 767px) {
.public-news-list .item .list .font .f_tit {
font-size:.34rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 3em
}
}
.public-news-list .item .list .f_jt {
	color: #999999;
	display: flex;
	flex-wrap: wrap
}
.public-news-list .item .list .f_jt a, .public-news-list .item .list .f_jt p {
	color: #999999;
	margin-right: 16px
}
@media (max-width: 1580px) {
.public-news-list .item .list .f_jt a, .public-news-list .item .list .f_jt p {
	margin-right: 12px
}
}
.public-news-list .item .list .f_jt a:last-child, .public-news-list .item .list .f_jt p:last-child {
	margin-right: 0
}
.public-news-list .item .list .f_jt a:hover {
	color: var(--color)
}
.public-news-list .item .list:hover .f_img img {
	transform: scale(1.08)
}
.newsbox-sec1 {
padding:.8rem 0 .6rem
}
@media (max-width: 767px) {
.newsbox-sec1 {
	padding: 1.2rem 0 1rem
}
}
.newsbox-sec1 .f_recommend {
	display: block;
margin-bottom:.96rem
}
.newsbox-sec1 .f_recommend .f_img {
border-radius:.2rem;
margin-bottom:.26rem
}
.newsbox-sec1 .f_recommend .f_img:before {
	padding-top: 36.14457831%
}
.newsbox-sec1 .f_recommend .font {
	width: 100%
}
.newsbox-sec1 .f_recommend .font .f_tit {
	color: #000000;
margin-bottom:.08rem;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.newsbox-sec1 .f_recommend .font .f_text {
	color: #666666
}
.newsbox-sec1 .f_recommend:hover .f_img img {
	transform: scale(1.04)
}
.newsbox-sec1 .f_recommend .recommend_pagin {
margin-top:.5rem
}
.newsbox-sec1 .public-news-nav {
padding-top:.54rem;
margin-bottom:.45rem;
	border-top: 1px solid rgba(0,0,0,0.06)
}
@media (max-width: 767px) {
.newsbox-sec1 .public-news-nav {
	border-top: 0;
	padding-top: 0
}
}
.newsinfobox-sec1 {
	padding: 1rem 0 0
}
@media (max-width: 767px) {
.newsinfobox-sec1 {
	padding: 1.2rem 0 0
}
}
.newsinfobox-sec1 .container {
	max-width: 800px
}
.newsinfobox-sec1 .f_title {
	margin-bottom: 10px
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_title {
	margin-bottom: 6px
}
}
.newsinfobox-sec1 .f_jt {
margin-bottom:.55rem;
	color: #999999;
	display: flex;
	flex-wrap: wrap
}
.newsinfobox-sec1 .f_jt p {
	color: #999999
}
.newsinfobox-sec1 .f_jt span {
	display: block;
	width: 2px;
	height: 1.01em;
	background: #000000;
	opacity: .1;
	margin: .28em 19px 0
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_jt span {
	margin: 0 12px
}
}
.newsinfobox-sec1 .f_jt span~p {
	margin-right: 16px
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_jt span~p {
	margin-right: 12px
}
}
.newsinfobox-sec1 .make-text {
	color: #000000;
	font-size: 16px;
margin-bottom:.54rem
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .make-text {
	font-size: 14px
}
}
.newsinfobox-sec1 .make-text p, .newsinfobox-sec1 .make-text span {
	font-size: 16px;
	color: #000000
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .make-text p, .newsinfobox-sec1 .make-text span {
	font-size: 14px
}
}
.newsinfobox-sec1 .f_fen {
	display: flex;
	justify-content: center;
margin-bottom:.34rem;
	flex-wrap: wrap
}
.newsinfobox-sec1 .f_fen a {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin: 0 7px;
	justify-content: center;
	background: #f6f6f6;
	color: #000000;
	transition: all .4s;
	border-radius: 50%;
	position: relative;
	z-index: 1;
margin-bottom:.1rem
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_fen a {
	width: 36px;
	height: 36px;
	margin: 0 5px
}
}
@media (max-width: 767px) {
.newsinfobox-sec1 .f_fen a {
width:.78rem;
height:.78rem
}
}
.newsinfobox-sec1 .f_fen a>img, .newsinfobox-sec1 .f_fen a>svg {
	width: 45%;
	height: 50%;
	object-fit: contain
}
@media (max-width: 1199px) {
.newsinfobox-sec1 .f_fen a>img, .newsinfobox-sec1 .f_fen a>svg {
	width: 50%;
	height: 50%
}
}
.newsinfobox-sec1 .f_fen a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all .4s
}
.newsinfobox-sec1 .f_fen a:hover {
	color: #ffffff;
	background: var(--color);
	border-color: transparent
}
.newsinfobox-sec1 .f_fen a:hover:before {
	opacity: 1
}
.newsinfobox-sec1 .f_qie {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}
.newsinfobox-sec1 .f_qie .f_li {
padding:0 .1rem;
	width: 50%
}
.newsinfobox-sec1 .f_qie .f_li a {
	display: block;
border-radius:.2rem;
	background: #f9f9f9;
	color: #999999;
padding:.25rem .58rem .29rem .3rem
}
@media (max-width: 767px) {
.newsinfobox-sec1 .f_qie .f_li a {
padding:.36rem .3rem
}
}
.newsinfobox-sec1 .f_qie .f_li a .f_but {
	color: #999999;
	display: flex;
	align-items: center;
	transition: all .4s;
	margin-bottom: 10px
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_qie .f_li a .f_but {
	margin-bottom: 6px
}
}
.newsinfobox-sec1 .f_qie .f_li a .f_but img, .newsinfobox-sec1 .f_qie .f_li a .f_but svg {
	width: 8px;
	height: 12px;
	object-fit: contain;
	margin-left: 8px
}
@media (max-width: 1580px) {
.newsinfobox-sec1 .f_qie .f_li a .f_but img, .newsinfobox-sec1 .f_qie .f_li a .f_but svg {
	width: 6px;
	height: 10px
}
}
.newsinfobox-sec1 .f_qie .f_li a .f_tit {
	color: #000000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 2.66666667em;
	line-height: 1.33333333
}
.newsinfobox-sec1 .f_qie .f_li a:hover .f_but {
	color: #000000
}
.newsinfobox-sec2 {
	padding: 1.26rem 0 1.4rem
}
.newsinfobox-sec2 .container {
	max-width: 800px
}
.newsinfobox-sec2 .f_title1 {
	color: #101010;
margin-bottom:.55rem
}
.newsinfobox-sec2 .cont {
margin-bottom:.3rem
}
.newsinfobox-sec2 .cont .item {
	margin-bottom: 20px
}
@media (max-width: 1580px) {
.newsinfobox-sec2 .cont .item {
	margin-bottom: 16px
}
}
.newsinfobox-sec2 .cont .item:last-child {
	margin-bottom: 0
}
.newsinfobox-sec2 .cont .item .list {
	display: flex;
	flex-wrap: wrap
}
.newsinfobox-sec2 .cont .item .list .f_img {
	width: 37.5%;
border-radius:.2rem
}
@media (max-width: 767px) {
.newsinfobox-sec2 .cont .item .list .f_img {
	width: 46%
}
}
.newsinfobox-sec2 .cont .item .list .f_img:before {
	padding-top: 45%
}
.newsinfobox-sec2 .cont .item .list .font {
	width: 62.5%;
	display: flex;
	flex-direction: column;
padding:.12rem 0 .12rem .25rem
}
@media (max-width: 767px) {
.newsinfobox-sec2 .cont .item .list .font {
	width: 54%;
padding:.2rem 0 .2rem .36rem
}
}
.newsinfobox-sec2 .cont .item .list .font .f_time {
	width: 100%;
	color: #999999;
	display: block;
	margin-bottom: 8px
}
@media (max-width: 1580px) {
.newsinfobox-sec2 .cont .item .list .font .f_time {
	margin-bottom: 4px
}
}
.newsinfobox-sec2 .cont .item .list .font .f_tit {
	width: 100%;
	color: #000000;
	display: -webkit-box;
	line-height: 1.44444444;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 1.44444444;
	margin-bottom: 8px
}
.newsinfobox-sec2 .cont .item .list .font .f_jt {
	color: #666666;
	display: flex;
	flex-wrap: wrap
}
.newsinfobox-sec2 .cont .item .list .font .f_jt p {
	margin-right: 16px
}
@media (max-width: 1580px) {
.newsinfobox-sec2 .cont .item .list .font .f_jt p {
	margin-right: 12px
}
}
.newsinfobox-sec2 .cont .item .list:hover .f_img img {
	transform: scale(1.1)
}
.newsinfobox-sec2 .f_but {
	background-color: #f9f9f9;
border-radius:.2rem;
	display: flex;
	color: #000000;
padding:.15rem .28rem
}
@media (max-width: 767px) {
.newsinfobox-sec2 .f_but {
padding:.24rem .34rem
}
}
.newsinfobox-sec2 .f_but .f_tit {
	display: block;
	flex: 1 1 auto
}
.newsinfobox-sec2 .f_but .f_bt {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
margin-left:.26rem;
	transition: all .4s;
	color: #999999
}
.newsinfobox-sec2 .f_but .f_bt img, .newsinfobox-sec2 .f_but .f_bt svg {
	width: 8px;
	height: 12px;
	object-fit: contain;
	margin-left: 8px
}
@media (max-width: 1580px) {
.newsinfobox-sec2 .f_but .f_bt img, .newsinfobox-sec2 .f_but .f_bt svg {
	width: 6px;
	height: 10px
}
}
.newsinfobox-sec2 .f_but:hover .f_bt {
	color: var(--color)
}
.contactbanner {
	position: relative;
	overflow: hidden;
	background: #000000
}
.contactbanner .f_bag:before {
	padding-top: 31.25%
}
@media (max-width: 991px) {
.contactbanner .f_bag:before {
	1padding-top: 60%
}
}
@media (max-width: 767px) {
.contactbanner .f_bag:before {
	padding-top:31.25%
}
}
.contactbanner .cont {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #ffffff;
	z-index: 2
}
.contactbox-sec1 {
	background: #f9f9f9;
	padding: 1.04rem 0 1.3rem
}
@media (max-width: 767px) {
.contactbox-sec1 {
	padding: 1.1rem 0 1.2rem
}
}
.contactbox-sec1 .container {
	max-width: 1238px
}
.contactbox-sec1 .f_title {
	1font-weight: bold;
	text-align: center;
margin-bottom:.54rem
}
.contactbox-sec1 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}
.contactbox-sec1 .cont .item {
	width: 33.33%;
padding:0 .1rem;
margin-bottom:.2rem
}
@media (max-width: 767px) {
.contactbox-sec1 .cont .item {
	width: 100%;
margin-bottom:.5rem
}
.contactbox-sec1 .cont .item:last-child {
	margin-bottom: 0
}
}
.contactbox-sec1 .cont .item .list {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	background-color: #ffffff;
border-radius:.2rem;
padding:.65rem .36rem .5rem
}
@media (max-width: 767px) {
.contactbox-sec1 .cont .item .list {
padding:.6rem .5rem
}
}
.contactbox-sec1 .cont .item .list .f_icon {
	width: 1rem;
	height: 1rem;
	1border: dashed 1px #000000;
	display: flex;
	align-items: center;
	border-radius: 50%;
	justify-content: center;
margin-bottom:.27rem
}
@media (max-width: 767px) {
.contactbox-sec1 .cont .item .list .f_icon {
	width: 1.6rem;
	height: 1.6rem
}
}
.contactbox-sec1 .cont .item .list .f_icon img, .contactbox-sec1 .cont .item .list .f_icon svg {
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 80%;
	object-fit: contain
}
.contactbox-sec1 .cont .item .list .f_tit {
	text-align: center;
	width: 100%;
	color: #000000;
margin-bottom:.52rem
}
.contactbox-sec1 .cont .item .list .f_jt {
	margin-bottom: auto;
padding:0 .36rem;
padding:0 .43rem
}
@media (max-width: 991px) {
.contactbox-sec1 .cont .item .list .f_jt {
	padding: 0
}
}
.contactbox-sec1 .cont .item .list .f_jt .li {
	text-align: center;
	margin-bottom: 14px
}
@media (max-width: 1580px) {
.contactbox-sec1 .cont .item .list .f_jt .li {
	margin-bottom: 10px
}
}
.contactbox-sec1 .cont .item .list .f_jt .li:last-child {
	margin-bottom: 0
}
.contactbox-sec1 .cont .item .list .f_jt .li .f_t2 {
	margin-bottom: 5px
}
.contactbox-sec1 .cont .item .list .f_jt .li .f_text {
	color: #000000;
	line-height: 1.25
}
.contactbox-sec1 .cont .item .list .f_jt .li .f_text a {
	color: var(--color)
}
.contactbox-sec1 .cont .item .list .f_jt .li .f_text a:hover {
	text-decoration: underline
}
.contactbox-sec1 .cont .item .list .f_jt .li .f_dizhi {
	color: #444444
}
.contactbox-sec1 .cont .item .list .f_wen {
	width: 100%;
margin-top:.4rem;
	color: #0e0808;
	font-size: 10px;
	line-height: 1.6
}
@media (max-width: 1580px) {
.contactbox-sec1 .cont .item .list .f_wen {
	font-size: 8px
}
}
@media (max-width: 767px) {
.contactbox-sec1 .cont .item .list .f_wen {
font-size:.24rem
}
}
.public-service-title {
	text-align: center
}
.public-service-title .f_tit {
	color: #101010
}
.servicebox-sec1 {
	background: #f5f5f7;
padding:1.15rem 0 .57rem
}
.servicebox-sec1 .container {
	max-width: 1200px
}
.servicebox-sec1 .public-service-title {
margin-bottom:0.9rem
}
.servicebox-sec1 .cont {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.1rem
}
.servicebox-sec1 .cont .item {
	width: 33.333%;
padding:0 .1rem;
margin-bottom:.2rem
}
.servicebox-sec1 .cont .item1 {
	width: 66.666%;
padding:0 .1rem;
margin-bottom:.2rem
}
@media (max-width: 767px) {
.servicebox-sec1 .cont .item {
	width: 100%;
margin-bottom:.4rem
}
.servicebox-sec1 .cont .item:last-child {
	margin-bottom: 0
}
}
.servicebox-sec1 .cont .item .list {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #ffffff;
border-radius:.2rem;
	height: 100%;
	overflow: hidden;
padding:1.33rem .34rem 1.45rem;
	position: relative
}
@media (max-width: 991px) {
.servicebox-sec1 .cont .item .list {
padding:1rem .34rem
}
}
.servicebox-sec1 .cont .item .list .f_icon {
height:.88rem;
margin-bottom:.4rem
}
@media (max-width: 767px) {
.servicebox-sec1 .cont .item .list .f_icon {
height:.9rem
}
}
.servicebox-sec1 .cont .item .list .f_icon img {
	height: 100%
}
.servicebox-sec1 .cont .item .list .f_name {
	color: #999999
}
.servicebox-sec1 .cont .item .list .f_tit {
	color: #000000
}
.servicebox-sec1 .cont .item .list .font {
	text-align: center
}
.servicebox-sec1 .cont .item .list .font .f_name {
	margin-bottom: 3px
}
.servicebox-sec1 .cont .item .list .f_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
padding:.5rem .4rem .64rem;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	transition: all .4s
}
@media (max-width: 1199px) {
.servicebox-sec1 .cont .item .list .f_hover {
	display: none
}
}
.servicebox-sec1 .cont .item .list .f_hover .f_name {
margin-bottom:.2rem;
	width: 100%
}
.servicebox-sec1 .cont .item .list .f_hover .f_jt {
	width: 100%
}
.servicebox-sec1 .cont .item .list .f_hover .f_jt .li {
margin-bottom:.2rem
}
.servicebox-sec1 .cont .item .list .f_hover .f_jt .li .f_tit {
	margin-bottom: 3px
}
.servicebox-sec1 .cont .item .list .f_hover .f_jt .li .f_text {
	color: #444;
	line-height: 1.57142857
}
.servicebox-sec1 .cont .item .list .f_hover .f_zhu {
	margin-top: auto;
	color: #999999;
	line-height: 1.42857143
}
.servicebox-sec1 .cont .item .list .f_but {
	position: absolute;
right:.24rem;
bottom:.24rem;
width:.36rem;
height:.36rem;
	border-radius: 50%;
	z-index: 2;
	background-color: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all .4s
}
.servicebox-sec1 .cont .item .list .f_but:before, .servicebox-sec1 .cont .item .list .f_but:after {
	content: "";
	display: block;
	width: 33.33333333%;
	height: 2px;
	transition: all .4s;
	background-color: #000000
}
.servicebox-sec1 .cont .item .list .f_but:after {
	margin-top: -2px;
	transform: rotate(90deg)
}
@media (max-width: 767px) {
.servicebox-sec1 .cont .item .list .f_but {
width:.6rem;
height:.6rem
}
}
.servicebox-sec1 .cont .item .list:hover .f_hover {
	opacity: 1;
	visibility: initial
}
.servicebox-sec1 .cont .item .list:hover .f_but {
	background-color: #000000
}
.servicebox-sec1 .cont .item .list:hover .f_but:before, .servicebox-sec1 .cont .item .list:hover .f_but:after {
	background: #ffffff
}
.servicebox-sec1 .cont .item .list:hover .f_but:after {
	opacity: 0
}
.servicebox-sec2 {
	background: #f5f5f7;
padding:.57rem 0 1.2rem
}
.servicebox-sec2 .public-service-title {
margin-bottom:.5rem
}
.servicebox-sec2 .container {
	max-width: 1200px
}
.servicebox-sec2 .f_nav {
	display: flex;
	justify-content: center;
margin-bottom:.3rem
}
.servicebox-sec2 .f_nav .servicebox2_nav .swiper-slide {
	width: auto;
	cursor: pointer;
margin:0 .1rem
}
@media (max-width: 767px) {
.servicebox-sec2 .f_nav .servicebox2_nav .swiper-slide {
margin:0 .15rem
}
}
.servicebox-sec2 .f_nav .servicebox2_nav .swiper-slide .f_tit {
	transition: all .4s;
	border-radius: 22px;
	background: #ffffff;
padding:.09rem .27rem
}
@media (max-width: 767px) {
.servicebox-sec2 .f_nav .servicebox2_nav .swiper-slide .f_tit {
padding:.13rem .34rem
}
}
.servicebox-sec2 .f_nav .servicebox2_nav .swiper-slide.on .f_tit {
	background: var(--color);
	color: #ffffff
}
.servicebox-sec2 .cont {
	position: relative;
	background-color: #ffffff;
border-radius:.2rem;
	overflow: hidden
}
.servicebox-sec2 .cont .f_jt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all .4s;
padding:.78rem .36rem .58rem .9rem
}
@media (max-width: 767px) {
.servicebox-sec2 .cont .f_jt {
padding:.66rem .36rem .7rem
}
}
.servicebox-sec2 .cont .f_jt.on {
	position: relative;
	visibility: inherit;
	opacity: 1
}
.servicebox-sec2 .cont .f_jt .item {
margin-bottom:.48rem
}
.servicebox-sec2 .cont .f_jt .item:last-child {
	margin-bottom: 0
}
.servicebox-sec2 .cont .f_jt .item .f_hed {
	color: #000000;
	display: flex;
	align-items: flex-start;
	margin-bottom: 12px
}
@media (max-width: 1580px) {
.servicebox-sec2 .cont .f_jt .item .f_hed {
	margin-bottom: 8px
}
}
.servicebox-sec2 .cont .f_jt .item .f_hed img, .servicebox-sec2 .cont .f_jt .item .f_hed svg {
	flex: 0 0 auto;
	width: 21px;
	height: 21px;
	position: relative;
	top: .98em;
	transform: translateY(-50%);
	object-fit: contain
}
@media (max-width: 1580px) {
.servicebox-sec2 .cont .f_jt .item .f_hed img, .servicebox-sec2 .cont .f_jt .item .f_hed svg {
	width: 18px;
	height: 18px
}
}
@media (max-width: 767px) {
.servicebox-sec2 .cont .f_jt .item .f_hed img, .servicebox-sec2 .cont .f_jt .item .f_hed svg {
width:.4rem;
height:.4rem
}
}
.servicebox-sec2 .cont .f_jt .item .f_hed .f_tit {
	padding-left: 9px
}
@media (max-width: 1580px) {
.servicebox-sec2 .cont .f_jt .item .f_hed .f_tit {
	padding-left: 7px
}
}
.servicebox-sec2 .cont .f_jt .item .f_text {
	color: #444444;
	line-height: 1.5
}
.servicebox-sec2 .f_tel {
margin-top:.2rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
@media (max-width: 767px) {
.servicebox-sec2 .f_tel {
margin-top:.5rem
}
}
.servicebox-sec2 .f_tel .er, .servicebox-sec2 .f_tel .li {
width:calc(50% - .1rem);
	background: #ffffff;
border-radius:.2rem;
padding:.6rem .4rem
}
.servicebox-sec2 .f_tel .li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center
}
.servicebox-sec2 .f_tel .li .f_icon {
height:.43rem;
margin-bottom:.32rem;
height:.3rem;
margin-bottom:.16rem
}
@media (max-width: 767px) {
.servicebox-sec2 .f_tel .li .f_icon {
height:.6rem
}
}
.servicebox-sec2 .f_tel .li .f_icon img {
	height: 100%
}
.servicebox-sec2 .f_tel .li .f_tit {
	color: #101010;
	margin-bottom: 8px;
margin-bottom:.2rem
}
.servicebox-sec2 .f_tel .li .tel {
	line-height: 1;
	color: var(--color);
	display: block;
	margin-bottom: 9px;
margin-bottom:.24rem
}
.servicebox-sec2 .f_tel .li .f_name {
	color: #999999;
	margin-top: auto
}
.servicebox-sec2 .f_tel .er {
	text-align: center;
	color: #999
}
@media (max-width: 767px) {
.servicebox-sec2 .f_tel .er {
margin-top:.5rem
}
}
.servicebox-sec2 .f_tel .er>img {
	height: 90px;
	height: 100px;
	margin-top: -10px
}
@media (max-width: 767px) {
.servicebox-sec2 .f_tel .er>img {
	height: 2.6rem
}
}
.srviceAlt {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	overflow: hidden;
	display: none
}
.srviceAlt .bag {
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .5
}
.srviceAlt .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	max-width: 90%
}
.srviceAlt .cont .f_close {
	position: absolute;
right:.24rem;
top:.24rem;
	background-color: #f4f4f4;
width:.38rem;
height:.38rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	color: #000;
	cursor: pointer;
	justify-content: center;
	transition: all .4s
}
@media (max-width: 767px) {
.srviceAlt .cont .f_close {
width:.6rem;
height:.6rem
}
}
.srviceAlt .cont .f_close img, .srviceAlt .cont .f_close svg {
	width: 36%;
	height: 36%
}
.srviceAlt .cont .f_close:hover {
	background: #000000;
	color: #ffffff
}
.srviceAlt .cont .f_hover {
	background: #fff;
border-radius:.2rem;
padding:.5rem .4rem .64rem
}
@media (max-width: 767px) {
.srviceAlt .cont .f_hover {
padding:.7rem .4rem
}
}
.srviceAlt .cont .f_hover .f_name {
margin-bottom:.2rem;
	width: 100%
}
.srviceAlt .cont .f_hover .f_jt {
	width: 100%
}
.srviceAlt .cont .f_hover .f_jt .li {
margin-bottom:.2rem
}
.srviceAlt .cont .f_hover .f_jt .li .f_tit {
	margin-bottom: 3px;
	color: #000000
}
.srviceAlt .cont .f_hover .f_jt .li .f_text {
	color: #444;
	line-height: 1.57142857
}
.srviceAlt .cont .f_hover .f_zhu {
	margin-top: auto;
	color: #999999;
	line-height: 1.42857143
}
.public-product-nav {
	display: flex;
	justify-content: center
}
.public-product-nav .swiper {
	margin: 0
}
.public-product-nav .swiper .swiper-slide {
	width: auto;
margin:0 .4rem
}
.public-product-nav .swiper .swiper-slide .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}
.public-product-nav .swiper .swiper-slide .item .f_icon {
height:.82rem;
	display: flex;
	align-items: center;
	margin-bottom: 5px
}
.public-product-nav .swiper .swiper-slide .item .f_icon img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}
.public-product-nav .swiper .swiper-slide .item .f_tit {
	color: #000000;
	transition: all .4s
}
.public-product-nav .swiper .swiper-slide.on .item .f_tit {
	color: var(--color)
}
.public-product-list {
	width: auto;
	margin: 0 -0.1rem;
	display: flex;
	flex-wrap: wrap
}
@media (max-width: 767px) {
.public-product-list {
	margin: 0 -0.15rem
}
}
.public-product-list .item {
	width: 25%;
margin-bottom:.38rem;
padding:.1rem
}
@media (max-width: 991px) {
.public-product-list .item {
	width: 33.333%
}
}
@media (max-width: 767px) {
.public-product-list .item {
	width: 50%;
padding:0 .15rem
}
}
.public-product-list .item .list {
	display: block
}
.public-product-list .item .list .swiper {
	width: 100%
}
.public-product-list .item .list .swiper .swiper-slide .f_img {
border-radius:.2rem;
	background-color: #f9f9f9
}
.public-product-list .item .list .swiper .swiper-slide .f_img:before {
	padding-top: 112.5
}
@media (max-width: 767px) {
.public-product-list .item .list .swiper .swiper-slide .f_img:before {
	padding-top: 120%
}
}
.public-product-list .item .list .swiper .f_qie {
	position: absolute;
	left: 50%;
	max-width: 100%;
	transform: translateX(-50%);
bottom:.36rem;
	display: flex;
	z-index: 2;
	justify-content: center
}
.public-product-list .item .list .swiper .f_qie .f_dian {
width:.16rem;
height:.16rem;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 6px;
	position: relative;
	background-image: linear-gradient(-15deg, var(--grdcolor) 0%, var(--grdcolor2) 100%);
	box-shadow: inset .5px 1px 1px rgba(0,0,0,0.25)
}
.public-product-list .item .list .swiper .f_qie .f_dian:last-child {
	margin-right: 0
}
.public-product-list .item .list .swiper .f_qie .f_dian:first-child {
	margin-left: 0
}
@media (max-width: 767px) {
.public-product-list .item .list .swiper .f_qie .f_dian {
width:.24rem;
height:.24rem
}
}
.public-product-list .item .list .swiper .f_qie:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: var(--left);
	transition: all .4s;
	pointer-events: none;
	transform: translateY(-50%);
width:.22rem;
height:.22rem;
	margin-left: -0.05rem;
	border-radius: 50%;
	border: solid 2px #dddddd
}
@media (max-width: 1199px) {
.public-product-list .item .list .swiper .f_qie:after {
	border-width: 1px
}
}
@media (max-width: 767px) {
.public-product-list .item .list .swiper .f_qie:after {
width:.32rem;
height:.32rem;
	margin-left: -0.06rem
}
}
.public-product-list .item .list .font {
	display: block;
padding:.18rem .26rem 0 0
}
@media (max-width: 767px) {
.public-product-list .item .list .font {
padding:.3rem .36rem 0 0
}
}
.public-product-list .item .list .font .f_tit {
	color: #000000;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px
}
.public-product-list .item .list .font .f_text {
	color: #444444;
margin-bottom:.12rem;
	line-height: 1.71428571;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 3.42857143em
}
.public-product-list .item .list .font .f_btn {
	display: flex
}
.public-product-list .item .list .font .f_btn .f_but {
	display: flex;
	align-items: center;
margin-right:.3rem;
	transition: all .4s
}
.public-product-list .item .list .font .f_btn .f_but:last-child {
	margin-right: 0
}
.public-product-list .item .list .font .f_btn .f_but img, .public-product-list .item .list .font .f_btn .f_but svg {
	width: 7px;
	height: 13px;
	margin-left: 9px
}
@media (max-width: 1580px) {
.public-product-list .item .list .font .f_btn .f_but img, .public-product-list .item .list .font .f_btn .f_but svg {
	width: 5px;
	margin-left: 6px;
	height: 10px
}
}
.public-product-list .item .list .font .f_btn .f_but:hover {
	color: var(--color)
}
@media (max-width: 767px) {
.public-product-list .item .list .font .f_tit {
font-size:.3rem
}
.public-product-list .item .list .font .f_text, .public-product-list .item .list .font .f_btn {
font-size:.24rem
}
.public-product-list .item .list .font .f_btn .f_but {
font-size:.24rem
}
}
.public-product-list .item .list:hover .f_img img {
	transform: scale(1.08)
}
.public-product-list.on .item .list .swiper .f_img {
	background: #ffffff;
	border: solid 1px #eeeeee
}
.productbox-sec1 {
	overflow: hidden;
padding:.3rem 0 0
}
@media (max-width: 767px) {
.productbox-sec1 {
padding:.8rem 0 0
}
}
.productbox-sec1 .f_protitle {
	color: #000000;
margin-bottom:.53rem
}
.productbox-sec1 .productbox1_cont {
	width: auto;
	margin: 0 -0.1rem;
	overflow: visible
}
.productbox-sec1 .productbox1_cont .swiper-slide {
padding:0 .1rem;
	width: 27.62%
}
@media (max-width: 1199px) {
.productbox-sec1 .productbox1_cont .swiper-slide {
	width: 33.33%
}
}
@media (max-width: 991px) {
.productbox-sec1 .productbox1_cont .swiper-slide {
	width: 50%
}
}
@media (max-width: 767px) {
.productbox-sec1 .productbox1_cont .swiper-slide {
	width: 90%
}
}
.productbox-sec1 .productbox1_cont .swiper-slide .list {
	display: block;
	position: relative;
border-radius:.2rem;
	z-index: 1;
	overflow: hidden;
	color: #ffffff
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_img:before {
	padding-top: 118.18181818%
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_img:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top)
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .font {
	position: absolute;
	left: 0;
bottom:.22rem;
	z-index: 2;
padding:0 .3rem;
	padding-right: 1.6rem;
	width: 100%
}
@media (max-width: 767px) {
.productbox-sec1 .productbox1_cont .swiper-slide .list .font {
	padding-right: 2.2rem
}
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .font .f_tit {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 4px
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .font .f_text {
	opacity: .6;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_btn {
	position: absolute;
right:.2rem;
bottom:.22rem;
	display: flex;
	z-index: 2;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
padding:.06rem 0;
	width: 1.1rem;
	color: #000;
	background: rgba(255,255,255,0.4);
	color: #fff;
	backdrop-filter: blur(10px);
	border-radius: 36px;
	transition: background .4s, border .4s, opacity .4s
}
@media (max-width: 1580px) {
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_btn {
	width: 1.4rem
}
}
@media (max-width: 767px) {
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_btn {
	width: 1.6rem;
right:.34rem;
bottom:.34rem
}
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_btn .f_icon {
	position: relative;
	right: 0;
	bottom: 0;
margin-left:.24rem;
	display: none
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_icon {
	position: absolute;
right:.2rem;
bottom:.22rem;
	z-index: 2;
	color: rgba(0,0,0,0.8);
	width: 40px;
	height: 40px;
	display: flex;
	background: rgba(255,255,255,0.8);
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all .4s
}
@media (max-width: 1580px) {
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_icon {
	width: 36px;
	height: 36px
}
}
@media (max-width: 767px) {
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_icon {
width:.56rem;
height:.56rem
}
}
.productbox-sec1 .productbox1_cont .swiper-slide .list .f_icon img, .productbox-sec1 .productbox1_cont .swiper-slide .list .f_icon svg {
	width: 30%;
	height: 30%;
	object-fit: contain
}
.productbox-sec1 .productbox1_cont .swiper-slide .list:hover .f_img img {
	transform: scale(1.06)
}
.productbox-sec1 .productbox1_cont .swiper-slide .list:hover .f_icon {
	background: var(--color);
	color: #ffffff
}
.productbox-sec1 .productbox1_cont .f_qie {
	display: flex;
	justify-content: flex-end;
margin-top:.6rem
}
@media (max-width: 767px) {
.productbox-sec1 .productbox1_cont .f_qie {
	justify-content: center
}
}
.productbox-sec1 .productbox1_cont .f_qie .base_prev {
	margin-right: 14px
}
.productbox-sec1.on {
	z-index: 666;
	padding: 0;
	transition: all .4s
}
.productbox-sec1.on .f_nav {
	z-index: 666;
padding:.68rem 0;
	transition: all .4s linear;
	position: relative;
	background: #ffffff;
	width: 100%;
	border-top: 1px solid #ddd
}
.productbox-sec1.on .public-product-nav .swiper .swiper-slide .item .f_icon {
	transition: all .4s
}
.productbox-sec1.on.active {
	z-index: 666
}
.productbox-sec1.on.active .f_nav {
	position: fixed;
	left: 0;
	top: 0;
padding:.1rem 0;
	box-shadow: 0 10px 20px rgba(0,0,0,0.05)
}
@media (max-width: 767px) {
.productbox-sec1.on.active .f_nav {
padding:.2rem 0 .1rem
}
}
.productbox-sec1.on.active .public-product-nav .swiper .swiper-slide .item .f_tit {
	transform: scale(.8)
}
.productbox-sec1.on.active .public-product-nav .swiper .swiper-slide .item .f_icon {
height:.4rem
}
.productbox-sec2 {
	padding: 1.13rem 0 1.16rem
}
.productbox-sec2 .cont {
margin-bottom:.84rem
}
@media (max-width: 767px) {
.productbox-sec2 .cont {
padding-bottom:.64rem
}
}
.productbox-sec2 .cont:last-child {
	margin-bottom: 0
}
.productbox-sec2 .cont .f_protitle {
	color: #000000;
margin-bottom:.62rem
}
.productbox-sec2 .cont .f_tuij {
	position: relative;
	display: block;
border-radius:.2rem;
	overflow: hidden;
margin-bottom:.2rem
}
@media (max-width: 767px) {
.productbox-sec2 .cont .f_tuij {
margin-bottom:.5rem
}
}
@media (max-width: 767px) {
.productbox-sec2 .cont .f_tuij .f_img {
border-radius:.2rem
}
}
.productbox-sec2 .cont .f_tuij .f_img:before {
	1padding-top: 39.15662651%; padding-top:29.157%;
}
@media (max-width: 991px) {
.productbox-sec2 .cont .f_tuij .f_img:before {
	1padding-top: 50%
}
}
@media (max-width: 767px) {
.productbox-sec2 .cont .f_tuij .f_img:before {
	1padding-top: 116.66666667%
}
}
.productbox-sec2 .cont .f_tuij .font {
	width: 50%;
padding:.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
@media (max-width: 767px) {
.productbox-sec2 .cont .f_tuij .font {
	width: 100%;
padding:.6rem .4rem;
	bottom: inherit;
	top: 0
}
}
.productbox-sec2 .cont .f_tuij .font .f_tit {
	color: #000000;
margin-bottom:.13rem;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.productbox-sec2 .cont .f_tuij .font .f_text {
	color: #000000;
margin-bottom:.3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.productbox-sec2 .cont .f_tuij:hover .f_img img {
	1transform: scale(1.04)
}
.productbox-sec2 .cont .f_tuij.on .font .f_tit, .productbox-sec2 .cont .f_tuij.on .font .f_text {
	color: #ffffff
}
.productbox-sec2 .cont .f_tuij.f_white .font .f_tit, .productbox-sec2 .cont .f_tuij.f_white .font .f_text {
	color: #FFFFFF
}
.productbox-sec2 .cont .public-product-list .item:nth-child(8)~.item {
	1display: none
}
.productbox-sec2 .cont .f_allbut {
	display: flex;
	justify-content: center;
margin-top:.3rem
}
.productbox-sec2 .cont .f_allbut .public-btn {
	cursor: pointer
}
.productbox-sec2 .cont.on .public-product-list .item:nth-child(8)~.item {
	display: block
}
.productbox-sec2 .cont.on .f_allbut {
	display: none
}
.comparisonbox-sec1 {
	background: #f4f4f4;
	padding: 1.58rem 0 1.2rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 {
	padding: 1.8rem 0 1.2rem
}
}
.comparisonbox-sec1 .container {
	max-width: 1440px
}
.comparisonbox-sec1 .public-service-title {
margin-bottom:.51rem
}
.comparisonbox-sec1 .public-product-nav {
margin-bottom:.48rem
}
.comparisonbox-sec1 .cont {
	background: #ffffff;
border-radius:.2rem;
	min-height: 7rem;
padding:.57rem 1.2rem .7rem
}
@media (max-width: 991px) {
.comparisonbox-sec1 .cont {
padding:.66rem .8rem .7rem
}
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont {
padding:.6rem .34rem;
	overflow-x: auto;
	overflow-y: hidden
}
}
.comparisonbox-sec1 .cont .f_jt {
	display: flex;
	margin: 0 -0.6rem
}
@media (max-width: 991px) {
.comparisonbox-sec1 .cont .f_jt {
	margin: 0 -0.4rem
}
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt {
	margin: 0 -0.1rem
}
}
.comparisonbox-sec1 .cont .f_jt .item {
	width: 33.333%;
padding:0 .6rem
}
@media (max-width: 991px) {
.comparisonbox-sec1 .cont .f_jt .item {
padding:0 .4rem
}
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item {
padding:0 .1rem;
	width: 50%;
	flex: 0 0 auto
}
}
.comparisonbox-sec1 .cont .f_jt .item .list {
	display: block
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select {
	width: 100%;
	position: relative;
margin-bottom:.48rem;
	margin-bottom: 0
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit {
	display: flex;
	align-items: center;
	background-color: #f4f4f4;
	border-radius: 4px;
	color: #000000;
	cursor: pointer;
padding:.17rem .2rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit {
padding:.24rem .36rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit span {
	display: block;
padding-right:.3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(100% - 12px)
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit span {
	width: calc(100% - 10px)
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit .f_icon {
	opacity: .8;
	width: 12px;
	height: 8px;
	transition: all .4s;
	display: flex;
	align-items: center;
	justify-content: center
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit .f_icon {
	width: 10px;
	height: 6px
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit .f_icon img, .comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_tit .f_icon svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 4;
	width: 100%;
	background: #ffffff;
	display: none;
	max-height: 4rem;
	overflow-x: hidden;
	overflow-y: auto;
box-shadow:.1rem .17rem .5rem 0 rgba(0,0,0,0.08);
padding:.1rem .3rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option {
padding:.2rem .36rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li {
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li:last-child {
	border-bottom: none
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 {
	cursor: pointer;
	display: flex;
	color: #000000;
	align-items: center;
padding:.2rem .16rem .2rem 0
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 {
padding:.24rem 0 .24rem 0
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 span {
	display: block;
padding-right:.3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(100% - 12px)
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 span {
	width: calc(100% - 10px)
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 .f_icon {
	opacity: .8;
	width: 12px;
	height: 8px;
	transition: all .4s;
	display: flex;
	align-items: center;
	justify-content: center
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 .f_icon {
	width: 10px;
	height: 6px
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 .f_icon img, .comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li .f_t2 .f_icon svg {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul {
padding:.18rem 0;
	display: none
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul {
padding:.22rem 0
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul li .f_t3 {
	cursor: pointer;
	position: relative;
	color: #444444;
	padding: 8px 0;
	z-index: 2
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul li .f_t3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: #f9f9f9;
	transition: all .4s;
	margin: 0 -0.46rem 0 -0.3rem;
	z-index: -1;
	opacity: 0
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul li .f_t3:before {
	margin: 0 -0.36rem 0 -0.36rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li ul li:hover .f_t3:before {
	opacity: 1
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li.on .f_t2 {
	color: var(--color)
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select .f_option>li.on .f_t2 .f_icon {
	color: #000000;
	transform: rotate(180deg)
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_select.on .f_tit .f_icon {
	transform: rotate(180deg)
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper {
margin-bottom:.68rem;
	width: 100%;
padding-bottom:.3rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper {
padding-bottom:.46rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .swiper-slide .f_icon {
	text-align: center;
	height: 2.8rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .swiper-slide .f_icon {
	height: 2rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .swiper-slide .f_icon img {
	height: 100%
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: 13%;
	width: 100%;
	z-index: 2
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie {
	display: flex;
	position: relative;
	max-width: 100%;
	justify-content: center
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian {
width:.16rem;
height:.16rem;
	cursor: pointer;
	position: relative;
	border-radius: 50%;
	margin: 0 18px;
	transition: all .4s;
	background: var(--grdcolor);
	box-shadow: inset .5px 1px 1px rgba(0,0,0,0.25)
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian:last-child {
	margin-right: 0
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian:first-child {
	margin-left: 0
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian {
	margin: 0 14px
}
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian {
width:.24rem;
height:.24rem;
margin:0 .2rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian span {
	white-space: nowrap;
	position: absolute;
	top: 100%;
	display: block;
	left: 50%;
	transition: all .4s;
	line-height: 1.1;
	transform: translateX(-50%);
margin-top:.14rem;
	color: #999999
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie .f_dian span {
font-size:.2rem;
margin-top:.12rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: var(--left);
	transition: all .4s;
	pointer-events: none;
	transform: translateY(-50%);
width:.26rem;
height:.26rem;
	margin-left: -0.06rem;
	border-radius: 50%;
	border: solid 1px #c3bfb9
}
@media (max-width: 1199px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie:after {
	border-width: 1px
}
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .com_swiper .f_huan .f_qie:after {
width:.32rem;
height:.32rem;
	margin-left: -0.06rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link {
	color: #000000;
	text-align: center;
margin-bottom:.8rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .f_name {
	color: #e76926;
	height: 1.5em;
margin-bottom:.1rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .f_tit {
	margin-bottom: 6px
}
@media (max-width: 1580px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .f_tit {
	margin-bottom: 4px
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .f_text {
margin-bottom:.6rem;
margin-bottom:.4rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .f_ge {
margin-bottom:.15rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .public-btn {
min-width:.36rem;
padding:.08rem .2rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_link .public-btn {
padding:.12rem .36rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg {
margin-bottom:.7rem
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg {
padding:0 .3rem
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
margin-bottom:.44rem;
margin-bottom:.6rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li:last-child {
	margin-bottom: 0
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li .f_icon {
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
margin-bottom:.08rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li .f_icon img, .comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li .f_icon svg {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li .f_xin {
	color: #000000;
	margin-bottom: 4px
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_msg .li .f_name {
	color: #666666;
	margin-top: auto
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params {
margin-bottom:.76rem;
	text-align: center
}
@media (max-width: 767px) {
.comparisonbox-sec1 .cont .f_jt .item .list .f_params {
	text-align: center
}
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params:last-child {
	margin-bottom: 0
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params .f_tit {
	color: transparent;
	pointer-events: none;
margin-bottom:.44rem;
	text-align: left
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params .f_zhuti .li {
margin-bottom:.23rem
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params .f_zhuti .li:last-child {
	margin-bottom: 0
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params .f_zhuti .li .f_name {
	color: #000000
}
.comparisonbox-sec1 .cont .f_jt .item .list .f_params .f_zhuti .li .f_text {
	color: #666666
}
.comparisonbox-sec1 .cont .f_jt .item:first-child .list .f_params .f_tit {
	color: #000000
}
.public-brand-title .f_tit {
	color: #000000;
	line-height: 1.25
}
.brandbox-sec1 {
	background: #000;
	transition: background .5s linear
}
.brandbox-sec1 .brand_zhong {
	height: 880vh;
	height: 1200vh;
	position: relative
}
.brandbox-sec1 .f_qiehuan {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: flex;
	flex-direction: column
}
.brandbox-sec1 .f_qiehuan .brandfixed {
	width: 100%
}
.brandbox-sec1 .f_qiehuan .f_fixed {
	flex: 0 0 auto;
	height: 210vh
}
.brandbox-sec1 .f_qiehuan .f_fixed2 {
	height: 100%
}
.brandbox-sec1 .f_zhong {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	height: 130vh;
	overflow: hidden
}
.brandbox-sec1 .f_zhong .f_box {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	overflow: hidden
}
.brandbox-sec1 .f_zhong .f_box .f_bag, .brandbox-sec1 .f_zhong .f_box .f_video {
	width: 100%;
	height: 100%;
	position: relative
}
.brandbox-sec1 .f_zhong .f_box .f_bag img, .brandbox-sec1 .f_zhong .f_box .f_video img, .brandbox-sec1 .f_zhong .f_box .f_bag video, .brandbox-sec1 .f_zhong .f_box .f_video video {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.brandbox-sec1 .f_zhong .f_box .f_bag:after, .brandbox-sec1 .f_zhong .f_box .f_video:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .4;
	transition: all .4s
}
.brandbox-sec1 .f_zhong .f_box .f_video {
	position: absolute;
	top: 0;
	left: 0
}
.brandbox-sec1 .f_zhong .f_box .cont {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
	color: #ffffff;
	text-align: center;
	transition: top .6s
}
.brandbox-sec1 .f_zhong .f_box .cont .container {
	position: relative
}
.brandbox-sec1 .f_zhong .f_box .cont .container .f_tit span {
	display: inline-block;
	transition: all .6s;
	transform-origin: 80% center
}
.brandbox-sec1 .f_zhong .f_box .cont .container .f_tit .f_tile {
	transition: all .6s
}
.brandbox-sec1 .f_zhong .f_box .cont .container .f_text {
	position: absolute;
	top: 100%;
	width: 100%;
margin-top:.5rem;
	line-height: 1.57142857;
	transform: translateY(60vh);
	transition: all .6s;
	color: rgba(255,255,255,0.2)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box .cont .container .f_text {
font-size:.28rem
}
}
.brandbox-sec1 .f_zhong .f_box .cont .container .f_text span {
	background: rgba(255,255,255,0.2) -webkit-linear-gradient(left, #fff 100%, #fff 100%) no-repeat 0 0;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 0 100%;
	transition: all .2s linear
}
.brandbox-sec1 .f_zhong .f_box2 {
	width: 100%;
	height: 100%;
	position: relative
}
.brandbox-sec1 .f_zhong .f_box2 #zindexbox10canvas {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all .1s;
	visibility: hidden;
	pointer-events: none;
	color: #ffffff
}
.brandbox-sec1 .f_zhong .f_box2 #zindexbox10canvas svg {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu {
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 0
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img {
border-radius:.2rem;
	position: absolute;
	left: 40%;
	top: 40%;
	transition: all .1s linear;
	width: 9.89583333%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img {
	width: 1.6rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(2n) {
	width: 16.25%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(2n) {
	width: 1.8rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(3n) {
	width: 11.77083333%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(3n) {
	width: 1.6rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(4n) {
	width: 13.54166667%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(4n) {
	width: 2rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
border-radius:.2rem
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(1) {
	left: -30%;
	top: -20%;
	transform: translate(47vw, 37vh)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(2) {
	left: -30%;
	top: 30%;
	transform: translate(36vw, 10vh)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(2) {
	transform: translate(36vw, 2vh)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(3) {
	left: -13%;
	top: 104%;
	transform: translate(28vw, -32vh)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(3) img {
	opacity: .4
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(4) {
	left: 40%;
	top: 113%;
	transform: translate(0, -38vh)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(4) {
	transform: translate(0, -30vh)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(5) {
	left: 42%;
	top: -20%;
	transform: translate(10vw, 37vh)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(5) img {
	opacity: .4
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(6) {
	left: 102%;
	top: -17%;
	transform: translate(-20vw, 40vh)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(7) {
	left: 105%;
	top: 37%;
	transform: translate(-24vw, 13vh)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(7) {
	transform: translate(-28vw, 23vh)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(8) {
	left: 82%;
	top: 109%;
	transform: translate(-15vw, -38vh)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu .f_img:nth-child(8) img {
	opacity: .4
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 {
	transition: all .6s
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img {
border-radius:.2rem;
	position: absolute;
	left: 40%;
	top: 40%;
	opacity: 0;
	transform: scale(.5);
	width: 9.89583333%;
	transition: all .2s linear
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img {
	width: 1.6rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(2n) {
	width: 16.25%;
	width: 18.75%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(2n) {
	width: 1.8rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(3n) {
	width: 11.77083333%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(3n) {
	width: 1.6rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(4n) {
	width: 13.54166667%
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(4n) {
	width: 2rem
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
border-radius:.2rem
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(1) {
	left: -30%;
	top: -20%;
	transform: translate(68vw, 45vh) scale(.3)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(2) {
	left: -30%;
	top: 30%;
	transform: translate(49vw, 13vh) scale(.3)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(2) {
	transform: translate(31vw, 0) scale(.5)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(3) {
	left: -13%;
	top: 104%;
	transform: translate(46vw, -36vh) scale(.3)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(3) {
	transform: translate(23vw, -40vh) scale(.3)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(4) {
	left: 40%;
	top: 113%;
	transform: translate(5vw, -49vh) scale(.3)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(5) {
	left: 42%;
	top: -20%;
	transform: translate(12vw, 45vh) scale(.3)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(6) {
	left: 102%;
	top: -17%;
	width: 18.75%;
	transform: translate(-33vw, 40vh) scale(.3)
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(7) {
	left: 105%;
	top: 37%;
	transform: translate(-37vw, 14vh) scale(.3)
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(7) {
	transform: translate(-26vw, 19vh) scale(.3)
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_tu2 .f_img:nth-child(8) {
	left: 82%;
	top: 109%;
	transform: translate(-19vw, -46vh) scale(.3)
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
	line-height: 1.66666667;
	z-index: 2;
	transition: all .4s;
	color: #ffffff
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_and {
	transform: rotate(5deg);
	opacity: 0;
	transition: all .6s;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	visibility: inherit
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_and:nth-child(2) {
	transition: all .6s .2s
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_zi {
	display: inline-block;
	position: relative;
	overflow: hidden;
	top: .3em;
	height: 1.29166667em;
	width: 1.6em;
	line-height: 1.1
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_zi .f_ni {
	position: absolute;
	top: 0;
	left: 0
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_zi .f_ni span {
	display: block;
	margin-bottom: .2em
}
.brandbox-sec1 .f_zhong .f_box2 .f_font1 .f_zi .f_ni span:last-child {
	margin-bottom: 0
}
.brandbox-sec1 .f_zhong .f_box2 .f_font2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center;
	color: #ffffff;
	line-height: 1.57142857;
	text-align: center;
	-webkit-transform: translate(-50%, -50%) scale(.8);
	transform: translate(-50%, -50%) scale(.8);
	opacity: 0
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_font2 {
	width: 90%
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_link {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35.41666667%;
offset:;
	transition: all .2s
}
@media (max-width: 767px) {
.brandbox-sec1 .f_zhong .f_box2 .f_link {
	width: 90%
}
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(.2);
	width: 100%;
	opacity: 0
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .f_img {
border-radius:.2rem
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .f_img:before {
	padding-top: 74.70588235%
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .font {
padding-top:.34rem
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .font .f_tit, .brandbox-sec1 .f_zhong .f_box2 .f_link .item .font .f_text {
	transition: all .6s
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .font .f_tit {
	color: #fefefe
}
.brandbox-sec1 .f_zhong .f_box2 .f_link .item .font .f_text {
	color: #999999;
	transition: all .6s .1s;
margin-top:.08rem
}
.brandbox-sec1.f_versions .brand_zhong {
	height: 300vh
}
.brandbox-sec1.f_versions>.f_box2 {
	height: 500vh;
	background: #000;
	position: relative;
	margin-top: -20vh
}
.brandbox-sec1.f_versions>.f_box2 #jiedian {
	position: absolute;
	top: 100vh;
	left: 0
}
.brandbox-sec1.f_versions>.f_box2 #list9Json1 {
	width: 100%;
	height: 100vh;
	object-fit: cover
}
.brandbox-sec1.f_versions2 .brand_zhong {
	height: 850vh
}
.brandbox-sec1.on .f_zhong .f_box .f_bag:after, .brandbox-sec1.on .f_zhong .f_box .f_video:after {
	opacity: .7
}
.brandbox-sec1.on .f_zhong .f_box .cont {
	transition: top .6s .6s;
	top: 32%
}
.brandbox-sec1.on .f_zhong .f_box .cont .container .f_tit .f_zifu {
	transform: translate(-50%, -0.5em) scale(0);
	opacity: 0
}
.brandbox-sec1.on .f_zhong .f_box .cont .container .f_tit .f_tile {
	transform: translateX(-70%)
}
.brandbox-sec1.on .f_zhong .f_box .cont .container .f_text {
	transform: translateY(0)
}
.brandbox-sec1.on2 .f_zhong .f_box2 #zindexbox10canvas {
	opacity: 1;
	visibility: inherit
}
.brandbox-sec1.on2 .f_zhong .f_box2 .f_tu {
	opacity: 1;
	transition: all .6s
}
.brandbox-sec1.on2 .f_zhong .f_box2 .f_font1 {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	visibility: inherit
}
.brandbox-sec1.on2 .f_zhong .f_box2 .f_font1 .f_and {
	opacity: 1;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.brandbox-sec1.on2 .f_zhong .f_box2 .f_font2 {
	transition: all .6s
}
.brandbox-sec1.on3 .f_zhong .f_box2 .f_font1 {
	-webkit-transform: translate(-50%, -50%) scale(1.4);
	transform: translate(-50%, -50%) scale(1.4);
	opacity: 0;
	visibility: hidden
}
.brandbox-sec1.on3 .f_zhong .f_box2 .f_font2 {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	visibility: inherit;
	transition: all .6s .5s
}
.brandbox-sec1.on4 .f_zhong .f_box2 .f_font2 {
	transform: translate(-50%, -50%) scale(1.4);
	opacity: 0;
	transition: all .6s
}
.brandbox-sec1.on4 .f_zhong .f_box2 .f_link {
	visibility: inherit;
	opacity: 1
}
.brandbox-sec2 {
	overflow: hidden;
	position: relative;
	background: #ffffff;
	padding: 1.62rem 0 1.2rem;
	padding: 1.1rem 0
}
@media (max-width: 767px) {
.brandbox-sec2 {
	padding: 1.2rem 0
}
}
.brandbox-sec2 .public-brand-title {
	margin-bottom: 2.1rem
}
@media (max-width: 1580px) {
.brandbox-sec2 .public-brand-title {
	margin-bottom: 2.3rem
}
}
@media (max-width: 767px) {
.brandbox-sec2 .public-brand-title {
	margin-bottom: 3.8rem
}
}
.brandbox-sec2 .brandbox2_cont {
	overflow: inherit;
	padding-top: 1.6rem
}
@media (max-width: 1580px) {
.brandbox-sec2 .brandbox2_cont {
	padding-top: 2rem
}
}
.brandbox-sec2 .brandbox2_cont .swiper-slide {
	width: 1.92rem;
	position: relative
}
@media (max-width: 991px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide {
	width: 2.4rem
}
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item {
	position: relative
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_xian {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	width: 2px;
	bottom: 0;
	height: 60%;
	transition: all .4s;
	pointer-events: none
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_xian .f_tit {
	position: absolute;
	bottom: 100%;
	color: #444444;
	margin-left: -1em;
margin-bottom:.1rem;
	transition: all .4s
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_xian:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: .06;
	background-image: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 100%)
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_bag {
	opacity: .1;
	background-image: url(../images/cahnfaimq2.png);
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	transition: all .4s
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_bag:before {
	padding-top: 222.39583333%;
	padding-top: 139.58333333%
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font {
	position: absolute;
	top: 0;
	left: 0;
	1width: 5.6rem;
	opacity: 0;
	visibility: hidden;
padding-left:.22rem; width:300px;
}
@media (max-width: 1580px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font {
	width: 6.8rem
}
}
@media (max-width: 767px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font {
	width: 6.8rem
}
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font .f_time {
	color: #000000;
	font-weight: bold
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font .f_text {
	color: #000000;
	line-height: 1.625;
	transition: all .4s;
	padding-top: 7px
}
@media (max-width: 767px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .font .f_text {
font-size:.24rem
}
}
.brandbox-sec2 .brandbox2_cont .swiper-slide .item .f_tit {
	position: absolute;
	left: 0;
	bottom: 30%
}
.brandbox-sec2 .brandbox2_cont .swiper-slide:nth-child(2n) .item .f_xian {
	height: 100%
}
.brandbox-sec2 .brandbox2_cont .swiper-slide:nth-child(2n) .item .f_bag {
	background-image: url(../images/cahnfaimq1.png)
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_bag {
	opacity: 1
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian {
	height: 160%;
	height: 190%;
	height: 220%
}
@media (max-width: 1900px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian {
	height: 230%
}
}
@media (max-width: 991px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian {
	height: 200%
}
}
@media (max-width: 767px) {
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian {
	height: 240%
}
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian:before {
	opacity: 1
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian .f_tit {
	opacity: 0
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on .item .f_xian .font {
	opacity: 1;
	visibility: inherit;
	transition: all .6s .4s
}
.brandbox-sec2 .brandbox2_cont .swiper-slide.on+.swiper-slide .item .f_bag {
	opacity: 1
}
.brandbox-sec2 .brandbox2_cont .swiper-slide:nth-last-child(1) .item .font, .brandbox-sec2 .brandbox2_cont .swiper-slide:nth-last-child(2) .item .font {
	left: initial;
	right: 0;
	padding-left: 0;
padding-right:.22rem
}
.brandbox-sec2 .brandbox2_cont .brand_qie {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transform: scale(0);
	transition: transform .3s linear;
	opacity: 0;
	width: 60px;
	border-radius: 15px;
	background-color: #0054ff;
	padding: 9px 15px;
	pointer-events: none;
	display: flex;
	color: #ffffff;
	align-items: center;
	justify-content: space-between;
	display: none!important
}
@media (max-width: 1580px) {
.brandbox-sec2 .brandbox2_cont .brand_qie {
	padding: 5px 10px;
	width: 56px
}
}
@media (max-width: 1199px) {
.brandbox-sec2 .brandbox2_cont .brand_qie {
	display: none!important
}
}
@media (max-width: 767px) {
.brandbox-sec2 .brandbox2_cont .brand_qie {
padding:.2rem .26rem
}
}
.brandbox-sec2 .brandbox2_cont .brand_qie img, .brandbox-sec2 .brandbox2_cont .brand_qie svg {
	opacity: .8;
	width: 8px;
	height: 12px
}
@media (max-width: 1580px) {
.brandbox-sec2 .brandbox2_cont .brand_qie img, .brandbox-sec2 .brandbox2_cont .brand_qie svg {
	width: 6px;
	height: 10px
}
}
.brandbox-sec2 .brandbox2_cont:hover .brand_qie {
	transform: scale(1);
	opacity: 1
}
.brandbox-sec2 .f_tishi {
	color: #999999;
	line-height: 1.66666667;
	margin-top: 0;
	margin-top: -0.3rem
}
@media (min-width: 768px) {
.brandbox-sec2 .f_tishi {
	font-size: 10px
}
}
.brandbox-sec3 {
	overflow: hidden;
	padding: 1.4rem 0 0;
	position: relative;
	background: #ffffff;
	padding: 1.1rem 0
}
.brandbox-sec3 .f_font {
	position: relative;
margin-bottom:.62rem;
	z-index: 3
}
@media (max-width: 767px) {
.brandbox-sec3 .f_font {
margin-bottom:.4rem
}
}
.brandbox-sec3 .f_font .public-brand-title {
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: all .4s;
	visibility: hidden
}
@media (max-width: 767px) {
.brandbox-sec3 .f_font .public-brand-title .f_tit {
font-size:.4rem
}
.brandbox-sec3 .f_font .public-brand-title .f_tit br {
	display: none
}
}
.brandbox-sec3 .f_font .public-brand-title.on {
	position: relative;
	opacity: 1;
	visibility: inherit
}
.brandbox-sec3 .f_qie {
	display: flex;
	align-items: center
}
.brandbox-sec3 .f_qie .brandbox3_prev {
	margin-right: 10px
}
.brandbox-sec3 .cont {
	width: 100%
}
@media (min-width:1921px) {
.brandbox-sec3 .cont {
	max-width: 1920px;
	margin: 0 auto
}
}
.brandbox-sec3 .brandbox3_cont {
	width: 100%;
	overflow: visible
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont {
margin-top:.56rem;
margin-top:.36rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt {
	display: flex;
	flex-wrap: wrap;
padding-right:.6rem;
	width: 41.68%
}
@media (max-width: 1580px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt {
	width: 47%;
padding-right:.2rem
}
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt {
	width: 100%;
	padding-right: 0;
margin-bottom:.54rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li {
margin-bottom:.72rem;
padding-right:.2rem;
	width: 50%
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li {
margin-bottom:.5rem;
margin-bottom:.4rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .shu {
	display: flex;
	align-items: flex-end;
margin-bottom:.08rem
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .shu {
margin-bottom:.2rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .shu span {
	display: block;
	line-height: 1
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .shu span:nth-child(1) {
	position: relative;
	top: .12em
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .shu span:nth-child(1) {
font-size:.6rem;
font-size:.48rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt .li .f_text {
	color: #999999
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt.width33 .li {
	width: 33.333%
}
@media (max-width: 991px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .lt.width33 .li {
	width: 50%
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .gt {
	width: 58.32%;
	margin-top: -0.8rem
}
@media (max-width: 1580px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .gt {
	width: 53%
}
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide .gt {
	width: 100%;
	margin-top: -0.3rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .gt .f_img {
	width: 100%;
	display: flex;
	height: 6.46rem;
	justify-content: flex-end;
	align-items: flex-end
}
.brandbox-sec3 .brandbox3_cont .swiper-slide .gt .f_img img {
	width: 100%;
	height: auto
}
@media (min-width: 768px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .lt {
	padding: 2rem 0 1.2rem;
	min-height: 6.1rem
}
}
@media (min-width: 768px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide:not(.f_item) .gt {
	position: absolute;
	right: 0;
	bottom: 0
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .lt {
	width: 46.26%
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .lt {
	width: 100%
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .lt .li {
	width: 33.333%
}
@media (max-width: 991px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .lt .li {
	width: 50%
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt {
	width: 53.74%;
	padding-bottom: 1rem;
	margin-top: 0
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt {
	width: 100%;
	padding-bottom: 1.2rem
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu {
	width: 152.9%;
	position: relative;
	margin-left: -3rem;
	margin-top: -1.88rem
}
@media (max-width: 991px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu {
	margin-left: -2rem
}
}
@media (max-width: 767px) {
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu {
	margin-left: -1rem;
	margin-top: 0;
	width: 130%
}
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_ditu {
	width: 100%
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_ditu img {
	width: 100%
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian {
	width: 0;
	height: 0;
	position: absolute
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
width:.1rem;
height:.1rem;
	border-radius: 50%;
	background: var(--color);
	z-index: 1
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian span:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 200%;
	height: 200%;
	width: 300%;
	height: 300%;
	background: var(--color);
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	animation: scaleim1 1.8s linear infinite
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian:nth-child(21) span:before, .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian:nth-child(2) span:before, .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian:nth-child(11) span:before {
	width: 1800%;
	height: 1800%
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian:nth-child(7) span:before, .brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian:nth-child(13) span:before {
	width: 800%;
	height: 800%
}
.brandbox-sec3 .brandbox3_cont .swiper-slide.f_item .gt .f_tu .f_weizhi .f_dian.on span {
width:.06rem;
height:.06rem
}
.brandbox-sec4 {
	position: relative
}
.brandbox-sec4 .f_bag {
	width: 100%;
	height: 100vh;
	overflow: hidden
}
.brandbox-sec4 .f_bag img {
	width: 100%;
	height: 100%;
	object-fit: cover
}
.brandbox-sec4 .cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #ffffff;
	padding: 1.18rem 0
}
.brandbox-sec4 .cont .f_tit {
	line-height: 1.25;
margin-bottom:.42rem
}
.brandbox-sec5 {
	padding: 1.72rem 0 1.6rem;
	background: #ffffff
}
@media (max-width: 767px) {
.brandbox-sec5 {
	padding: 1.2rem 0
}
}
.brandbox-sec5 .public-brand-title {
margin-bottom:.52rem
}
.brandbox-sec5 .brandbox5_cont {
	width: auto;
	margin: 0 -0.15rem
}
.brandbox-sec5 .brandbox5_cont .swiper-slide {
	width: 33.333%;
padding:0 .15rem
}
@media (max-width: 991px) {
.brandbox-sec5 .brandbox5_cont .swiper-slide {
	width: 50%
}
}
@media (max-width: 767px) {
.brandbox-sec5 .brandbox5_cont .swiper-slide {
	width: 90%
}
}
.brandbox-sec5 .brandbox5_cont .swiper-slide .list {
	display: block
}
.brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_img {
border-radius:.2rem;
margin-bottom:.23rem
}
.brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_img:before {
	padding-top: 65.78947368%
}
.brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_tit {
	color: #000000;
margin-bottom:.1rem
}
.brandbox-sec5 .brandbox5_cont .swiper-slide .list .f_text {
	color: #000000;
	line-height: 1.5
}
.brandbox-sec5 .brandbox5_cont .brandbox5_pagin {
	position: relative;
	width: 100%;
margin-top:.54rem
}
.bradbox_qie {
	position: fixed;
left:.2rem;
	bottom: 10%;
	z-index: 888;
	color: #ffffff
}
@media (max-width: 1199px) {
.bradbox_qie {
	display: none!important
}
}
.bradbox_qie .f_li {
	display: flex;
	color: rgba(255,255,255,0.2);
	cursor: pointer;
	transition: all .4s;
	align-items: flex-start;
margin-bottom:.2rem
}
.bradbox_qie .f_li:last-child {
	margin-bottom: 0
}
.bradbox_qie .f_li .f_icon {
	width: 10px;
	height: 10px;
	color: transparent;
	position: relative;
	top: .5em;
	transform: translateY(-50%);
	margin-right: 10px
}
.bradbox_qie .f_li .f_icon svg, .bradbox_qie .f_li .f_icon img {
	width: 100%;
	max-height: 100%;
	object-fit: contain
}
.bradbox_qie .f_li .f_icon svg circle, .bradbox_qie .f_li .f_icon img circle {
	stroke: rgba(255,255,255,0.2);
	transition: all .4s
}
.bradbox_qie .f_li .f_icon svg circle:nth-child(2), .bradbox_qie .f_li .f_icon img circle:nth-child(2) {
	stroke: #fff
}
.bradbox_qie .f_li.on {
	color: #ffffff
}
.bradbox_qie .f_li.on .f_icon svg circle:nth-child(2), .bradbox_qie .f_li.on .f_icon img circle:nth-child(2) {
	transition: all .4s;
	stroke-dasharray: 900 1200
}
.bradbox_qie.f_black .f_li {
	color: rgba(0,0,0,0.2)
}
.bradbox_qie.f_black .f_li .f_icon svg circle {
	stroke: rgba(0,0,0,0.2)
}
.bradbox_qie.f_black .f_li .f_icon svg circle:nth-child(2) {
	stroke: #000000
}
.bradbox_qie.f_black .f_li.on {
	color: #000000
}
@keyframes scaleim1 {
from {
-webkit-transform:translate(-50%, -50%) scale(.3);
transform:translate(-50%, -50%) scale(.3);
opacity:.9
}
to {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	opacity: 0
}
}
.fixedgt {
	position: fixed;
	right: 20px;
	z-index: 888;
	bottom: 50%;
	transform: translateY(50%)
}
@media (max-width: 767px) {
.fixedgt {
	bottom: 10%;
right:.3rem;
	transform: translateY(0)
}
}
.fixedgt .item .f_tit {
	background-color: #ffffff;
box-shadow:.1rem .17rem .5rem 0 rgba(0,0,0,0.1);
border-radius:.14rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 64px;
	color: #000000;
	height: 64px
}
@media (max-width: 767px) {
.fixedgt .item .f_tit {
	width: 1.2rem;
	height: 1.2rem
}
.fixedgt .item .f_tit span {
font-size:.22rem
}
}
.fixedgt .item .f_tit .f_icon {
	height: 1.125em;
margin-bottom:.05rem;
	display: flex;
	align-items: center;
	justify-content: center
}
@media (max-width: 767px) {
.fixedgt .item .f_tit .f_icon {
	height: 1.2em
}
}
.fixedgt .item .f_tit .f_icon img, .fixedgt .item .f_tit .f_icon svg {
	height: 100%;
	max-width: 100%;
	object-fit: contain
}
.fixedgt .item:hover .f_tit {
	color: var(--color)
}
.base_sticky {
	position: relative
}
@media (min-width: 768px) {
.base_sticky>section {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem
}
.base_sticky>section:last-child {
	margin-bottom: 0
}
}
@media (min-width: 768px) and (max-width: 1580px) {
.base_sticky>section {
	margin-bottom: 3rem
}
}