<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.yanfa-wrap {
 	background: #f5f6f8;
 	padding: 100px 0;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa-wrap {
 		padding: calc(100 / 1920 * 100vw) 0;
 	}
 }

 .yanfa-wrap .tit {
 	font-size: 50px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa-wrap .tit {
 		font-size: calc(50 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa-wrap .tit {
 		font-size: 5rem;
 	}
 }
 .yanfa-wrap .tit2 {
 	font-size: 24px;
 	padding: 20px 0;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa-wrap .tit2 {
 		font-size: calc(24 / 1920 * 100vw);
 		padding: calc(20 / 1920 * 100vw) 0;
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa-wrap .tit2 {
 		font-size: 2.8rem;
 		padding: 3rem 0;
 	}
 }

 .yanfa-wrap .tit,
 .yanfa-wrap .tit2 {
 	text-align: center;
 }

 .yanfa {
 	width: 100%;
 	height: 100%;
 	position: relative;
 }

 .yanfa .mySwiper {
 	width: 866px;
 	margin: 40px auto;
 	padding-top: 30px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper {
 		width: calc(866 / 1920 * 100vw);
 		margin: calc(40 / 1920 * 100vw) auto;
 		padding-top: calc(30 / 1920 * 100vw)
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper {
 		width: 90%;
 		margin: 4rem auto;
 		padding-top: 2rem
 	}
 }
 .yanfa .mySwiper .swiper-slide {
 	width: 146px;
 	height: 100%;
 	cursor: pointer;

 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide {
 		width: calc(146 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper .swiper-slide {
 		width: 33.33%;
 	}
 }
 .yanfa .mySwiper .swiper-slide .item {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
 	font-size: 24px;
 	height: 100%;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide .item {
 		font-size: calc(24 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 922px) {
 	.yanfa .mySwiper .swiper-slide .item {
 		font-size: 2.8rem;
 	}
 }
 .yanfa .mySwiper .swiper-slide .item .img {
 	width: 106px;
 	height: 106px;
 	background: #fff;
 	border-radius: 100%;
 	position: relative;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide .item .img {
 		width: calc(106 / 1920 * 100vw);
 		height: calc(106 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper .swiper-slide .item .img {
 		width: 10rem;
 		height: 10rem;
 	}
 }
 .yanfa .mySwiper .swiper-slide .item .img img {
 	max-height: 106px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide .item .img img {
 		max-height: calc(106 / 1920 * 100vw);
 	}
 }
@media screen and (max-width: 992px) {
 	.yanfa .mySwiper .swiper-slide .item .img img {
 		max-height: 10rem;
 	}
 }
 .yanfa .mySwiper .swiper-slide .item .img:before {
 	position: absolute;
 	width: 148px;
 	height: 148px;
 	border-radius: 100%;
 	border: #c1c1c1 dashed 1px;
 	content: "";
 	left: -22px;
 	top: -22px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide .item .img:before {
 		width: calc(148 / 1920 * 100vw);
 		height: calc(148 / 1920 * 100vw);
 		left: calc(-22 / 1920 * 100vw);
 		top: calc(-22 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper .swiper-slide .item .img:before {
 		width: 14rem;
 		height:14rem;
 		left: -2rem;
 		top:  -2rem;
 	}
 }
 .yanfa .mySwiper .swiper-slide .item p {
 	margin-top: 45px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper .swiper-slide .item p {
 		margin-top: calc(45 / 1920 * 100vw);
 	}
 }

 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper .swiper-slide .item p {
 		margin-top:5rem;
 	}
 }
 .yanfa .mySwiper .swiper-slide-thumb-active .item .img {
 	background: var(--active-color);

 }

 .yanfa .mySwiper .swiper-slide-thumb-active img {
 	filter: brightness(100);
 }

 .yanfa .mySwiper .swiper-slide-thumb-active .item .img:before {
 	border-color: var(--active-color);
 }

 .yanfa .mySwiper .swiper-slide-thumb-active p {
 	color: var(--active-color);
 }

 .yanfa .mySwiper2 {
 	padding-top: 30px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper2 {
 		padding-top: calc(30 / 1920 * 100vw);
 	}
 }

 .yanfa .mySwiper2 .swiper-slide .item {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	height: 100%;
 	background: var(--active-color);
 	text-align: left;
 	color: #fff;
 	border-radius: 10px;
 }

@media screen and (max-width: 992px) {
	 .yanfa .mySwiper2 .swiper-slide .item {
		flex-direction: column
	}
}

 .yanfa .mySwiper2 .swiper-slide .item .img img {
 	border-top-left-radius: 10px;
 	border-bottom-left-radius: 10px;
 }

 .yanfa .mySwiper2 .swiper-slide .item .icon-pic {
 	margin-bottom: 10px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper2 .swiper-slide .item .icon-pic {
 		margin-bottom: calc(10 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfa .mySwiper2 .swiper-slide .item .icon-pic {
 		margin-bottom: 1rem;
 	}
 }
 .yanfa .mySwiper2 .swiper-slide .item .icon-pic img {
 	filter: brightness(100);
 }
 @media screen and (max-width: 992px) {
 	 .yanfa .mySwiper2 .swiper-slide .item .icon-pic img {
 		max-height: 60px;
 	}
 }
 .item-info {
 	width: auto;
 	padding: 70px 50px 0 70px;
 	text-align: left;
 	width: 603px;
 }

 @media screen and (max-width: 1920px) {
 	.item-info {
 		padding: calc(70 / 1920 * 100vw) calc(50 / 1920 * 100vw) 0 calc(70 / 1920 * 100vw);
 		/*width: calc(603 / 1920 * 100vw)*/
 	}
 }
 @media screen and (max-width: 992px) {
 	.item-info {
 		padding:2rem 5rem;
 		width: 45%;
 	}
 }
 .item-info .tit {
 	text-align: left;
 	font-size: 38px;
 }

 @media screen and (max-width: 1920px) {
 	.item-info .tit {
 		font-size: calc(38 / 1920 * 100vw)
 	}
 }
 @media screen and (max-width: 992px) {
 	.item-info .tit {
 		font-size: 4rem
 	}
 }
 .item-info p {
 	font-size: 24px;
 	margin-top: 30px;
 }

 @media screen and (max-width: 1920px) {
 	.item-info p {
 		font-size: calc(24 / 1920 * 100vw);
 		margin-top: calc(30 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.item-info p {
 		font-size: 14px;
 		margin-top: 3rem;
 	}
 }
 .yanfa .mySwiper2 .swiper-slide .item .img {
 	width: 996px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfa .mySwiper2 .swiper-slide .item .img {
 		width: calc(966 / 1920 * 100vw);
 	}
 }
@media screen and (max-width: 992px) {
	.yanfa .mySwiper2 .swiper-slide .item .img {
		width: 100%
	}
	.yanfa .mySwiper2 .swiper-slide .item .img img{
		border-radius: 10px;
	}
	.item-info{
		width: 100%;
	}
}
 .yanfapager {
 	position: relative;
 	height: 80px;
 	margin-top: 70px;
 }

 @media screen and (max-width: 1920px) {
 	.yanfapager {
 		height: calc(80 / 1920 * 100vw);
 		margin-top: calc(70 / 1920 * 100vw);
 	}
 }
@media screen and (max-width: 992px) {
 	.yanfapager {
 		height: 13rem;
 		margin-top:5rem
 	}
 }
 .yanfapager .swiper-pagination {
 	position: absolute;
 	bottom: 0;
 	top: auto;
 }

 .swiper-pagination-progressbar {
 	background: #e2e2e2;
 	height: 2px;
 }

 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 	background: var(--active-color);
 	height: 4px;
 }

 .yanfapager .pager-left {
 	float: left;
 	width: 30%;
 	line-height: 55px;
 	font-size: 22px;
 	color: #bebebe;
 }

 @media screen and (max-width: 1920px) {
 	.yanfapager .pager-left {
 		line-height: calc(55 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfapager .pager-left {
 		line-height: 13rem;
 	}
 }

 .yanfapager .curpage {
 	font-size: 37px;
 	font-weight: bold;
 	color: var(--active-color);
 }

 @media screen and (max-width: 1920px) {
 	.yanfapager .curpage {
 		font-size: calc(37 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfapager .curpage {
 		font-size:4.5rem;
 		}
 }
 .yanfapager .pager-left a {
 	font-size: 24px;
 	color: var(--active-color);
 }

 @media screen and (max-width: 1920px) {
 	.yanfapager .pager-left a {
 		font-size: calc(24 / 1920 * 100vw);
 	}
 }
 @media screen and (max-width: 992px) {
 	.yanfapager .pager-left a {
 		font-size: 3rem;
 	}
 }
 .yanfapager .yanfa-btn {
 	display: flex;
 	flex-direction: row;
 	justify-content: flex-end;
 	float: right;
 }

 .yanfapager .yanfa-prev,
 .yanfapager .yanfa-next {
 	display: block;
 	width: 50px;
 	height: 50px;
 	border: #e3e3e3 solid 1px;
 	border-radius: 100%;
 	text-align: center;
 	line-height: 50px;
 	position: relative;
 	transition: all .5s ease;
 	outline: none;
 	text-decoration: none;
 }

 .yanfapager .yanfa-next::after,
 .yanfapager .yanfa-prev::after {
 	content: "";
 	position: absolute;
 	width: 50px;
 	height: 50px;
 	border-top: var(--active-color) solid 2px;
 	border-radius: 100%;
 	top: -1px;
 	right: -1px;
 	transform: rotate(45deg);
 	/* æ—‹è½¬45åº¦ */
 	opacity: 1;
 	transition: all .5s ease;
 	opacity: 0;
 }

 .yanfapager .yanfa-prev i,
 .yanfapager .yanfa-next i {
 	font-weight: bold;
 }

 .yanfapager .yanfa-next {
 	margin-left: 16px;
 }

 .yanfapager .yanfa-next:hover::after,
 .yanfapager .yanfa-prev:hover::after {
 	opacity: 1;
 }
</pre></body></html>