html,body {
	width: 100%;
	font-size: 62.5%;

}

.homePage {
	height: 100%
}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
	.flex {
		max-width: 1280px
	}
}

@media screen and (min-width: 1600px) {
	.flex {
		max-width: 1600px
	}
}

@media screen and (min-width: 1200px) {
	.pcHead {
		display: flex;
		align-items: center;
		font-size: 16px;
		box-shadow: 0 0 8px #e1e1e1;
		background: url(../assets/hd_bg.jpeg) left center no-repeat;
		z-index: 888;
		position: relative;
		height: 110px;
		width: 100%
	}

	.pcHead .flex {
		width: 1280px;
		justify-content: space-between;
		margin: 0 auto
	}

	.pcHead .img {
		height: 80px;
		width: 140px
	}

	.pcHead .tab {
		display: flex;
		align-items: center;
		position: relative;
		flex: 1;
		justify-content: flex-end;
		cursor: pointer;
	}

	.pcHead .tab ul {
		display: flex;
		align-items: center
	}

	.pcHead .tab ul li {
		padding: 0 30px;
		text-align: center;
		font-weight: 500;
		position: relative
	}

	.pcHead .tab ul li:hover {
		color: #10eadf;
		cursor: pointer
	}

	.pcHead .tab ul li:hover .navList {
		display: block
	}

	.pcHead .tab ul li .navList {
		position: absolute;
		display: none;
		padding: 20px 0;
		background-color: #10eadf;
		width: 170px;
		left: 0;
		top: 45px;
		border-radius: 7px;
		transition: all .6s
	}

	.pcHead .tab ul li .navList .navCell {
		height: 45px;
		line-height: 44px;
		font-size: 18px;
		color: #333;
		font-weight: 600
	}

	.pcHead .tab ul li .navList .navCell:hover {
		color: #fff
	}

	.pcHead .tab ul li .navList .arrow {
		width: 100%;
		height: 40px;
		position: absolute;
		top: -20px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.pcHead .tab ul li .navList .arrow:before {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		background-color: #10eadf;
		transform: rotate(45deg)
	}

	.pcHead .tab ul .chLi {
		padding: 0 30px
	}

	.pcHead .tab ul .active {
		color: #10eadf
	}

	.pcHead .tab ul .tabText {
		font-weight: 700
	}

	.pcHead .tab .language {
		position: relative
	}

	.pcHead .tab .language .border {
		border: 1px solid #e1e1e1;
		padding: 0 15px;
		position: relative;
		z-index: 5;
		background-color: #fff
	}

	.pcHead .tab .language .border .icon {
		display: flex;
		margin-right: 10px
	}

	.pcHead .tab .language .border .cell {
		display: flex;
		align-items: center;
		height: 40px;
		justify-content: flex-start;
		font-size: 14px;
		width: 94px;
		transition: all .6s
	}

	.pcHead .tab .language .border .cell .text {
		text-align: left;
		position: relative
	}

	.pcHead .tab .language .more {
		display: none
	}

	.pcHead .tab .language:hover .more {
		display: flex;
		justify-content: flex-start;
		position: absolute;
		top: 40px;
		border-left: 1px solid #e1e1e1;
		border-right: 1px solid #e1e1e1;
		border-bottom: none;
		border-top: none
	}

	.pcHead .tab .language:hover .more:last-child {
		border-bottom: 1px solid #e1e1e1;
		top: 80px
	}

	.pcHead .tab .language:hover .more:last-child .cell:last-child {
		border-bottom: none;
		border-top: none
	}

	.pcHead .tab .language:hover .more .cell {
		border-bottom: 1px solid #e1e1e1;
		border-top: 1px solid #e1e1e1
	}

	.pcHead .tab .language:hover .more .cell:hover {
		padding-left: 10px;
		color: #10eadf
	}

	.mobileHead {
		display: none
	}
}

.float-service{
        display: block;
        height: 60px;
      width: 60px;
      position: fixed;
      right: 2%;
      bottom: 20%;
      background: #2563EB;
      border-radius: 2px;
      box-shadow: 0 0 5px 2px #00000050;
      text-align: center;
      line-height: 60px;
      cursor: pointer;
      z-index: 99999996;
      border-radius: 50%;
      color: #fff;
    }
    .float-service span{
        display: inline-block;
          line-height: 15px;
          vertical-align: middle;
          font-size: 12px;
    }

@media screen and (min-width: 640px) and (max-width: 1199px) {
    
    /*.float-service{
        display: block;
        height: 60px;
      width: 60px;
      position: fixed;
      right: 2%;
      bottom: 20%;
      background: #2563EB;
      border-radius: 2px;
      box-shadow: 0 0 5px 2px #00000050;
      text-align: center;
      line-height: 60px;
      cursor: pointer;
      z-index: 99999996;
      border-radius: 50%;
      color: #fff;
    }
    .float-service span{
        display: inline-block;
          line-height: 15px;
          vertical-align: middle;
          font-size: 12px;
    }*/
    
	.pcHead {
		display: none
	}

	.mobileHead {
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.mobileHead .logo {
		width: 138px;
		margin: 0 auto;
		padding: 10px 0
	}

	.mobileHead .tab ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}

	.mobileHead .tab ul li {
		height: 40px;
		line-height: 40px;
		width: 25%;
		color: #fff;
		font-weight: 500;
		text-align: center;
		border-top: 1px solid #3f6d6c;
		font-size: 14px
	}
	.info{
	    display: block;
	    
	}
}

@media screen and (max-width: 639px) {
    
    /*.float-service{
        display: block;
        height: 60px;
      width: 60px;
      position: fixed;
      right: 2%;
      bottom: 20%;
      background: #2563EB;
      border-radius: 2px;
      box-shadow: 0 0 5px 2px #00000050;
      text-align: center;
      line-height: 60px;
      cursor: pointer;
      z-index: 99999996;
      border-radius: 50%;
      color: #fff;
    }
    .float-service span{
        display: inline-block;
          line-height: 15px;
          vertical-align: middle;
          font-size: 12px;
    }*/
    
	.homePage {
		background-color: #1fc8db;
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.pcHead {
		display: none
	}

	.mobileHead .logo {
		width: 138px;
		margin: 0 auto;
		padding: 10px 0
	}

	.mobileHead .tab ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}

	.mobileHead .tab ul li {
		height: 40px;
		line-height: 40px;
		width: 25%;
		color: #fff;
		font-weight: 500;
		text-align: center;
		border-top: 1px solid #3f6d6c
	}
}

@font-face {
	font-family:iconfont;src:url(/assets/iconfont.89c07a37.ttf?t=1664172650829) format("truetype")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-fasongyoujian:before {
	content: "\f0165"
}

.icon-weixin:before {
	content: "\f0106"
}

.icon-yanjing:before {
	content: "\e63a"
}

.icon-danlieliebiao:before {
	content: "\e6e4"
}

.icon-youjiantou:before {
	content: "\e608"
}

.icon-sousuo:before {
	content: "\e8ba"
}

.icon-dianhua:before {
	content: "\e8bd"
}

.icon-xin:before {
	content: "\e8c0"
}

.icon-yonghu:before {
	content: "\e8c8"
}

.icon-rili:before {
	content: "\e8cf"
}

.icon-weizhi:before {
	content: "\e8ff"
}

.icon-gongsi:before {
	content: "\eb1a"
}

.icon-Message:before {
	content: "\e657"
}

.icon-arrow-left-bold:before {
	content: "\e685"
}

.icon-arrow-right-bold:before {
	content: "\e687"
}

.icon-arrow-up-filling:before {
	content: "\e688"
}

.icon-arrow-down-filling:before {
	content: "\e689"
}

html,body {
	width: 100%;
	font-size: 62.5%
}

.homePage {
	height: 100%
}

.msgicon {
	font-size: 17px!important;
	font-weight: 700
}

@media screen and (min-width: 1600px) {
	.foot_mainc {
		width: 1600px!important;
		margin: 0 auto!important
	}
}

@media screen and (min-width: 1000px) {
    
   /* .float-service {
	    display: none;
	}*/
    
	.auto_kf {
		width: 80px;
		position: fixed;
		border-radius: 500px;
		background: #31f5e8;
		padding: 10px;
		right: 0px;
		bottom: 30px;
		z-index: 9999
	}

	.auto_kf .nav_logo {
		border-radius: 500px;
		width: 60px;
		height: 60px;
		display: flex
	}

	.auto_kf .nav_logo img {
		width: 100%;
		height: 100%;
		border-radius: 500px;
		border: 0px;
		vertical-align: middle
	}

	.auto_kf .nav_message {
		line-height: 60px;
		text-align: center;
		color: #fff;
		cursor: pointer;
		height: 60px
	}
    .auto_kf .nav_message img {
	width: 30px;
	height: 30px;
	vertical-align:middle
    }
	.auto_kf .nav_message span {
		font-size: 26px;
		vertical-align: middle
	}

	.auto_kf .nav_tel {
		width: 200px;
		height: 60px;
		transition: all .6s;
		font-size: 18px;
		background: #222;
		border-top-left-radius: 9px;
		border-bottom-left-radius: 9px;
		color: #fff;
		position: absolute;
		margin-left: -210px;
		margin-top: -62px
	}

	.auto_kf .nav_tel span {
		font-size: 20px;
		padding-right: 8px
	}

	.auto_kf .nav_top {
		width: 100%;
		height: 60px;
		transition: all .6s;
		text-align: center;
		line-height: 60px;
		color: #fff;
		border-radius: 500px;
		background: #82a852;
		font-size: 14px
	}

	.tfooter .img {
		width: 100%
	}

	.tfooter .img img {
		width: 100%;
		height: 100%
	}

	.tfooter .footdesc {
		background: #f2f1f0;
		padding-bottom: 50px
	}

	.tfooter .footdesc .foot_mainc {
		width: 1280px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between
	}

	.tfooter .footdesc .foot_mainc .Copyright p {
		font-size: 18px;
		color: #111;
		padding-bottom: 15px;
		font-family: Arial
	}

	.tfooter .footdesc .foot_mainc .footera_sj {
		text-align: right;
		position: relative
	}

	.tfooter .footdesc .foot_mainc .footera_sj .bgc {
		width: 50px;
		height: 50px;
		border-radius: 500px
	}

	.tfooter .footdesc .foot_mainc .footera_sj .cwdy {
		width: 160px;
		height: 160px;
		transition: all .6s;
		position: absolute;
		/* top: 80px;
		left: -60px; */
		
		top: -20px;
		left: -179px;
		display: block;
		z-index: 999
	}

	.tfooter .footdesc .foot_mainc .footera_sj .cwdy img {
		width: 100%;
		height: 100%
	}

	.footer {
		min-width: 1000px;
		padding: 30px 0;
		background: #20234c;
		color: #fff
	}

	.tabBar {
		padding-bottom: 10px;
		border-bottom: 1px solid #2a2e5b;
		text-align: center;
		display: flex;
		justify-content: center
	}

	.tabBar li {
		font-family: Franklin;
		font-size: 20px;
		line-height: 60px;
		/*padding: 0 24px;*/
		padding: 0 10px;
		cursor: pointer
	}

	.info {
		display: flex;
		justify-content: space-around;
		padding-top: 50px
	}

	.info .section {
		display: flex;
		justify-content: flex-start
	}

	.info .section .icon {
		width: 35px;
		background: #ff4880;
		color: #fff;
		border-radius: 4px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 12px
	}
	.info .section .icon img {
		width: 16px;
		height: 16px;
	}
	.info .section .text {
		max-width: 330px;
		flex: 1
	}

	.info .section .text div {
		color: #8083a9;
		font-family: Franklin;
		font-size: 18px;
		padding-bottom: 8px
	}

	.info .section .text p {
		font-size: 18px;
		line-height: 30px
	}

	.info .brandIcon {
		width: 233px;
		height: 94px
	}

	.info .brandIcon img {
		width: 100%;
		height: 100%
	}
}

@media screen and (min-width: 640px) and (max-width: 1000px) {
    
    /*.float-service{
        display: block;
        height: 60px;
      width: 60px;
      position: fixed;
      right: 2%;
      bottom: 20%;
      background: #2563EB;
      border-radius: 2px;
      box-shadow: 0 0 5px 2px #00000050;
      text-align: center;
      line-height: 60px;
      cursor: pointer;
      z-index: 99999996;
      border-radius: 50%;
      color: #fff;
    }
    .float-service span{
        display: inline-block;
          line-height: 15px;
          vertical-align: middle;
          font-size: 12px;
    }*/
    
	.auto_kf {
		display: none
	}

	.tfooter .img {
		width: 100%
	}

	.tfooter .img img {
		width: 100%;
		height: 100%
	}

	.tfooter .footdesc {
		background: #f2f1f0;
		padding-bottom: 50px
	}

	.tfooter .footdesc .foot_mainc {
		width: 100%
	}

	.tfooter .footdesc .foot_mainc .Copyright {
		padding: 0 4%
	}

	.tfooter .footdesc .foot_mainc .Copyright p {
		font-size: 18px;
		color: #111;
		padding-bottom: 15px;
		font-family: Arial
	}

	.tfooter .footdesc .foot_mainc .footera_sj {
		display: none
	}

	.footer {
		padding: 30px 0;
		background: #20234c;
		color: #fff
	}

	.footer .tabBar {
		width: 100%;
		margin-bottom: 10px;
		border-bottom: 1px solid #2a2e5b;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.footer .tabBar li {
		width: 33.3%;
		text-align: center;
		font-family: Franklin;
		font-size: 18px;
		line-height: 40px
	}

	.footer .section {
		width: 100%;
		padding: 10px 4%;
		margin-top: 30px;
		font-family: Franklin;
		display: flex;
		justify-content: flex-start
	}

	.footer .section .icon {
		width: 35px;
		background: #ff4880;
		border-radius: 4px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		margin-right: 5px
	}

	.footer .section .text {
		flex: 1
	}

	.footer .section .text div {
		height: 35px;
		color: #8083a9;
		font-size: 18px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start
	}

	.footer .section .text p {
		font-size: 18px;
		line-height: 30px
	}

	.footer .address {
		padding-top: 0
	}

	.footer .brandIcon {
		width: 100%;
		text-align: center;
		border-top: 1px solid #2a2e5b;
		padding-top: 30px
	}

	.footer .brandIcon img {
		width: 233px;
		height: 94px
	}
}

@media screen and (max-width: 639px) {
	.auto_kf {
		display: none
	}

	.tfooter .img {
		width: 100%
	}

	.tfooter .img img {
		width: 100%;
		height: 100%
	}

	.tfooter .footdesc {
		background: #f2f1f0;
		padding-bottom: 50px
	}

	.tfooter .footdesc .foot_mainc {
		width: 100%
	}

	.tfooter .footdesc .foot_mainc .Copyright {
		padding: 0 4%
	}

	.tfooter .footdesc .foot_mainc .Copyright p {
		font-size: 18px;
		color: #111;
		padding-bottom: 15px;
		font-family: Arial
	}

	.tfooter .footdesc .foot_mainc .footera_sj {
		display: none
	}

	.footer {
		padding: 30px 0;
		background: #20234c;
		color: #fff
	}

	.footer .tabBar {
		width: 100%;
		margin-bottom: 10px;
		border-bottom: 1px solid #2a2e5b;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
	}

	.footer .tabBar li {
		width: 33.3%;
		text-align: center;
		font-family: Franklin;
		font-size: 18px;
		line-height: 40px
	}

	.footer .section {
		width: 100%;
		padding: 10px 4%;
		margin-top: 30px;
		font-family: Franklin;
		display: flex;
		justify-content: flex-start
	}

	.footer .section .icon {
		width: 35px;
		background: #ff4880;
		border-radius: 4px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		margin-right: 5px
	}

	.footer .section .text {
		flex: 1
	}

	.footer .section .text div {
		height: 35px;
		color: #8083a9;
		font-size: 18px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start
	}

	.footer .section .text p {
		font-size: 18px;
		line-height: 30px
	}

	.footer .address {
		padding-top: 0
	}

	.footer .brandIcon {
		width: 100%;
		text-align: center;
		border-top: 1px solid #2a2e5b;
		padding-top: 30px
	}

	.footer .brandIcon img {
		width: 233px;
		height: 94px
	}
}::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
	background-color: #21bea3
}

@font-face {
	font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	padding-bottom: 80px;
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	/*height: 100%;*/
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height: auto
}

/*.swiper-slide img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;  */
/*    -webkit-object-fit: cover;*/
/*}*/

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
	display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 20px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color,#000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none!important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.text_indent[data-v-afbf7754] {
	text-indent: 2rem
}

.left[data-v-afbf7754] {
	text-align: left
}

.center[data-v-afbf7754] {
	text-align: center
}[data-v-afbf7754] .swiper-pagination {
	position: relative
}

.mask[data-v-afbf7754] {
	width: 100%;
	height: 100%;
	background-color: #0000004d;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999
}

.mask .mobile[data-v-afbf7754] {
	width: 80%;
	height: 350px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff
}

.mask .mobile .videoContent[data-v-afbf7754] {
	flex: 1
}

.mask .mobile .navBar[data-v-afbf7754] {
	height: 42px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px
}

.mask .window[data-v-afbf7754] {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	border-radius: 2px 2px 0 0;
	overflow: hidden
}

.mask .window .bar[data-v-afbf7754] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: 0 20px;
	height: 42px
}

.mask .full[data-v-afbf7754] {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.mask .full .navBar[data-v-afbf7754] {
	height: 42px;
	background-color: #f8f8f8;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px
}

.mask .navTitle[data-v-afbf7754] {
	font-size: 14px
}

.mask .toolBar[data-v-afbf7754] {
	display: flex;
	align-items: center
}

.mask .toolBar .icon[data-v-afbf7754] {
	width: 16px;
	height: 16px;
	margin-left: 10px;
	display: flex
}

.mask .toolBar .icon img[data-v-afbf7754] {
	width: 100%;
	height: 100%
}

.mask video[data-v-afbf7754] {
	width: 100%
}

@media screen and (min-width: 1000px) and (max-width: 1299px) {
	.pc[data-v-afbf7754],.product[data-v-afbf7754],.hotProduct[data-v-afbf7754],.honour[data-v-afbf7754] {
		width: 100%
	}
}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
	.pc[data-v-afbf7754],.product[data-v-afbf7754],.hotProduct[data-v-afbf7754],.honour[data-v-afbf7754] {
		max-width: 1280px;
		margin: 0 auto
	}
}

@media screen and (min-width: 1600px) {
	.pc[data-v-afbf7754],.product[data-v-afbf7754],.hotProduct[data-v-afbf7754],.honour[data-v-afbf7754] {
		max-width: 1600px;
		margin: 0 auto
	}
}

@media screen and (min-width: 1000px) {
	.mobile[data-v-afbf7754] {
		display: none!important
	}

	.title[data-v-afbf7754] {
		font-size: 40px;
		font-weight: 600;
		padding: 50px 0;
		color: #002169;
		font-family: comic
	}

	.banner[data-v-afbf7754] .swiper-pagination-bullet {
		width: 15px;
		height: 15px
	}

	.banner[data-v-afbf7754] .swiper-pagination {
		position: absolute
	}

	.product .productIntro[data-v-afbf7754] {
		padding: 50px 0;
		color: #002169;
		margin: 0 auto
	}

	.product .productIntro .title[data-v-afbf7754] {
		font-size: 40px;
		font-weight: 600
	}

	.product .productIntro .desc[data-v-afbf7754] {
		font-size: 30px
	}

	.product .productIntro .center[data-v-afbf7754] {
		text-indent: 2rem
	}

	.product .productList[data-v-afbf7754] {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto 70px
	}

	.product .productList li[data-v-afbf7754] {
		cursor: pointer
	}

	.product .productList li[data-v-afbf7754]:last-child {
		margin-left: 40px
	}

	.honour[data-v-afbf7754] .swiper-pagination-bullet {
		width: 15px;
		height: 15px
	}

	.honour .honorWall .swiper-slide[data-v-afbf7754] {
		padding: 20px;
		border: 1px solid #e1e1e1
	}

	.honour .intro[data-v-afbf7754] {
		display: flex;
		align-items: center
	}

	.honour .intro .introCell[data-v-afbf7754] {
		flex: 1;
		position: relative;
		cursor: pointer
	}

	.honour .intro .introCell .text[data-v-afbf7754] {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		font-size: 30px;
		color: #fff;
		font-family: comic;
		font-weight: 600;
		cursor: pointer
	}

	.honour .intro .introCell .play[data-v-afbf7754] {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 157px;
		height: 157px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 10px solid rgba(255,255,255,.6);
		border-radius: 50%;
		cursor: pointer
	}

	.honour .intro .introCell .play .icon[data-v-afbf7754] {
		width: 110px;
		height: 110px;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.honour .intro .introCell .play .icon img[data-v-afbf7754] {
		width: 30px;
		height: 30px
	}

	.hotProduct[data-v-afbf7754] {
		margin: 0 auto
	}

	.hotProduct .dogProduct .hotCell[data-v-afbf7754] {
		padding: 20px;
		border: 1px solid #e1e1e1;
		cursor: pointer
	}

	.hotProduct .dogProduct .name[data-v-afbf7754] {
		font-family: Franklin;
		font-size: 18px;
		border-top: 1px dashed #e1e1e1;
		padding: 10px 0;
		line-height: 20px;
		height: 93px;
		text-align: center;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden
	}

	.dialog[data-v-afbf7754] {
		z-index: 19991015;
		width: 900px;
		height: 506px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background-color: #fff
	}

	.dialog video[data-v-afbf7754] {
		width: 100%;
		height: 100%
	}

	.dialog .icon[data-v-afbf7754] {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: 3px solid #ffffff;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #8a8a8a;
		right: -14px;
		top: -14px;
		cursor: pointer
	}

	.dialog .icon[data-v-afbf7754]:hover {
		background-color: #007aff
	}

	.dialog .icon img[data-v-afbf7754] {
		position: relative;
		z-index: 999;
		width: 15px;
		height: 15px
	}
}

@media screen and (min-width: 640px) and (max-width: 1000px) {
	.pc[data-v-afbf7754],.dialog[data-v-afbf7754],.none[data-v-afbf7754] {
		display: none
	}

	.title[data-v-afbf7754] {
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		font-family: comic;
		padding: 30px 0
	}

	.banner[data-v-afbf7754] .swiper-pagination {
		position: absolute
	}

	.product[data-v-afbf7754] {
		padding: 0 15px;
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.product .productIntro[data-v-afbf7754] {
		font-size: 26px
	}

	.product .productIntro .desc[data-v-afbf7754] {
		display: none
	}

	.product .productList li[data-v-afbf7754] {
		padding: 10px 0;
		cursor: pointer
	}

	.honour[data-v-afbf7754] {
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.honour[data-v-afbf7754] .swiper-pagination-bullet {
		width: 15px;
		height: 15px
	}

	.honour[data-v-afbf7754] .swiper-pagination {
		padding-top: 30px
	}

	.intro[data-v-afbf7754] {
		background-color: #fff
	}

	.intro .introCell[data-v-afbf7754] {
		padding: 20px 15px;
		position: relative
	}

	.intro .introCell .text[data-v-afbf7754] {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 30px;
		font-family: comic;
		font-weight: 700;
		color: #fff
	}

	.intro .introCell .play[data-v-afbf7754] {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 120px;
		height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 10px solid rgba(255,255,255,.6);
		border-radius: 50%;
		cursor: pointer
	}

	.intro .introCell .play .icon[data-v-afbf7754] {
		width: 70px;
		height: 70px;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.intro .introCell .play .icon img[data-v-afbf7754] {
		width: 30px;
		height: 30px
	}

	.hotProduct[data-v-afbf7754] {
		padding: 20px 0
	}

	.hotProduct[data-v-afbf7754] .swiper-pagination {
		padding-top: 30px
	}

	.hotProduct .title[data-v-afbf7754] {
		color: #002169;
		padding: 20px 0 0
	}

	.hotProduct .dogProduct[data-v-afbf7754] {
		padding: 0 15px
	}

	.hotProduct .dogProduct .hotCell[data-v-afbf7754] {
		padding: 20px;
		border: 1px solid #e1e1e1;
		cursor: pointer
	}

	.hotProduct .dogProduct .hotCell .name[data-v-afbf7754] {
		font-family: Franklin;
		font-size: 14px;
		border-top: 1px dashed #e1e1e1;
		padding: 10px 0;
		line-height: 20px;
		height: 93px;
		text-align: center;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden
	}
}

@media screen and (max-width: 639px) {
	.pc[data-v-afbf7754],.dialog[data-v-afbf7754],.none[data-v-afbf7754] {
		display: none
	}

	.title[data-v-afbf7754] {
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		font-family: comic;
		padding: 30px 0 30px 15px
	}

	.banner[data-v-afbf7754] .swiper-pagination {
		position: absolute
	}

	.product[data-v-afbf7754] {
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.product .productIntro[data-v-afbf7754] {
		font-size: 26px;
		padding: 0 15px
	}

	.product .productIntro .desc[data-v-afbf7754] {
		display: none
	}

	.product .productList[data-v-afbf7754] {
		padding: 0 15px
	}

	.product .productList li[data-v-afbf7754] {
		padding: 10px 0
	}

	.honour[data-v-afbf7754] {
		background-image: linear-gradient(141deg,#36684f 0%,#376660 51%,#396566 75%)
	}

	.honour[data-v-afbf7754] .swiper-pagination-bullet {
		width: 15px;
		height: 15px
	}

	.honour[data-v-afbf7754] .swiper-pagination {
		padding-top: 30px
	}

	.intro[data-v-afbf7754] {
		background-color: #fff
	}

	.intro .introCell[data-v-afbf7754] {
		padding: 20px 15px;
		position: relative
	}

	.intro .introCell .text[data-v-afbf7754] {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
		font-size: 30px;
		font-family: comic;
		font-weight: 700;
		color: #fff
	}

	.intro .introCell .play[data-v-afbf7754] {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 120px;
		height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 10px solid rgba(255,255,255,.6);
		border-radius: 50%;
		cursor: pointer
	}

	.intro .introCell .play .icon[data-v-afbf7754] {
		width: 70px;
		height: 70px;
		background-color: #fff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.intro .introCell .play .icon img[data-v-afbf7754] {
		width: 30px;
		height: 30px
	}

	.hotProduct[data-v-afbf7754] {
		padding: 20px 0
	}

	.hotProduct[data-v-afbf7754] .swiper-pagination {
		padding-top: 30px
	}

	.hotProduct .title[data-v-afbf7754] {
		color: #002169;
		padding: 20px 0 0 15px
	}

	.hotProduct .dogProduct[data-v-afbf7754] {
		padding: 0 15px
	}

	.hotProduct .dogProduct .hotCell[data-v-afbf7754] {
		padding: 20px;
		border: 1px solid #e1e1e1
	}

	.hotProduct .dogProduct .hotCell .name[data-v-afbf7754] {
		font-family: Franklin;
		font-size: 14px;
		border-top: 1px dashed #e1e1e1;
		padding: 10px 0;
		line-height: 20px;
		height: 93px;
		text-align: center;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden
	}
}

:root {
	--vt-c-white: #ffffff;
	--vt-c-white-soft: #f8f8f8;
	--vt-c-white-mute: #f2f2f2;
	--vt-c-black: #181818;
	--vt-c-black-soft: #222222;
	--vt-c-black-mute: #282828;
	--vt-c-indigo: #2c3e50;
	--vt-c-divider-light-1: rgba(60, 60, 60, .29);
	--vt-c-divider-light-2: rgba(60, 60, 60, .12);
	--vt-c-divider-dark-1: rgba(84, 84, 84, .65);
	--vt-c-divider-dark-2: rgba(84, 84, 84, .48);
	--vt-c-text-light-1: var(--vt-c-indigo);
	--vt-c-text-light-2: rgba(60, 60, 60, .66);
	--vt-c-text-dark-1: var(--vt-c-white);
	--vt-c-text-dark-2: rgba(235, 235, 235, .64)
}

:root {
	--color-background: var(--vt-c-white);
	--color-background-soft: var(--vt-c-white-soft);
	--color-background-mute: var(--vt-c-white-mute);
	--color-border: var(--vt-c-divider-light-2);
	--color-border-hover: var(--vt-c-divider-light-1);
	--color-heading: var(--vt-c-text-light-1);
	--color-text: var(--vt-c-text-light-1);
	--section-gap: 160px
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-background: var(--vt-c-black);
		--color-background-soft: var(--vt-c-black-soft);
		--color-background-mute: var(--vt-c-black-mute);
		--color-border: var(--vt-c-divider-dark-2);
		--color-border-hover: var(--vt-c-divider-dark-1);
		--color-heading: var(--vt-c-text-dark-1);
		--color-text: var(--vt-c-text-dark-2)
	}
}

*,*:before,*:after {
	box-sizing: border-box;
	margin: 0;
	position: relative;
	font-weight: 400
}

body {
	min-height: 100vh;
	color: var(--color-text);
	background: var(--color-background);
	transition: color .5s,background-color .5s;
	line-height: 1.6;
	font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
	font-size: 15px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,span,em,strong,s,i,b,select,option,img,a,table,td,th {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

ul,ol,li {
	list-style: none
}

em,i {
	font-style: normal
}

fieldset,img {
	border: none;
	outline: 0
}

a,input,img {
	vertical-align: middle
}

abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,menu,nav,output,progress,section,video {
	display: block;
	margin: 0;
	padding: 0
}

body,html,#app {
	width: 100%;
	height: 100%
}

body {
	color: #333;
	font-family: Helvetica Neue,Helvetica,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif!important;
	-webkit-text-size-adjust: none
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: 0
}

a:link,a:visited,a:hover,a:active {
	text-decoration: none
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	*font-size: 100%;
	outline: none;
	border: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.cf:before,body:before,.header:before,.footer:before {
	content: "";
	display: table
}

.cf:after,after,.header:after,.footer:after {
	content: "";
	clear: both;
	display: table
}

.cf,.header,.footer {
	*zoom: 1
}

.wzyc {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden
}

.wzyc2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.wzyc3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

input[type=button],input[type=submit],input[type=file],button {
	cursor: pointer;
	-webkit-appearance: none
}

.flex {
	display: flex;
	align-items: center
}

::-webkit-input-placeholder {
	color: #555
}

:-moz-placeholder {
	color: #555
}

::-moz-placeholder {
	color: #555
}

:-ms-input-placeholder {
	color: #555
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

::-webkit-scrollbar-button:vertical {
	display: none
}

::-webkit-scrollbar-track:vertical {
	background-color: #000
}

::-webkit-scrollbar-track-piece {
	background: #fff
}

::-webkit-scrollbar-thumb:vertical {
	background-color: #8e8e8e;
	border-radius: 10px
}

::-webkit-scrollbar-thumb:vertical:hover {
	background-color: #0094ef
}

::-webkit-scrollbar-corner:vertical {
	background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
	background-color: #ff6e00
}

@media (hover: hover) {
	a:hover {
		background-color: #00bd7e33
	}
}

@media (min-width: 1024px) {
	body {
		display: flex;
		place-items: center
	}

	#app {
		width: 100%
	}
}

@media only screen and (min-width: 320px) {
	html,body {
		font-size: 55.556%!important
	}
}

@media only screen and (min-width: 360px) {
	html,body {
		font-size: 62.5%!important
	}
}

@media only screen and (min-width: 375px) {
	html,body {
		font-size: 65.10417%!important
	}
}

@media only screen and (min-width: 414px) {
	html,body {
		font-size: 71.875%!important
	}
}

@media screen and (min-width: 812px) {
	html,body {
		font-size: 71.875%!important;
		background-color: #FFF;
	}
}

@media only screen and (min-width: 768px) and (orientation:portrait) {
	html,body {
		font-size: 133.3333%!important
	}
}

@media only screen and (min-width: 1024px) {
	/*html,body {
		font-size: 177.77778%!important
	}*/
}


#dy_code_par{
	cursor: pointer;
}
#dy_code_par:hover #dy_code{
	display: block; /* 鼠标经过时显示 */
}

#dy_code{
	display: none;
}