@charset "UTF-8";
@font-face {
	font-family: "lovelo";
	src: url("fonts/lovelo.woff2") format("woff2"), url("fonts/lovelo.woff") format("woff"), url("fonts/lovelo.ttf") format("truetype"), url("fonts/lovelo.eot") format("embedded-opentype"), url("fonts/lovelo.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "BEBAS";
	src: url("fonts/bebas.eot");
	/* IE9*/
	src: url("fonts/bebas.eot") format("embedded-opentype"), url("fonts/bebas.woff2") format("woff2"), url("fonts/bebas.woff") format("woff"), url("fonts/bebas.ttf") format("truetype"), url("fonts/bebas.svg#basic") format("svg");
	/* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/*font-family: Rubik; src: url("fonts/rubik-regular.eot"); src: local('☺'), url('fonts/rubik-regular.woff') format('woff'), url('fonts/rubik-regular.ttf') format('truetype'), url('fonts/rubik-regular.svg') format('svg'); font-weight: normal; font-style: normal;*/
}

@media (prefers-reduced-motion: no-preference) {
	 :root {
		scroll-behavior: unset;
	}
}

@media (min-width: 1680px) {
	.header .container {
		max-width: 89.6%;
	}
	.container {
		max-width: 1400px;
	}
}

body {
	--theme-color: #007bd6;
	--theme-blue: #1a76b9;
	--theme-red: #c7301e;
	color: #666666;
}

.iconfont {
	font-size: initial;
}

.nobg {
	background: none !important;
	backdrop-filter: unset !important;
}

.bg1 {
	background-color: #f5f6f8 !important;
}

.red {
	color: var(--theme-red);
}

a:hover {
	color: var(--theme-blue);
}

.ratio img {
	width: 100%;
}

.m-scroll::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 5px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}

.m-scroll::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1);
	background: var(--theme-blue);
}

.m-scroll::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #ededed;
}

.gradient-text {
	display: inline-block;
	background-image: -webkit-gradient(linear, left top, right top, from(#2c9e6a), to(#2495cc));
	background-image: linear-gradient(to right, #2c9e6a, #2495cc);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.gradient-text:hover {
	background-size: 150%;
}

.gradient-bg {
	background-image: -webkit-gradient(linear, left top, right top, from(#007bd6), to(#92b72a));
	background-image: linear-gradient(to right, #007bd6, #92b72a);
}

.header {
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.header .logo img {
	height: 53px;
}

.header .header-right .menu {
	text-align: center;
	width: 50px;
}

.header .header-right .menu .menu-icon {
	padding: 12px 0;
}

.header .header-right .menu .menu-icon span {
	position: relative;
	width: 1.5rem;
	height: 2px;
	color: #333333;
	background-color: CurrentColor;
	margin: 0 auto;
	display: block;
}

.header .header-right .menu .menu-icon span::before,
.header .header-right .menu .menu-icon span::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: CurrentColor;
	margin: auto;
}

.header .header-right .menu .menu-icon span::before {
	width: 120%;
	top: -8px;
}

.header .header-right .menu .menu-icon span::after {
	width: 120%;
	bottom: -8px;
}

.header .header-right .menu p {
	font-size: 12px;
}

@media (max-width: 991.98px) {
	.header .header-right .lang,
	.header .header-right .menu {
		width: 80px;
	}
}

@media (max-width: 767.98px) {
	.header .header-right .lang,
	.header .header-right .menu {
		width: 70px;
	}
}

@media (max-width: 575.98px) {
	.header .header-right .lang,
	.header .header-right .menu {
		width: 60px;
	}
}

.header .navbar {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	flex: 1;
}

.header .navbar li {
	position: relative;
}

.header .navbar li::after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	background: #007bd6;
	background-image: -webkit-gradient(linear, left top, right top, from(#0e63a3), to(#2495cc));
	background-image: linear-gradient(to right, #0d63a3, #2495cc);
}

.header .navbar li.active::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

@media (min-width: 1680px) {
	.header .navbar {
		display: flex;
	}
}

.dropdown-nav {
	position: absolute;
	width: 100%;
	height: 310px;
	display: none;
	background-color: #FFFFFF;
	border-top: 1px solid #ececec;
	left: 0;
	overflow: hidden;
	z-index: 99;
}

@media (min-width: 1680px) {
	.dropdown-nav .container {
		max-width: 1320px;
	}
}

.dropdown-nav .nav-rightbar {
	flex: 0 0 auto;
	width: 22%;
	position: relative;
}

.dropdown-nav .nav-rightbar::before {
	content: '';
	display: block;
	position: absolute;
	width: 220%;
	height: 100%;
	top: 0;
	left: 0;
	background: #cad5dd;
}

.dropdown-nav .nav-rightbar .right-wrap {
	position: relative;
	z-index: 2;
	height: 100%;
}

.dropdown-nav .nav-rightbar .right-wrap .ico {
	width: 180%;
	height: 180%;
	padding: 5%;
	transform: translateY(-20%);
}

.dropdown-nav .nav-rightbar .right-wrap .ico img {
	width: 100%;
	opacity: .11;
}

.dropdown-nav .nav-rightbar .right-wrap .txt {
	font-weight: bold;
	font-size: 100px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 10px;
}

@media (max-width: 1679.98px) {
	.dropdown-nav .nav-rightbar .right-wrap .txt {
		font-size: 65px;
	}
}

.dropdown-nav .nav-container {
	flex: 0 0 auto;
	width: 78%;
}

.dropdown-nav .nav-container .child-item {
	display: none;
	height: 100%;
}

.dropdown-nav .nav-container .child-item .item-info-wrap {
	padding-right: 10%;
	height: 100%;
}

.dropdown-nav .nav-container .child-item .item-info-wrap h3 {
	font-weight: bold;
	color: #333;
	padding-top: 1rem;
}

.dropdown-nav .nav-container .child-item .item-info-wrap p.info-desc {
	font-size: 14px;
	line-height: 2;
}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li {
	padding-left: 4px;
}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li:not(.more)::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--theme-blue);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right top, from(#007bd6), to(#87a531));
	background-image: linear-gradient(to right, #007bd6, #87a531);
}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li a {
	display: inline-block;
	vertical-align: middle;
}

.dropdown-nav .nav-container .child-item .item-info-wrap ul li a:hover svg {
	fill: CurrentColor;
}

.dropdown-nav .nav-container .child-item .child-nav .nav-item {
	padding: 0 1.5%;
}

.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img {
	overflow: hidden;
}

.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img .img-wrap img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-name {
	color: #333333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.dropdown-nav .nav-container .child-item .child-nav .nav-item:hover .item-name {
	color: var(--theme-red);
}

.dropdown-nav .nav-container .child-item.active {
	display: block;
}

.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item .item-img {
	width: 60px;
	margin: 0 auto;
}

.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item:hover .item-img img {
	-webkit-animation: swing 1 1s linear;
	-o-animation: swing 1 1s linear;
	animation: swing 1 1s linear;
}

.more-icon {
	width: 40px;
	height: 40px;
	margin: auto;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.more-icon svg {
	width: 40%;
	height: 40%;
	fill: #666;
}

.more-icon:hover {
	background-color: var(--theme-color);
}

.more-icon:hover svg {
	fill: #ffffff;
}

.mask {
	top: 100px;
	display: none;
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 88;
}

.bg-blur {
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
}

.play-btn {
	width: 80px;
	height: 80px;
	position: relative;
}

.play-btn .btn-center {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.mobile-nav {
	z-index: 9;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: fixed;
	background-color: #333;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.mobile-nav .nav-wrap {
	padding: 2.2rem 2rem;
}

.mobile-nav dl {
	margin-bottom: 0;
}

.mobile-nav dl.active dt::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-nav dl.active dt::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-nav dt {
	border-bottom: 1px dashed #4e4e4e;
	position: relative;
	padding: .3rem .5rem;
}

.mobile-nav dt a {
	line-height: 2;
	display: block;
	width: 80%;
	margin-right: 2rem;
	font-weight: normal;
}

.mobile-nav dt.has-child::after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-nav dd {
	display: none;
	padding-left: 1rem;
}

.mobile-nav dd ul {
	margin-bottom: 0;
	line-height: 2;
	margin-top: 5px;
	list-style: inside circle;
	color: #fff;
}

.mobile-nav dd ul a {
	font-size: 14px;
}

.mobile-nav a {
	color: #f8f8f8;
}

.mobile-nav dt.has-child::before,
.mobile-nav dt.has-child::after {
	content: '';
	position: absolute;
	width: 1rem;
	height: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border-bottom: 1px solid #d3d3d3;
	right: .5rem;
	margin: auto;
	top: 0;
	bottom: 0;
}

.open-menu .mobile-nav {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
}

.full-menu {
	position: fixed;
	z-index: 999;
	background-color: #fff;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	-webkit-transition: transform .8s, opacity .3s;
	-moz-transition: transform .8s, opacity .3s;
	-ms-transition: transform .8s, opacity .3s;
	-o-transition: transform .8s, opacity .3s;
	transition: transform .8s, opacity .3s;
	-webkit-transform: translateX(100%) scaleX(0);
	-moz-transform: translateX(100%) scaleX(0);
	-ms-transform: translateX(100%) scaleX(0);
	-o-transform: translateX(100%) scaleX(0);
	transform: translateX(100%) scaleX(0);
	opacity: 0;
}

.full-menu.open {
	-webkit-transform: translateX(0) scaleX(1);
	-moz-transform: translateX(0) scaleX(1);
	-ms-transform: translateX(0) scaleX(1);
	-o-transform: translateX(0) scaleX(1);
	transform: translateX(0) scaleX(1);
	opacity: 1;
}

.full-menu .menu-wrap {
	padding: 5%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	position: relative;
	z-index: 2;
}

.full-menu dl {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: 0;
}

.full-menu dl dt {
	padding: 1rem 0;
	font-size: 22px;
}

.full-menu dl dt::after {
	content: '';
	display: block;
	width: 1.5rem;
	height: 2px;
	background-color: var(--theme-blue);
	margin-top: 1rem;
	-webkit-transition: width .5s;
	-moz-transition: width .5s;
	-ms-transition: width .5s;
	-o-transition: width .5s;
	transition: width .5s;
	background-image: -webkit-gradient(linear, right top, left top, from(#2c9e6a), to(#2495cc));
	background-image: linear-gradient(to left, #2c9e6a, #2495cc);
}

.full-menu dl dd {
	line-height: 2.5;
}

.full-menu dl dd a {
	padding-left: .625rem;
}

.full-menu dl dd a::before {
	content: '';
	display: block;
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left-color: CurrentColor;
}

.full-menu dl dd a:hover {
	padding-left: .875rem;
}

@media (min-width: 1200px) {
	.full-menu dl:hover dt::after {
		width: 2rem;
	}
}

@media (min-width: 1200px) {
	.full-menu dl:hover dt:hover::after {
		width: 2.5rem;
	}
}

.full-menu a {
	color: #333333;
	-webkit-transition: color .5s, padding-left .3s;
	-moz-transition: color .5s, padding-left .3s;
	-ms-transition: color .5s, padding-left .3s;
	-o-transition: color .5s, padding-left .3s;
	transition: color .5s, padding-left .3s;
	position: relative;
}

.full-menu a:hover {
	color: var(--theme-blue);
}

.full-menu .close-btn {
	position: absolute;
	z-index: 2;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	background-color: #fbfcfc;
	top: 4%;
	right: 4%;
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
}

.full-menu .close-btn i {
	cursor: pointer;
	position: absolute;
	width: 50%;
	height: 2px;
	color: #a0a0a0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.full-menu .close-btn i::before,
.full-menu .close-btn i::after {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: CurrentColor;
	background-image: -webkit-gradient(linear, right top, left top, from(#2c9e6a), to(#2495cc));
	background-image: linear-gradient(to left, #2c9e6a, #2495cc);
}

.full-menu .close-btn i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
}

.full-menu .close-btn i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 0;
}

.full-menu .close-btn:hover i {
	color: var(--theme-blue);
}

.full-menu .close-btn:hover i::before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

.full-menu .close-btn:hover i::after {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

@media (max-width: 1199.98px) {
	.full-menu .menu-wrap {
		height: 100%;
		overflow-y: scroll;
	}
	.full-menu dl dt {
		font-size: 20px;
	}
	.full-menu .close-btn {
		width: 3rem;
		height: 3rem;
		top: 2%;
		right: 4%;
	}
}

@media (max-width: 767.98px) {
	.full-menu dl dt {
		position: relative;
		padding-left: .875rem;
		font-size: 16px;
	}
	.full-menu dl dt::after {
		margin-top: 0;
		width: 3px;
		height: 12px;
		left: 0;
		top: 0;
		position: absolute;
		margin: auto;
		bottom: 0;
	}
	.full-menu dl dd {
		font-size: 14px;
	}
	.full-menu dl dd a {
		line-height: 1.5;
		font-size: 14px;
	}
	.full-menu dl dd ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.full-menu dl dd ul li {
		width: auto;
		flex: 0 0 50%;
	}
	.full-menu .close-btn {
		width: 2.2rem;
		height: 2.2rem;
		top: 2%;
		right: 2%;
	}
}

@media (max-width: 575.98px) {
	.full-menu .menu-wrap {
		height: 100%;
		overflow-y: scroll;
	}
	.full-menu dl dt {
		position: relative;
		padding: 0;
		padding-left: .5rem;
		font-size: 16px;
	}
	.full-menu dl dt::after {
		margin-top: 0;
		width: 3px;
		height: 12px;
		left: 0;
		top: 0;
		position: absolute;
		margin: auto;
		bottom: 0;
	}
	.full-menu dl dd {
		font-size: 14px;
	}
	.full-menu dl dd a {
		line-height: 1.5;
		font-size: 14px;
	}
	.full-menu dl dd ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.full-menu .close-btn {
		width: 2.2rem;
		height: 2.2rem;
		top: 2%;
		right: 2%;
	}
}

/*.footer {
	position: relative;
	z-index: 2;
	background-color: #131313;
	color: #888888;
}

.footer .footer-top {
	padding-top: 2%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .footer-top .footer-contact p {
	color: #ffffff;
}

.footer .footer-top .footer-contact p.contact-tel {
	font-weight: bold;
	font-size: 30px;
	font-family: Arial;
}

@media (max-width: 992px) {
	.footer .footer-top .footer-contact p.contact-tel {
		font-size: 18px;
	}
}

.footer .footer-nav {
	margin-top: 2rem;
	padding-bottom: 0rem;
}

.footer .footer-nav dl dt {
	margin-bottom: .5rem;
}

.footer .footer-nav dl dt a {
	color: #ffffff;
	font-weight: normal;
}

.footer .footer-nav dl dd {
	margin-bottom: 0;
	line-height: 1.8;
}

.footer .footer-nav dl dd a {
	font-size: 14px;
	color: #888888;
	line-height: 34px;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.footer .footer-nav dl dd a:hover {
	color: #e5e5e5;
}

@media (min-width: 992px) {
	.footer .footer-nav {
		width: 80%;
	}
}

@media (min-width: 1200px) {
	.footer .footer-nav {
		width: 75%;
	}
}

.footer .footer-qrcode {
	margin-top: 2rem;
}

.footer .footer-qrcode .qrcode-img {
	width: 100px;
}

.footer .footer-qrcode p {
	color: #ffffff;
	font-size: 14px;
}

.footer .footer-qrcode .contact-way .tel-num {
	line-height: 2;
}

.footer .footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	font-size: .875rem;
	color: #888888;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.footer .footer-bottom span {
	margin: 0 .5rem;
	display: inline-block;
}

.footer .footer-bottom a {
	color: #888888;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.footer .footer-bottom a:hover {
	color: #e5e5e5;
}

.footer .footer-bottom:hover {
	opacity: .8;
}*/

.sbanner {
	overflow: hidden;
	position: relative;
	z-index: 1;
	background-position: right;
}

.sbanner .sbanner-warp {
	color: #ffffff;
}

.sbanner .sbanner-warp .sbanner-name {
	font-size: 2rem;
	font-weight: 100;
	line-height: 2;
	color: var(--theme-red);
	font-weight: bold;
	text-transform: uppercase;
}

.sbanner .sbanner-warp .sbanner-desc {
	line-height: 2;
	font-size: 20px;
}

.sbanner .sbanner-warp .sbanner-desc::after {
	content: '';
	display: block;
	width: 40px;
	border-bottom: 2px solid var(--theme-red);
	margin-top: 2rem;
}

@media (max-width: 575.98px) {
	.sbanner .sbanner-warp .sbanner-name {
		font-size: 1.5rem;
	}
}

.channel-nav-box {
	position: relative;
	z-index: 3;
	height: 36px;
}

.channel-nav-box .channel-nav {
	background-color: #ffffff;
	height: 72px;
	margin-top: -36px;
	box-shadow: 3.214px 3.83px 50px 0px rgba(0, 0, 0, 0.05);
}

.channel-nav-box .channel-nav li {
	flex: 1;
	line-height: 72px;
	text-align: center;
	position: relative;
}

.channel-nav-box .channel-nav li:not(:last-child)::after {
	content: '';
	position: absolute;
	height: 40%;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	border-right: 1px solid #eeeeee;
}

.channel-nav-box .channel-nav li a {
	color: #282828;
	font-size: 1.125rem;
}

.channel-nav-box .channel-nav li a:hover {
	color: var(--theme-red);
}

.channel-nav-box .channel-nav li.active {
	background-color: var(--theme-red);
}

.channel-nav-box .channel-nav li.active::after {
	display: none;
}

.channel-nav-box .channel-nav li.active a {
	color: #ffffff;
}

@media (max-width: 575.98px) {
	.channel-nav-box {
		height: auto;
		padding: 0;
	}
	.channel-nav-box .channel-nav {
		margin-top: 0;
		height: 48px;
	}
	.channel-nav-box .channel-nav li {
		line-height: 48px;
	}
	.channel-nav-box .channel-nav li a {
		font-size: 1rem;
	}
}

.location-box {
	background-color: #FFFFFF;
	border-bottom: 1px solid #ededed;
}

.location-box .channel-name {
	font-size: 22px;
}

.location-box .channel-nav {
	height: 100%;
}

.location-box .channel-nav li {
	position: relative;
	display: flex;
	align-items: center;
}

.location-box .channel-nav li::before {
	content: '';
	display: block;
	position: absolute;
	height: 3px;
	background-color: #007bd6;
	width: 100%;
	left: 0;
	bottom: -1px;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.location-box .channel-nav li a {
	color: #666666;
}

.location-box .channel-nav li.on::before,
.location-box .channel-nav li:hover::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.location-box .channel-nav li.on a,
.location-box .channel-nav li:hover a {
	color: #262626;
}

.location-box .crumbs-info {
	font-size: 14px;
	height: 70px;
	line-height: 70px;
	text-align: right;
}

.location-box .crumbs-info span {
	color: var(--theme-blue);
}

@media (max-width: 575.98px) {
	.location-box .channel-nav li a {
		font-size: 14px;
	}
}

.banner-swiper {
	/*@media (max-width: 991.98px) { margin-top: 80px;

}

@media (max-width: 767.98px) { margin-top: 70px;

}

@media (max-width: 575.98px) { margin-top: 60px;

}*/
}

.banner-swiper .item-video .overlay {
	background: linear-gradient(to right, #235eb5, rgba(35, 94, 181, 0) 80%);
}

.banner-swiper .item-video .overlay p {
	padding-left: 10%;
	color: #FFFFFF;
	font-size: 48px;
	line-height: 1;
}

.banner-swiper .item-video .overlay p span {
	font-size: 100px;
	padding: 0 10px;
}

@media (max-width: 1199.98px) {
	.banner-swiper .item-video .overlay p {
		font-size: 36px;
	}
	.banner-swiper .item-video .overlay p span {
		font-size: 60px;
	}
}

@media (max-width: 991.98px) {
	.banner-swiper .item-video .overlay p {
		font-size: 32px;
	}
}

@media (max-width: 767.98px) {
	.banner-swiper .item-video .overlay p {
		font-size: 24px;
		padding-left: 5%;
	}
	.banner-swiper .item-video .overlay p span {
		font-size: 36px;
	}
}

.index-top {
	background-color: #f6f9fb;
}

.index-top .box .box-head .head-name {
	font-size: 22px;
}

.index-top .box .box-head .head-name::before {
	content: '';
	width: 2px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-color: #1a76b9;
	margin-right: 1rem;
}

.index-top .box .box-head .head-desc {
	color: #cdced0;
	font-size: 12px;
}

.index-top .stock-box .box-wrap {
	background: url("../images/stock-bg.jpg") center/cover no-repeat;
}

.index-top .stock-box .stock-info {
	font-size: 14px;
}

.index-top .stock-box .stock-info .stock-detail {
	flex: 1;
}

.index-top .stock-box .stock-info .stock-num {
	font-size: 36px;
	font-family: Arial;
	color: #1a76b9;
}

@media (min-width: 992px) {
	.index-top .stock-box {
		border-left: 1px solid #eaedef;
	}
	.index-top .stock-box .stock-info {
		padding-left: 5%;
	}
}

@media (min-width: 1200px) {
	.index-top .stock-box .stock-info {
		padding-left: 8%;
	}
}

@media (max-width: 575.98px) {
	.index-top .stock-box .stock-info {
		width: 100%;
	}
}


/*新闻列表*/

.news-list .news-item {
	display: block;
	padding: 10px 0;
}

.news-list .news-item .news-title {
	font-size: 14px;
	color: #595959;
	width: calc(100% - 100px);
}

.news-list .news-item .news-time {
	color: #808080;
	width: 100px;
}

.more-btn i {
	width: 15px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 1px;
	background-color: CurrentColor;
	margin-left: 10px;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}

.more-btn i::before,
.more-btn i::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 10px;
	height: 0;
	height: 100%;
	background-color: CurrentColor;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s;
}

.more-btn i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.more-btn i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.more-btn:hover i {
	width: 22px;
}

.more-btn:hover i::before,
.more-btn:hover i::after {
	width: 8px;
}

.float-img {
	position: absolute;
	top: -10%;
}

.float-img.float-1 {
	right: 3%;
}

.float-img.float-2 {
	top: -15%;
}

.section {
	position: relative;
	z-index: 2;
	padding: 2.5% 0;
}

.section .sec-head .head-name .name {
	font-size: 22px;
	position: relative;
}

.section .sec-head .head-name .name::before {
	content: '';
	width: 2px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-color: #1a76b9;
	margin-right: 1rem;
}

.section .sec-head .head-name .desc {
	color: #989898;
	font-size: 16px;
}

.section .sec-head .head-more {
	color: #999999;
	font-size: 14px;
}

.section .sec-head .head-more:hover {
	color: #666666;
}

.section .sec-head .head-desc {
	color: #ffffff;
	line-height: 2;
}

@media (max-width: 575.98px) {
	.section .sec-head .head-desc {
		font-size: 14px;
	}
}

.section.sec-product {
	background-color: #f7f8fc;
}

.section.sec-about .intro-img::before {
	padding-top: calc(22 / 59 * 100%);
}

.section.sec-about .intro {
	font-size: 14px;
	line-height: 2;
	padding: 1.5rem 0;
}

.section.sec-about .more-btn {
	background-color: #0e68a6;
	color: #FFFFFF;
}

.section.sec-about .more-btn:focus {
	box-shadow: none;
}

.section.sec-about .about-param {
	position: relative;
	z-index: 2;
	padding: 0 5%;
	background: url("../images/about-param-bg.jpg") center/cover no-repeat;
}

.section.sec-about .about-param .param-item {
	padding: 4% 3%;
	flex: 1;
}

.section.sec-about .about-param .param-item:not(:first-child) {
	border-top: 1px solid #1771ae;
}

.section.sec-about .about-param .param-item:not(:last-child) {
	border-bottom: 1px solid #3483b9;
}

.section.sec-about .about-param .param-item .item-info {
	color: #ffffff;
}

.section.sec-about .about-param .param-item .item-info .num-zone {
	font-size: 28px;
	font-family: BEBAS;
}

.section.sec-about .about-param .param-item .item-info .num-zone span {
	font-size: 12px;
	display: inline-block;
	background-color: #FFFFFF;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #0d76bb;
	line-height: 20px;
	text-align: center;
}

.section.sec-about .about-param .param-item .item-info .icon-zone svg {
	width: 36px;
	height: auto;
}

.section.sec-about .about-param .param-item .item-info .icon-zone svg path {
	fill: rgba(255, 255, 255, 0.8);
}

.section.sec-about .about-param .param-item .item-desc {
	color: #ffffff;
	font-size: 14px;
}

@media (min-width: 576px) {
	.section.sec-about .about-param {
		padding: 0 2%;
	}
	.section.sec-about .about-param .param-item {
		padding: 4% 3%;
		flex: 1;
	}
	.section.sec-about .about-param .param-item .item-info .num-zone {
		font-size: 32px;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone svg {
		width: 42px;
	}
}

@media (min-width: 768px) {
	.section.sec-about .about-param {
		padding: 0 2%;
	}
	.section.sec-about .about-param .param-item {
		padding: 4% 3%;
		flex: 1;
	}
	.section.sec-about .about-param .param-item .item-info .num-zone {
		font-size: 36px;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone {
		display: none;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone svg {
		width: 42px;
	}
}

@media (min-width: 992px) {
	.section.sec-about .about-param {
		padding: 0 2%;
	}
	.section.sec-about .about-param .param-item {
		padding: 4% 3%;
		flex: 1;
	}
	.section.sec-about .about-param .param-item .item-info .num-zone {
		font-size: 46px;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone {
		display: block;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone svg {
		width: 50px;
	}
}

@media (min-width: 1200px) {
	.section.sec-about .about-param {
		padding: 0 15%;
	}
	.section.sec-about .about-param .param-item {
		padding: 9% 0;
	}
	.section.sec-about .about-param .param-item .item-info .num-zone {
		font-size: 46px;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone svg {
		width: 50px;
	}
}

@media (min-width: 1400px) {
	.section.sec-about .about-param .param-item {
		padding: 9% 0;
	}
	.section.sec-about .about-param .param-item .item-info .num-zone {
		font-size: 60px;
	}
	.section.sec-about .about-param .param-item .item-info .icon-zone svg {
		width: 70px;
	}
}

.section.sec-about .box .box-head .head-name {
	font-size: 22px;
}

.section.sec-about .box .box-head .head-name::before {
	content: '';
	width: 2px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-color: #1a76b9;
	margin-right: 1rem;
}

.section.sec-about .box .box-head .head-desc {
	color: #cdced0;
	font-size: 12px;
}


/*.section.sec-about .stock-box .box-wrap {
	background: url("../images/stock-bg.jpg") left/cover no-repeat;
}*/

.section.sec-about .stock-box .stock-info {
	font-size: 14px;
}

.section.sec-about .stock-box .stock-info .stock-detail {
	flex: 1;
}

.section.sec-about .stock-box .stock-info .stock-num {
	font-size: 36px;
	font-family: Arial;
	color: #1a76b9;
}

@media (min-width: 992px) {
	.section.sec-about .stock-box .stock-info {
		padding-left: 5%;
	}
}

@media (min-width: 1200px) {
	.section.sec-about .stock-box .stock-info {
		padding-left: 8%;
	}
}

@media (max-width: 575.98px) {
	.section.sec-about .stock-box .stock-info {
		width: 100%;
	}
}

.pro-swiper .item .item-name {
	background-color: #e7e8ea;
	position: relative;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.pro-swiper .item .item-name span {
	position: relative;
	display: block;
	z-index: 2;
}

.pro-swiper .item .item-name::after {
	content: '';
	position: absolute;
	z-index: 0;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #0e68a6;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

.pro-swiper .item:hover .item-name {
	color: #ffffff;
}

.pro-swiper .item:hover .item-name::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

.pro-swiper .control-bar .w-btn {
	border-radius: 0;
	width: 35px;
	height: 35px;
	margin: 2px;
	text-align: center;
	line-height: 35px;
	background-color: #c5c5c5;
	position: relative;
	color: #eeeeee;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-swiper .control-bar .w-btn:hover {
	background-color: #0e68a6;
	color: #ffffff;
}

.pro-swiper .control-bar .prev_next i {
	display: block;
	width: 0;
	position: relative;
	height: 1px;
	background-color: CurrentColor;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-swiper .control-bar .prev_next i::before,
.pro-swiper .control-bar .prev_next i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-swiper .control-bar .prev_next i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pro-swiper .control-bar .prev_next i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pro-swiper .control-bar .prev_next.next i {
	margin-left: 10px;
}

.pro-swiper .control-bar .prev_next.next i::before,
.pro-swiper .control-bar .prev_next.next i::after {
	right: 0;
	transform-origin: right;
}

.pro-swiper .control-bar .prev_next.prev i {
	margin-right: 10px;
}

.pro-swiper .control-bar .prev_next.prev i::before,
.pro-swiper .control-bar .prev_next.prev i::after {
	left: 0;
	transform-origin: left;
}

.pro-swiper .control-bar .prev_next:hover i {
	width: 20px;
	margin: 0;
}

.pro-swiper .control-bar .prev_next:hover i::before,
.pro-swiper .control-bar .prev_next:hover i::after {
	width: 8px;
}

.pro-swiper .control-bar .more i {
	width: 15px;
	height: 1px;
	background-color: CurrentColor;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-swiper .control-bar .more i::before,
.pro-swiper .control-bar .more i::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-swiper .control-bar .more i::before {
	top: -6px;
}

.pro-swiper .control-bar .more i::after {
	bottom: -6px;
}

.pro-swiper .control-bar .more:hover i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 2px;
	height: 2px;
}

.pro-category .item .item-wrap {
	position: relative;
	overflow: hidden;
}

.pro-category .item .item-wrap .item-head {
	background-color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #333333;
	z-index: 2;
	-webkit-transition: transform .5s, opacity .3s;
	-moz-transition: transform .5s, opacity .3s;
	-ms-transition: transform .5s, opacity .3s;
	-o-transition: transform .5s, opacity .3s;
	transition: transform .5s, opacity .3s;
}

.pro-category .item .item-wrap .item-head::before,
.pro-category .item .item-wrap .item-head::after {
	content: '';
	display: block;
}

.pro-category .item .item-wrap .item-head::before {
	background: url("../images/logo-gray.png") 4% no-repeat;
	background-size: 24.5%;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.pro-category .item .item-wrap .item-head::after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.pro-category .item .item-wrap .item-head .item-name {
	position: relative;
	z-index: 1;
	font-size: 24px;
}

.pro-category .item .item-wrap .item-head .item-name::before {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background-color: #c0e45a;
	margin-bottom: 20px;
}

.pro-category .item .item-wrap::before,
.pro-category .item .item-wrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	-webkit-transition: transform .3s, opacity .15s;
	-moz-transition: transform .3s, opacity .15s;
	-ms-transition: transform .3s, opacity .15s;
	-o-transition: transform .3s, opacity .15s;
	transition: transform .3s, opacity .15s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	opacity: 0;
}

.pro-category .item .item-wrap::before,
.pro-category .item .item-wrap::after {
	opacity: 1;
}

.pro-category .item .item-wrap::before {
	background-color: rgba(0, 47, 100, 0.5);
	z-index: 4;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.pro-category .item .item-wrap::after {
	background-color: rgba(0, 123, 214, 0.8);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.pro-category .item .item-wrap .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 5%;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #ffffff;
}

@media (min-width: 1400px) {
	.pro-category .item .item-wrap .overlay {
		padding-top: 8%;
	}
}

.pro-category .item .item-wrap .overlay .overlay-wrap {
	position: relative;
}

.pro-category .item .item-wrap .overlay .item-name {
	font-size: 24px;
	color: #ffffff;
	line-height: 2;
}

.pro-category .item .item-wrap .overlay .item-name::before {
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background-color: #c0e45a;
	margin-bottom: 10px;
}

@media (min-width: 576px) {
	.pro-category .item .item-wrap .overlay .item-name::before {
		margin-bottom: 20px;
	}
}

.pro-category .item .item-wrap .overlay .item-desc {
	font-size: 14px;
	line-height: 2;
	color: #ffffff;
}

.pro-category .item .item-wrap .overlay .item-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con>p {
	font-weight: bold;
	font-size: 18px;
	line-height: 2;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li {
	line-height: 46px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i {
	position: absolute;
	margin: auto;
	width: 0;
	height: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	right: 15px;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::before,
.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
	transform-origin: right;
	top: 0;
	bottom: 0;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li i::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li a {
	display: block;
	color: #ffffff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover {
	border-bottom-color: rgba(255, 255, 255, 0.8);
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover i {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.pro-category .item .item-wrap .overlay .item-bottom .item-sub-con li:hover a {
	color: #c0e45a;
}

.pro-category .item:nth-child(1) .item-wrap .item-head::after {
	right: 0;
	left: auto;
	background: url("../images/icon-bg-1.png") left no-repeat;
	background-size: 80%;
	width: 30%;
}

.pro-category .item:nth-child(2) .item-wrap .item-head::after {
	left: auto;
	background: url("../images/icon-bg-2.png") left no-repeat;
	width: 40%;
	background-size: 90%;
	right: 0;
}

.pro-category .item:nth-child(3) .item-wrap .item-head::after {
	right: 3%;
	left: auto;
	background: url("../images/icon-bg-3.png") right no-repeat;
	width: 42%;
	background-size: 50%;
}

.pro-category .item:hover .item-wrap .item-head {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}

.pro-category .item:hover .item-wrap::before,
.pro-category .item:hover .item-wrap::after {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.pro-category .item:hover .item-wrap::before {
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.pro-category .item:hover .item-wrap::after {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
}

.pro-category .item:hover .item-wrap .overlay {
	opacity: 1;
}

.pro-category .item:hover .item-wrap .overlay .animated {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.pro-category .item:hover .item-wrap .overlay .animated.item-name,
.pro-category .item:hover .item-wrap .overlay .animated.item-desc {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.sec-about .about-txt {
	font-size: 14px;
	line-height: 2;
	padding-top: 2%;
	text-indent: 2rem;
	position: relative;
}

.sec-about .about-txt::before {
	content: '';
	display: block;
	height: 40px;
	width: 2px;
	background-color: #c0e45a;
	margin: 3% 0;
}

.sec-about .about-param .param-item .item-number {
	color: #353535;
	font-size: 42px;
	font-family: Arial;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sec-about .about-param .param-item .item-name {
	font-size: 14px;
	color: #808080;
}

.sec-about .about-param .param-item:hover .item-number {
	color: #007bd6;
	font-weight: bold;
}

.sec-about .about-navs {
	border-top: 1px solid #e7e7e7;
}

.sec-about .about-navs .nav-item {
	border: 1px solid #e7e7e7;
	font-size: 14px;
	color: #404040;
	border-radius: 3rem;
	padding: .625rem 0;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sec-about .about-navs .nav-item img {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.sec-about .about-navs .nav-item:hover {
	background-image: -webkit-gradient(linear, left top, right top, from(#007bd6), to(#87a531));
	background-image: linear-gradient(to right, #007bd6, #87a531);
	color: #fff;
}

.sec-about .about-navs .nav-item:hover img {
	filter: grayscale(100%) brightness(100);
}

.index-video {
	width: 100%;
	background: url("../images/video-post.jpg") center/cover no-repeat;
}

.index-video .video-btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 80px;
	height: 80px;
}

.news-quick-nav {
	padding: 3% 0;
	color: #ffffff;
	background: url("../images/news-bottom-nav-bg.jpg") center/cover no-repeat;
}

.news-quick-nav .nav-left p:nth-child(1) {
	font-size: 36px;
	line-height: 2;
}

.news-quick-nav .bottom-nav-box .item .item-wrap {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-quick-nav .bottom-nav-box .item .item-wrap .item-info {
	padding-left: 1.2rem;
}

.news-quick-nav .bottom-nav-box .item .item-wrap .item-info .item-name {
	font-size: 24px;
}

.news-quick-nav .bottom-nav-box .item .item-wrap .item-info .item-desc {
	font-size: 14px;
}

.news-quick-nav .bottom-nav-box .item .item-wrap .item-info .item-more {
	color: #ffffff;
	font-size: 14px;
}

.news-quick-nav .bottom-nav-box .item .item-wrap .item-more {
	color: #ffffff;
	font-size: 14px;
	margin-top: .5rem;
}

.news-quick-nav .bottom-nav-box .item:nth-child(1) .item-wrap {
	background-color: #7cb6f1;
}

.news-quick-nav .bottom-nav-box .item:nth-child(2) .item-wrap {
	background-color: #47bced;
}

.news-quick-nav .bottom-nav-box .item:nth-child(3) .item-wrap {
	background-color: #05cfc3;
}

.news-quick-nav .bottom-nav-box .item:hover .item-wrap {
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.floor-container .floor .floor-wrap {
	position: relative;
}

.floor-container .floor .floor-wrap .floor-head {
	text-align: center;
	position: absolute;
	z-index: 2;
}

.floor-container .floor .floor-wrap .floor-head .head-name {
	font-size: 36px;
	color: #222222;
	position: relative;
}

@media (max-width: 575.98px) {
	.floor-container .floor .floor-wrap .floor-head .head-name {
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	.floor-container .floor .floor-wrap .floor-head .head-name {
		font-size: 22px;
	}
}

@media (min-width: 992px) {
	.floor-container .floor .floor-wrap .floor-head .head-name {
		font-size: 28px;
	}
	.floor-container .floor .floor-wrap .floor-head .head-name::before {
		content: attr(data-title);
		text-transform: uppercase;
		font-size: 66px;
		color: rgba(27, 27, 27, 0.04);
		font-weight: bold;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		line-height: 1;
		-webkit-transform: translateY(-6%);
		-moz-transform: translateY(-6%);
		-ms-transform: translateY(-6%);
		-o-transform: translateY(-6%);
		transform: translateY(-6%);
	}
}

@media (min-width: 1200px) {
	.floor-container .floor .floor-wrap .floor-head .head-name::before {
		font-size: 72px;
		-webkit-transform: translateY(-12%);
		-moz-transform: translateY(-12%);
		-ms-transform: translateY(-12%);
		-o-transform: translateY(-12%);
		transform: translateY(-12%);
	}
}

.floor-container .floor .floor-wrap .floor-head .head-name span {
	position: relative;
	z-index: 2;
}

.floor-container .floor .floor-wrap .floor-head .head-desc {
	line-height: 2;
	color: #999999 !important;
}

@media (max-width: 575.98px) {
	.floor-container .floor .floor-wrap .floor-head .head-desc {
		font-size: 14px;
	}
}

.floor-container .floor .floor-wrap .floor-head .head-line {
	width: 28px;
	position: relative;
	margin: 6px auto 0;
	height: 2px;
}

.floor-container .floor .floor-wrap .floor-head .head-line::before,
.floor-container .floor .floor-wrap .floor-head .head-line::after {
	content: '';
	width: 11px;
	height: 2px;
	display: block;
	background-color: var(--theme-red);
	position: absolute;
}

.floor-container .floor .floor-wrap .floor-head .head-line::before {
	left: 0;
}

.floor-container .floor .floor-wrap .floor-head .head-line::after {
	right: 0;
}

.floor-container .floor .floor-wrap a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.floor-container .floor .floor-wrap a::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, 0.1);
	top: 0;
}

@media (max-width: 575.98px) {
	.floor-container .floor .floor-wrap {
		/*height: 50vw;

img{ height: 100%; width: auto; max-width: inherit; left: -20%; position: relative;

}*/
	}
}

.pro-floor .floor-wrap .floor-con-wrap {
	border: 1px solid #e6e4e4;
}

.pro-floor .floor-wrap .floor-left .floor-name {
	font-size: 22px;
	color: #333333;
}

.pro-floor .floor-wrap .floor-left .floor-btn-group .floor-btn {
	border-radius: 3px;
	padding: .375rem 1rem;
	flex: 1;
	text-align: center;
	color: #ffffff;
}

.pro-floor .floor-wrap .floor-left .floor-btn-group .floor-btn svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	margin-right: 3px;
}

.pro-floor .floor-wrap .floor-left .floor-btn-group .floor-btn.btn-red {
	background-color: var(--theme-red);
}

.pro-floor .floor-wrap .floor-left .floor-btn-group .floor-btn.btn-block {
	background-color: #333333;
}

@media (min-width: 1400px) {
	.pro-floor .floor-wrap .floor-left {
		width: 27.8%;
	}
}

.pro-floor .floor-wrap .floor-con-head {
	border-bottom: 1px solid #e6e4e4;
}

.pro-floor .floor-wrap .floor-con-head .head-name {
	color: #333333;
	font-weight: bold;
}

.pro-floor .floor-wrap .floor-con-head .head-name svg {
	fill: var(--theme-red);
	width: 1.2rem;
	height: 1.2rem;
	display: inline-block;
	vertical-align: middle;
}

.pro-floor .floor-wrap .floor-con-head .head-name span {
	display: inline-block;
	vertical-align: middle;
}

.pro-floor .floor-wrap .floor-con-head p {
	color: #7c7c7c;
}

.goods-list {
	margin-top: 1px;
}

.goods-list .item .item-wrap {
	background-color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.goods-list .item .item-wrap .item-img {
	border-bottom: 2px solid #ededed;
	padding: 26px;
}

.goods-list .item .item-wrap .item-img .img-wrap {
	background-color: #f5f6f8;
}

.goods-list .item .item-wrap .item-caption .item-name {
	font-size: 20px;
}

.goods-list .item .item-wrap .item-caption .item-brief {
	color: #666666;
	font-size: 1rem;
}

.goods-list .item .item-wrap .item-caption .btn-tools .tool-btn {
	border-radius: 3px;
	padding: .375rem 1rem;
	flex: 1;
	text-align: center;
	color: #ffffff;
}

.goods-list .item .item-wrap .item-caption .btn-tools .tool-btn svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	margin-right: 3px;
}

.goods-list .item .item-wrap .item-caption .btn-tools .tool-btn.btn-red {
	background-color: var(--theme-red);
}

.goods-list .item .item-wrap .item-caption .btn-tools .tool-btn.btn-block {
	background-color: #333333;
}

.goods-list .item .item-wrap:hover {
	-webkit-box-shadow: 0 5px 15px rgba(21, 21, 21, 0.2);
	-moz-box-shadow: 0 5px 15px rgba(21, 21, 21, 0.2);
	box-shadow: 0 5px 15px rgba(21, 21, 21, 0.2);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

.Product-page {
	background-color: #f7f8fc;
}

.Product-page .location-box {
	background: #ffffff;
}

.Product-page .location-box.bg {
	background-color: #f7f8fc;
}

.Product-page .product-list .item .item-wrap {
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
}

.Product-page .product-list .item .item-wrap .item-caption {
	border-top: 1px solid #edeef2;
}

.Product-page .product-list .item .item-wrap .item-caption .item-name {
	font-size: 20px;
	color: #333333;
	line-height: 2;
}

.Product-page .product-list .item .item-wrap .item-caption .item-desc {
	color: #999999;
	font-size: 14px;
	line-height: 2;
	padding: 8px 0;
}

.Product-page .product-list .item .item-wrap .item-caption .item-more {
	color: #999999;
	font-size: 12px;
}

.Product-page .category-swiper-list .item .item-wrap {
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 150px 0px rgba(0, 0, 0, 0.05);
}

.Product-page .category-swiper-list .item .item-wrap .item-name {
	font-size: 16px;
	color: #333333;
	line-height: 2;
	padding-bottom: 10px;
	z-index: 3;
}

.Product-page .category-swiper-list .item .item-wrap .thumb-lists .thumb-item .thumb-img {
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 1px solid #e0e0e0;
}

.Product-page .category-swiper-list .item .item-wrap .thumb-lists .thumb-item.active .thumb-img {
	border-color: var(--theme-color);
}

.Product-page .goods-top {
	padding-top: 30px;
}

@media (min-width: 1400px) {
	.Product-page .goods-top .goods-gallery {
		/*padding: 0 10.694%;*/
	}
}

.Product-page .goods-top .goods-title {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
}

@media (min-width: 1400px) {
	.Product-page .goods-top .goods-title {
		font-size: 30px;
	}
}

.Product-page .goods-top .goods-tags {
	border-top: 1px dashed #666666;
	border-bottom: 1px dashed #666666;
}

.Product-page .goods-top .goods-tags span {
	padding: 0 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.Product-page .goods-top .goods-tags span {
		font-size: 14px;
	}
}

.Product-page .goods-top .goods-tags i {
	color: #b8b8b8;
	font-style: normal;
}

.Product-page .goods-top .goods-relates .item .item-img {
	border: 1px solid #e0e0e0;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.Product-page .goods-top .goods-relates .item:hover .item-img,
.Product-page .goods-top .goods-relates .item.active .item-img {
	border-color: var(--theme-color);
}

.Product-page .goods-top .goods-info-bottom .zx-btn {
	background-color: var(--theme-blue);
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	padding: .5rem 1.8rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.Product-page .goods-top .goods-info-bottom .zx-btn:hover {
	background-color: #c70924;
}

.Product-page .goods-top .goods-info-bottom .info-contact .contact-icon svg {
	width: 46px;
	height: 46px;
}

.Product-page .goods-top .goods-info-bottom .info-contact .contact-info .tel-num {
	color: var(--theme-red);
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
}

.Product-page .detail-section .sec-head {
	color: #282828;
	padding: 1rem 0;
	font-size: 24px;
	line-height: 2;
}

.Product-page .goods-params .param-item .item-wrap {
	border-right: 1px solid #ebebec;
}

.Product-page .goods-params .param-item .item-icon {
	display: inline-block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: var(--theme-red);
}

.Product-page .goods-params .param-item .item-icon .icon-wrap img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.Product-page .goods-params .param-item .item-name {
	line-height: 26px;
}

.Product-page .goods-params .param-item:hover .item-icon .icon-wrap img {
	-webkit-animation: swing 1 1s linear;
	-o-animation: swing 1 1s linear;
	animation: swing 1 1s linear;
}

.Product-page .goods-detail {
	line-height: 2;
}

.Product-page .goods-detail img {
	max-width: 100%;
	display: block;
}

.Product-page .goods-detail table {
	width: 100% !important;
	margin-bottom: 5px;
}

.Product-page .goods-detail table tr:nth-child(even) {
	background-color: #FFFFFF !important;
	text-align: center;
}

.Product-page .goods-detail table tr:first-child {
	background-color: #686868 !important;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.Product-page .goods-detail table td {
	border: 1px solid #d9d9d9 !important;
	width: auto !important;
	padding: 3px !important;
	text-align: center;
	vertical-align: middle;
}

.Product-page .goods-detail table td p:nth-of-type(1) {
	text-align: center !important;
}

@media (min-width: 1200px) {
	.Product-page .goods-detail table td {
		padding: 5px !important;
	}
}

.image-list .image-item .item-wrap {
	background-color: #f5f6f8;
}

.image-list .image-item .item-wrap .item-img {
	overflow: hidden;
}

.image-list .image-item .item-wrap .item-img img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.image-list .image-item .item-wrap .item-name {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
}

.image-list .image-item .item-wrap .item-name span {
	position: relative;
	z-index: 2;
}

.image-list .image-item .item-wrap .item-name:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--theme-color);
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
	left: 0;
}

.image-list .image-item:hover .item-wrap .item-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.image-list .image-item:hover .item-wrap .item-name {
	color: #ffffff;
}

.image-list .image-item:hover .item-wrap .item-name::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	right: 0;
}

.News-page {
	background-color: #f7f8fc;
}

.News-page .news-container {
	background-color: #fff;
}

.News-page .news-container .news-title {
	font-weight: normal;
	color: #333333;
	font-size: 24px;
}

@media (max-width: 575.98px) {
	.News-page .news-container .news-title {
		font-size: 18px;
	}
}

.News-page .news-container .news-meta {
	color: #999999;
	font-size: .875rem;
}

.News-page .news-container .news-detail {
	line-height: 2;
	font-size: 1rem;
}

.News-page .news-container .news-detail img {
	max-width: 100% !important;
}

.News-page .news-container .news-detail video {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.News-page .news-container .newsPage {
	font-size: 1rem;
	line-height: 36px;
}

.News-page .news-right>p {
	padding-left: 5%;
	font-size: 16px;
	color: #000;
	line-height: 70px;
	position: relative;
}

.News-page .news-right>p::before {
	position: absolute;
	content: "";
	background: var(--theme-blue);
	width: 4px;
	height: 30%;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.News-page .news-right .hot_news {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

.News-page .news-right .hot_news:not(:last-child) {
	border-bottom: 1px solid #ededed;
}

.News-page .news-right .hot_news a {
	color: #333;
	font-size: 14px;
	line-height: 25px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.News-page .news-right .hot_news a:hover {
	color: var(--theme-blue);
}

.News-page .prev_next .page-item>div {
	background-color: #f4f4f4;
}

.news-detail .news-content {
	background-color: #f7f8fa;
	line-height: 2;
}

.news-detail .news-content:not(.embed-responsive) img {
	max-width: 100%;
	height: auto !important;
}


/*联系方式*/

.contact-box .contact-item .item-wrap {
	padding: 2rem;
}

.contact-box .contact-item .item-head {
	margin-bottom: 1rem;
}

.contact-box .contact-item .item-head .head-icon {
	width: 3rem;
	height: 3rem;
}

.contact-box .contact-item .item-head .head-info strong {
	font-weight: bold;
	color: #666666;
}

.contact-box .contact-item .item-head .head-info p {
	color: #666666;
	opacity: .5;
	font-size: .625rem;
}

.contact-box .contact-item .item-bd {
	color: #666666;
	line-height: 1.8;
}

.contact-box .contact-item .item-bd p {
	font-size: 1.125rem;
}

.contact-box .contact-item:nth-child(1) .item-head .head-icon {
	background: url("../images/icon-contact-1.png") center no-repeat;
}

.contact-box .contact-item:nth-child(2) .item-head .head-icon {
	background: url("../images/icon-contact-2.png") center no-repeat;
}

.contact-box .contact-item:nth-child(3) .item-head .head-icon {
	background: url("../images/icon-contact-3.png") center no-repeat;
}

.contact-box .contact-item:nth-child(1) .item-bd p {
	font-size: 16px;
}

.contact-box .contact-item.contact-qrcode .wx-qrcode img {
	width: 110px;
}

.contact-box .contact-item.contact-qrcode .wx-info p {
	font-size: .875rem;
	color: #999999;
}

@media (min-width: 1200px) {
	.contact-box .contact-item.contact-qrcode .wx-info p {
		line-height: 2;
	}
}

@media (max-width: 575.98px) {
	.contact-box .contact-item:not(:last-child) {
		border-bottom: 1px solid #eeeeee;
	}
	.contact-box .contact-item .item-wrap {
		padding: 1.5rem 1rem;
	}
}

#dituContent {
	height: 50vw;
}

@media (min-width: 992px) {
	#dituContent {
		height: 30vw;
	}
}

@media (min-width: 1200px) {
	#dituContent {
		height: 25vw;
	}
}


/*合作伙伴*/

.cases-swiper .item .item-wrap {
	position: relative;
}

.cases-swiper .item .item-wrap .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.cases-swiper .item .item-wrap .overlay .overlay-wrap {
	background: rgba(40, 40, 40, 0.89);
	height: 100%;
	color: #ffffff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(0) skew(90deg, 0);
	-moz-transform: scale(0) skew(90deg, 0);
	-ms-transform: scale(0) skew(90deg, 0);
	-o-transform: scale(0) skew(90deg, 0);
	transform: scale(0) skew(90deg, 0);
}

.cases-swiper .item .item-wrap:hover .overlay .overlay-wrap {
	-webkit-transform: scale(1) skew(0, 0);
	-moz-transform: scale(1) skew(0, 0);
	-ms-transform: scale(1) skew(0, 0);
	-o-transform: scale(1) skew(0, 0);
	transform: scale(1) skew(0, 0);
}

.cases-swiper .control-bar .w-btn {
	border-radius: 0;
	width: 35px;
	height: 35px;
	margin: 2px;
	text-align: center;
	line-height: 35px;
	background-color: #c5c5c5;
	position: relative;
	color: #eeeeee;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.cases-swiper .control-bar .w-btn:hover {
	background-color: var(--theme-red);
	color: #ffffff;
}

.cases-swiper .control-bar .w-btn.prev_next {
	background-color: var(--theme-red);
}

.cases-swiper .control-bar .prev_next i {
	display: block;
	width: 0;
	position: relative;
	height: 1px;
	background-color: CurrentColor;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.cases-swiper .control-bar .prev_next i::before,
.cases-swiper .control-bar .prev_next i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.cases-swiper .control-bar .prev_next i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cases-swiper .control-bar .prev_next i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.cases-swiper .control-bar .prev_next.next i {
	margin-left: 10px;
}

.cases-swiper .control-bar .prev_next.next i::before,
.cases-swiper .control-bar .prev_next.next i::after {
	right: 0;
	transform-origin: right;
}

.cases-swiper .control-bar .prev_next.prev i {
	margin-right: 10px;
}

.cases-swiper .control-bar .prev_next.prev i::before,
.cases-swiper .control-bar .prev_next.prev i::after {
	left: 0;
	transform-origin: left;
}

.cases-swiper .control-bar .prev_next:hover i {
	width: 20px;
	margin: 0;
}

.cases-swiper .control-bar .prev_next:hover i::before,
.cases-swiper .control-bar .prev_next:hover i::after {
	width: 8px;
}

.cases-swiper .control-bar .prev_next.swiper-button-disabled {
	background-color: #444444;
	cursor: not-allowed;
}

.cases-swiper .control-bar .more i {
	width: 15px;
	height: 1px;
	background-color: CurrentColor;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.cases-swiper .control-bar .more i::before,
.cases-swiper .control-bar .more i::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.cases-swiper .control-bar .more i::before {
	top: -6px;
}

.cases-swiper .control-bar .more i::after {
	bottom: -6px;
}

.cases-swiper .control-bar .more:hover i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 2px;
	height: 2px;
}

.index-news .thumb-news .news-caption .news-date-zone {
	flex: 0 auto;
	color: #007bd6;
	font-family: Arial;
	padding-right: 5%;
}

.index-news .thumb-news .news-caption .news-date-zone .news-date {
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.index-news .thumb-news .news-caption .news-date-zone .news-year {
	font-size: 14px;
}

.index-news .thumb-news .news-caption .news-info {
	padding-left: 5%;
	flex: 1;
	border-left: 1px solid #eee;
}

.index-news .thumb-news .news-caption .news-info .news-title {
	line-height: 1.8;
	color: #333333;
	font-size: 18px;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.index-news .thumb-news .news-caption .news-info .news-desc {
	font-size: 14px;
	color: #999999;
	line-height: 1.8;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.index-news .thumb-news.news-item .news-caption {
	padding-top: 5%;
}

.index-news .thumb-news.news-item .news-date-zone {
	padding-bottom: 5%;
}

.index-news .thumb-news.news-item .news-line {
	border-bottom: 1px solid #EEEEEE;
	width: 100%;
	height: 0;
	position: relative;
	margin-left: 10px;
	color: #bfbfbf;
}

.index-news .thumb-news.news-item .news-line::before {
	content: '';
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -10px;
	width: 18px;
	height: 18px;
	background: url("../images/icon-dote.png") center/cover no-repeat;
}

.index-news .thumb-news.news-item .news-line svg {
	position: absolute;
	width: 26px;
	height: 26px;
	left: -13px;
	margin: auto;
	bottom: 0;
	top: 0;
	fill: currentColor;
}

.index-news .thumb-news.news-item .news-info {
	padding-left: 0;
	border-left: none;
	padding-right: 10%;
}

@media (min-width: 1200px) {
	.index-news .thumb-news.news-item .news-info .news-title {
		margin-bottom: 8%;
	}
}

.index-news .thumb-news:hover .news-title {
	color: var(--theme-blue) !important;
}

.index-news .thumb-news:hover .news-desc {
	color: #666666 !important;
}

.news-swiper .news-item {
	width: 25%;
}

.news-swiper .news-item .news-img {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s, height .3s;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	height: 0;
}

.news-swiper .news-item .news-caption {
	display: flex;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-swiper .news-item .news-caption .news-date-zone {
	flex: 0 auto;
	width: 20%;
	color: #007bd6;
	display: block;
	font-family: Arial;
}

.news-swiper .news-item .news-caption .news-date-zone .news-date {
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.news-swiper .news-item .news-caption .news-date-zone .news-year {
	font-size: 14px;
}

.news-swiper .news-item .news-caption .news-info {
	padding-left: 5%;
	flex: 1;
	border-left: 1px solid #eee;
}

.news-swiper .news-item .news-caption .news-info .news-title {
	color: #333333;
	font-size: 18px;
}

.news-swiper .news-item .news-caption .news-info .news-desc {
	font-size: 14px;
	color: #999999;
	line-height: 1.8;
}

.news-swiper .news-item.swiper-slide-active {
	width: 41%;
}

.news-swiper .news-item.swiper-slide-active .news-img {
	height: 100%;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;
}


/*面包屑样式*/

.crumbs-box {
	position: relative;
	height: 60px;
}

.crumbs-box .box-wrap {
	width: 410px;
	position: absolute;
	right: 0;
	bottom: -250%;
	background-color: #007bd6;
	color: #ffffff;
	padding: 2.5%;
	-webkit-box-shadow: 0 0 12px rgba(0, 90, 154, 0.32);
	-moz-box-shadow: 0 0 12px rgba(0, 90, 154, 0.32);
	box-shadow: 0 0 12px rgba(0, 90, 154, 0.32);
}

.crumbs-box .box-wrap .ratio-box {
	--bs-aspect-ratio: calc(336 / 410 * 100%);
}

.crumbs-box .box-wrap .box-head {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	padding-bottom: 8%;
}

.crumbs-box .box-wrap .con {
	flex: 1;
	padding: 5% 0;
}

.crumbs-box .box-wrap .con ul li {
	padding-left: 50px;
	padding-top: 10%;
	padding-bottom: 10%;
	line-height: 2;
	position: relative;
}

.crumbs-box .box-wrap .con ul li::before {
	content: '';
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 20px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

.crumbs-box .box-wrap .con .channel-name::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #ffffff;
	position: absolute;
	margin: auto;
	left: 23px;
	top: 50%;
}

.crumbs-box .box-wrap .con .channel-name a {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	display: block;
}

.crumbs-box .box-wrap .con .catname {
	font-size: 20px;
}

@media (max-width: 1199.98px) {
	.crumbs-box .box-wrap {
		bottom: -170%;
		width: 37%;
	}
}


/*关于*/

.About-page .company-info .company-detail {
	line-height: 2;
}

.About-page .factory-video .video-wrap {
	margin: auto;
	position: relative;
	height: 100%;
	max-height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	-webkit-transition: ease 0.6s;
	-moz-transition: ease 0.6s;
	-o-transition: ease 0.6s;
	transition: ease 0.6s;
	overflow: hidden;
}

.About-page .factory-video .video-wrap .video-item {
	object-fit: cover;
	width: 100%;
}

.About-page .factory-video .video-wrap .video-shade {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1;
}

.About-page .factory-video .video-wrap .overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #ffffff;
	z-index: 3;
	opacity: 0;
}

.About-page .factory-video .video-wrap .overlay h3 {
	font-size: 28px;
}

@media (min-width: 1300px) {
	.About-page .factory-video .video-wrap .overlay h3 {
		font-size: 42px;
	}
}

.About-page .factory-video .video-wrap .overlay .desc {
	font-size: 18px;
}

@media (min-width: 1300px) {
	.About-page .factory-video .video-wrap .overlay .desc {
		font-size: 20px;
	}
}

.About-page .factory-video .video-wrap .overlay .content {
	line-height: 2;
}

@media (min-width: 1300px) {
	.About-page .factory-video .video-wrap .overlay .content {
		font-size: 18px;
	}
}

.About-page .factory-video .video-container.fixed-video .video-wrap .overlay {
	opacity: 1;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}

.About-page .history-zone .history-year .year-item {
	cursor: pointer;
	position: relative;
}

.About-page .history-zone .history-year .year-item span {
	color: #666666;
	font-size: 18px;
	line-height: 2;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	display: block;
	margin-bottom: 10px;
}

.About-page .history-zone .history-year .year-item .dot {
	position: relative;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0 auto;
	padding: 5px;
	background-color: rgba(225, 225, 225, 0.4);
}

.About-page .history-zone .history-year .year-item .dot .dot-wrap {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #c6c6c6;
	position: relative;
}

.About-page .history-zone .history-year .year-item .dot .dot-wrap i {
	background: none;
	position: absolute;
	width: 40%;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.About-page .history-zone .history-year .year-item .dot .dot-wrap i::before,
.About-page .history-zone .history-year .year-item .dot .dot-wrap i::after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ffffff;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.About-page .history-zone .history-year .year-item .dot .dot-wrap i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.About-page .history-zone .history-year .year-item .dot .dot-wrap i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.About-page .history-zone .history-year .year-item::after {
	content: '';
	display: block;
	border-bottom: 1px dashed #e2e2e2;
	position: absolute;
	width: 100%;
	z-index: 0;
	left: 0;
	bottom: 15px;
}

.About-page .history-zone .history-year .year-item.swiper-slide-thumb-active span {
	color: #006ab7;
	font-weight: bold;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.About-page .history-zone .history-year .year-item.swiper-slide-thumb-active .dot {
	background-color: rgba(0, 106, 183, 0.2);
}

.About-page .history-zone .history-year .year-item.swiper-slide-thumb-active .dot .dot-wrap {
	background-color: #006ab7;
}

.About-page .history-zone .history-year .year-item.swiper-slide-thumb-active .dot .dot-wrap i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.About-page .history-zone .history-year .control-bar {
	position: absolute;
	width: 100%;
	z-index: 2;
	display: flex;
	bottom: 7px;
	justify-content: space-between;
}

.About-page .history-zone .history-year .control-bar .prev_next {
	bottom: 0;
	position: absolute;
	background-color: #FFFFFF;
}

.About-page .history-zone .history-year .control-bar .prev_next.prev {
	left: 0;
}

.About-page .history-zone .history-year .control-bar .prev_next.next {
	right: 0;
}

.About-page .history-zone .history-year .control-bar .prev_next.swiper-button-disabled {
	cursor: not-allowed;
	filter: grayscale(100%);
}
.About-page .history-zone .history-con {
	padding: 40px 0;
	margin-top: 40px;
	background: #F9F9F9;
	box-shadow: 0 0 5px #ccc;
}
.About-page .history-zone .history-con .year-num {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: var(--theme-color);
}

.About-page .history-zone .history-con .year-num span {
	position: relative;
	z-index: 2;
}

@media (min-width: 1400px) {
	.About-page .history-zone .history-con .year-num {
		font-size: 30px;
	}
}

@media (min-width: 1600px) {
	.About-page .history-zone .history-con .year-num {
		font-size: 40px;
	}
}

.About-page .history-zone .history-con .year-num::before {
	content: 'year';
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.02);
	text-transform: uppercase;
	font-size: 70px;
	line-height: 1;
}

.About-page .history-zone .history-con .year-events p {
	line-height: 2;
}

@media (min-width: 1400px) {
	.About-page .history-zone .history-con .year-events p {
		font-size: 18px;
	}
}

.inner-section {
	padding: 4% 0;
	background-color: #ffffff;
	position: relative;
	z-index: 2;
}

.inner-section .about-wrap .about-top .about-head .head-desc {
	font-size: 20px;
	color: #333333;
}

.inner-section .about-wrap .about-top .about-head .head-line {
	width: 55px;
	height: 3px;
	background-color: var(--theme-blue);
}

.inner-section .about-wrap .param-box .param-item .item-num {
	font-size: 64px;
	font-family: Bahnschrift;
	font-weight: 500;
	color: transparent;
	background-image: url("../images/text-bg.png");
	background-color: var(--theme-blue);
	-webkit-background-clip: text;
	background-clip: text;
}

.inner-section .about-wrap .param-box .param-item .item-desc {
	color: #2a2a2a;
}

.inner-section .about-wrap .about-detail {
	padding-top: 3%;
	position: relative;
}

.inner-section .about-wrap .about-detail::before {
	content: '';
	display: block;
	width: 100%;
	height: 12px;
	background: url("../images/lin-bg.png") left center repeat-x;
	position: absolute;
	top: 0;
}

.inner-section .about-wrap .about-detail p {
	font-size: 15px;
	line-height: 2;
}

@media (min-width: 1200px) {
	.inner-section .about-wrap .about-detail p {
		padding: 0.75rem 0;
	}
}

.inner-section .sec-head .head-top {
	color: #000;
	position: relative;
}

.inner-section .sec-head .head-top .head-name {
	font-size: 36px;
}

.inner-section .sec-head .head-top .head-ename {
	margin-left: 10px;
	font-size: 20px;
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	.inner-section .sec-head .head-top .head-ename::after {
		content: '';
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
		width: 55px;
		height: 3px;
		background-color: var(--theme-blue);
	}
}

.inner-section .sec-head .head-top::before {
	content: 'beideli bio';
	font-family: Bahnschrift;
	font-weight: bold;
	opacity: .05;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	font-size: 70px;
	text-transform: uppercase;
	line-height: 1;
}

.inner-section .sec-head .head-desc {
	font-size: 20px;
	color: #666666;
}

.inner-section.sec-about {
	background: url("../images/about-bg.jpg") center/cover no-repeat;
}

.inner-section.sec-leader {
	background: url("../images/leader-bg.jpg") bottom center no-repeat #ffffff;
}

.inner-section.sec-leader .detail-content p {
	font-size: 15px;
	line-height: 2;
}

@media (min-width: 1200px) {
	.inner-section.sec-leader .detail-content p {
		padding: 0.75rem 0;
	}
}

.inner-section.sec-history {
	padding-bottom: 0;
}

.inner-section.sec-concept,
.inner-section.sec-jobs {
	background-color: transparent;
}

@media (max-width: 575.98px) {
	.inner-section .about-wrap .about-top .about-head .head-top img {
		height: 40px;
	}
	.inner-section .about-wrap .about-top .about-head .head-desc {
		font-size: 14px;
	}
	.inner-section .about-wrap .param-box .param-item .item-num {
		font-size: 42px;
		line-height: 1;
	}
	.inner-section .about-wrap .param-box .param-item .item-desc {
		font-size: 14px;
	}
	.inner-section .sec-head .head-top .head-name {
		font-size: 26px;
	}
	.inner-section .sec-head .head-top .head-ename {
		font-size: 16px;
	}
	.inner-section .sec-head .head-top::before {
		font-size: 60px;
	}
	.inner-section .sec-head .head-desc {
		font-size: 14px;
	}
}


/*.about-grid{ .item{ .item-wrap{ &.item-txt{ > p{ font-size: 30px; color: #333333; &:nth-child(2){ font-weight: bold; font-size: 24px; color: var(--theme-blue); line-height: 2; } } .item-line{ position: relative; width: 30%; margin: 5% 0; border-bottom: 1px solid #e2e2e2; &::before{ content: ''; display: block; position: absolute; left: 0; top: 0; border-bottom: 1px solid var(--theme-blue); width: 30%; } } .item-content{ font-size: 14px; color: #787878; line-height: 2; } } .item-name{ padding-top: .5rem; font-size: 26px; color: #333f48; line-height: 2; font-weight: bold; } .item-desc{ color: #5f5f5f; font-size: 14px; line-height: 2; } } }

}*/


/*.about-detail{ .detail-wrap{ background: url(../images/about-details-bg.png) 15% no-repeat; background-size: contain; } .about-title{ color: #333333; font-size: 30px; } .about-desc{ font-size: 24px; color: #007bd6; font-weight: bold; } .about-line{ position: relative; width: 5%; margin: 2% 0; border-bottom: 1px solid #e2e2e2; &::before{ content: ''; display: block; position: absolute; left: 0; top: 0; border-bottom: 1px solid var(--theme-blue); width: 40%; } }

 .about-content{ font-size: 14px; color: #787878; line-height: 2; text-indent: 2rem; }

}*/


/*.about-honor{ --honor-img-ratio: calc(135 / 296 * 100%); --honor-text-ratio: calc(405 / 410 * 100%); --honor-text-ratio-2: calc(300 / 850 * 100%); .honor-img{ flex: 0 auto; width: 68.519%; --bs-aspect-ratio: var(--honor-img-ratio); } .honor-text{ position: relative; flex: 0 auto; width: 31.481%; background-color: #95aab9; color: #ffffff; &::before{ position: absolute; content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; border-right-color: #95aab9; left: -20px; margin: auto; top: 0; bottom: 0; } .ratio{ --bs-aspect-ratio: var(--honor-text-ratio) } .honor-name{ font-size: 30px; font-weight: bold; line-height: 2; } .honor-desc{ margin-top: 10%; font-size: 14px; line-height: 2; @media (max-width: 1200px) { margin-top: 5%; } @media (max-width: 992px) { margin-top: 0%; } } }

 @media (max-width: 992px) { .honor-img{ width: 100%; --bs-aspect-ratio: calc(135 / 296 * 100%) } .honor-text{ width: 100%; .ratio{ --bs-aspect-ratio: var(--honor-text-ratio-2); } } }

}*/

.sbanner-product {
	height: 520px;
	background: url("../images/product.jpg") center no-repeat;
}

.sbanner-product .search-container .search-name {
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
	line-height: 2;
}

.sbanner-product .search-container .search-name::after {
	content: '';
	display: block;
	margin: 1rem auto;
	width: 66px;
	height: 3px;
	background-color: #fff;
}

.sbanner-product .search-container .search-form .input-txt {
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 3px;
	height: 50px;
	line-height: 50px;
	background-color: transparent;
	width: 100%;
	outline: none;
	color: #ffffff;
	padding: 8px;
	-webkit-transition: border .3s;
	-moz-transition: border .3s;
	-ms-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s;
}

.sbanner-product .search-container .search-form .input-txt::-webkit-input-placeholder {
	color: #ffffff;
}

.sbanner-product .search-container .search-form .input-txt::-ms-input-placeholder {
	color: #ffffff;
}

.sbanner-product .search-container .search-form .input-txt:focus {
	outline: none;
	border-color: rgba(255, 255, 255, 0.8);
}

.sbanner-product .search-container .search-form .input-submit {
	border: none;
	display: block;
	background-color: #007bd6;
	color: #ffffff;
	border-radius: 3px;
	width: 100%;
	height: 52px;
	line-height: 52px;
}

.propage-head .head-name {
	font-size: 30px;
	color: #333333;
	position: relative;
}

.propage-head .head-name::before,
.propage-head .head-name::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #e2e2e2;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}

.propage-head .head-name::before {
	border-bottom: 1px solid #e2e2e2;
}

.propage-head .head-name::after {
	border-bottom: 1px solid #0d67c0;
	-webkit-transform: scaleX(0.3);
	-moz-transform: scaleX(0.3);
	-ms-transform: scaleX(0.3);
	-o-transform: scaleX(0.3);
	transform: scaleX(0.3);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.propage-head .head-name:hover::after {
	-webkit-transform: scaleX(0.5);
	-moz-transform: scaleX(0.5);
	-ms-transform: scaleX(0.5);
	-o-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.propage-head .head-desc {
	font-size: 14px;
	line-height: 2;
	color: #7e7e7e;
}

.floor-box .floor-1 {
	background: url("../images/1.jpg") center/cover no-repeat;
}

.floor-box .floor-2 {
	background: url("../images/2.jpg") center/cover no-repeat;
}

.floor-box .floor-3 {
	background: url("../images/3.jpg") center/cover no-repeat;
}

.floor-box .floor {
	height: 520px;
	width: 96%;
	margin: 0 auto;
}

.floor-box .floor .floor-wrap {
	align-self: center;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 3% 5%;
}

@media (min-width: 1200px) {
	.floor-box .floor .floor-wrap {
		width: 50%;
		height: 65%;
	}
}

.floor-box .floor .floor-wrap .floor-name {
	font-weight: bold;
	color: #333333;
	font-size: 48px;
}

.floor-box .floor .floor-wrap .floor-name::before {
	content: '';
	display: block;
	width: 4rem;
	height: 3px;
	background-color: #007bd6;
	margin-bottom: 1rem;
	background-image: -webkit-gradient(linear, right top, left top, from(#2c9e6a), to(#2495cc));
	background-image: linear-gradient(to left, #2c9e6a, #2495cc);
}

.floor-box .floor .floor-wrap .floor-category a {
	display: inline-block;
	padding: .3rem 1rem;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	margin: .5rem .25rem;
	color: #686868;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.floor-box .floor .floor-wrap .floor-category a:hover {
	color: #333333;
	border-color: #666666;
}

.floor-box .floor:nth-child(even) .container {
	justify-content: flex-end;
}

.submenu-nav li {
	border: 1px solid #e2e2e2;
	display: block;
	padding: .315rem 0.765rem;
	margin: 15px 5px 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.submenu-nav li a {
	color: #6e6e6e;
}

.submenu-nav li:hover,
.submenu-nav li.on {
	border-color: var(--theme-blue);
}

.pro-list .pro-item {
	border: 1px solid #eceae9;
}

.pro-list .pro-item .item-info {
	position: relative;
	overflow: hidden;
}

.pro-list .pro-item .item-info .info-btn {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background-color: rgba(0, 123, 214, 0.7);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
}

.pro-list .pro-item .item-info .info-btn a {
	color: #ffffff;
	font-size: 14px;
}

.pro-list .pro-item .item-info .info-wrap {
	color: #333333;
	font-size: 14px;
	line-height: 2;
	height: 100%;
	padding: 8%;
	background-color: #f8f8f8;
}

.pro-list .pro-item .item-info .info-wrap .pro-title {
	font-size: 18px;
	line-height: 2;
}

.pro-list .pro-item:hover .item-info .info-btn {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.goods-detail-page {
	background-color: #f8f8f8;
}

.goods-detail-page .goods-top {
	padding-top: 30px;
}

.goods-detail-page .goods-top .goods-title {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	position: relative;
	border-bottom: 1px solid #e5e6e8;
}

@media (min-width: 1400px) {
	.goods-detail-page .goods-top .goods-title {
		font-size: 30px;
	}
}

.goods-detail-page .goods-top .goods-title::after {
	content: '';
	display: block;
	width: 2.2rem;
	height: 2px;
	background-color: var(--theme-blue);
	position: absolute;
	left: 0;
	bottom: 0;
}

.goods-detail-page .goods-top .goods-brief {
	color: #999999;
	line-height: 2;
}

.goods-detail-page .goods-top .goods-attrs .goods-attr {
	background-color: #f9f9f9;
	line-height: 2;
	font-size: 14px;
}

.goods-detail-page .goods-top .goods-attrs .goods-attr:not(:last-child) {
	border-bottom: 1px solid #e9e9e9;
}

.goods-detail-page .goods-top .goods-attrs .attr-name {
	color: #333333;
	background-color: #F2F2F2;
	border-right: 1px solid #e9e9e9;
}

.goods-detail-page .goods-top .goods-info-bottom .zx-btn {
	background-color: var(--theme-blue);
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	padding: .5rem 1.8rem;
}

.goods-detail-page .goods-top .goods-info-bottom .info-contact .contact-icon svg {
	width: 46px;
	height: 46px;
}

.goods-detail-page .goods-top .goods-info-bottom .info-contact .contact-info .tel-num {
	color: var(--theme-blue);
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
}

.goods-detail-page .goods-params .param-item .item-wrap {
	border-right: 1px solid #ebebec;
}

.goods-detail-page .goods-params .param-item .item-icon {
	display: inline-block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background-color: var(--theme-blue);
}

.goods-detail-page .goods-params .param-item .item-icon .icon-wrap img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.goods-detail-page .goods-params .param-item .item-name {
	line-height: 26px;
}

.goods-detail-page .goods-detail {
	line-height: 2;
}

.goods-detail-page .goods-detail img {
	max-width: 100%;
	display: block;
}

.goods-detail-page .goods-detail table {
	width: 100% !important;
	margin-bottom: 5px;
}

.goods-detail-page .goods-detail table tr:nth-child(even) {
	background-color: #FFFFFF !important;
	text-align: center;
}

.goods-detail-page .goods-detail table tr:first-child {
	background-color: #686868 !important;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.goods-detail-page .goods-detail table td {
	border: 1px solid #d9d9d9 !important;
	width: auto !important;
	padding: 3px !important;
	text-align: center;
	vertical-align: middle;
}

.goods-detail-page .goods-detail table td p:nth-of-type(1) {
	text-align: center !important;
}

@media (min-width: 1200px) {
	.goods-detail-page .goods-detail table td {
		padding: 5px !important;
	}
}

.goods-detail-page .detail-nav {
	border-bottom: 1px solid #f2f2f2;
}

.goods-detail-page .detail-nav li {
	font-size: 20px;
	position: relative;
}

.goods-detail-page .detail-nav li::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	border-top: 2px solid var(--theme-blue);
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.goods-detail-page .detail-nav li.on a {
	color: var(--theme-blue);
}

.goods-detail-page .detail-nav li.on::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.goods-detail-page .adv-grid {
	background-color: #f4f4f4;
}

.goods-detail-page .adv-grid .item {
	border: 1px solid #eeeeee;
}

.goods-detail-page .adv-grid .item .item-content {
	color: #333333;
	font-size: 14px;
}

.goods-detail-page .power-grid .item .item-wrap {
	position: relative;
}

.goods-detail-page .power-grid .item .item-name {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	font-size: 14px;
}

.leftbar .category-name {
	background: var(--theme-blue);
	color: #ffffff;
	font-size: 24px;
	line-height: 1;
	position: relative;
}

.leftbar .category-name svg path {
	fill: #FFFFFF;
}

.leftbar .category-name .line {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.leftbar .category-name span {
	position: relative;
	z-index: 2;
}

@media (min-width: 992px) {
	.leftbar .category-name::before {
		content: attr(data-title);
		text-transform: uppercase;
		font-size: 80px;
		color: #ffffff;
		opacity: .05;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		font-family: impact;
		line-height: 1;
		bottom: -40%;
	}
}

@media (min-width: 1400px) {
	.leftbar .category-name {
		padding-top: 1.313rem !important;
		padding-bottom: 1.313rem !important;
	}
	.leftbar .category-name::before {
		font-size: 80px;
	}
}

.leftbar .category-nav li dt {
	background-color: #f5f6f8;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.leftbar .category-nav li dt .icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	position: relative;
	vertical-align: middle;
}

.leftbar .category-nav li dt .icon svg {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	width: 70%;
	height: 70%;
}

.leftbar .category-nav li dt .icon svg path {
	fill: #666666;
}

.leftbar .category-nav li dt span {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
}

.leftbar .category-nav li dd a {
	padding-left: 1rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative;
}

.leftbar .category-nav li dd a:not(:last-child) {
	border-bottom: 1px dashed #d8d8d8;
}

.leftbar .category-nav li dd a i {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 1px;
	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s;
	opacity: 0;
}

.leftbar .category-nav li dd a i::before,
.leftbar .category-nav li dd a i::after {
	content: '';
	position: absolute;
	width: 8px;
	height: 1px;
	background-color: CurrentColor;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

.leftbar .category-nav li dd a i::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.leftbar .category-nav li dd a i::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.leftbar .category-nav li dd a:hover {
	padding-left: 1.2rem;
}

.leftbar .category-nav li dd a:hover i {
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
	opacity: 1;
}

.leftbar .category-nav li:hover.on dt .icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.leftbar .category-nav li:hover.on dt .icon svg {
	-webkit-transform: translateX(1px);
	-moz-transform: translateX(1px);
	-ms-transform: translateX(1px);
	-o-transform: translateX(1px);
	transform: translateX(1px);
}

.leftbar .category-nav li:hover dt {
	background-color: var(--theme-blue);
}

.leftbar .category-nav li:hover dt a {
	color: #ffffff;
}

.leftbar .category-nav li:hover dt .icon {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	background-color: #FFFFFF;
	border-radius: 50%;
}

.leftbar .category-nav li:hover dt .icon svg {
	-webkit-transform: translateX(2px);
	-moz-transform: translateX(2px);
	-ms-transform: translateX(2px);
	-o-transform: translateX(2px);
	transform: translateX(2px);
}

.leftbar .category-nav li:hover dt .icon svg path {
	fill: #333333;
}

.leftbar .category-nav li:last-child a {
	margin-bottom: 0 !important;
}

.leftContact .contact-head {
	border-bottom: 1px solid #f4f4f4;
}

.leftContact .contact-head .head-icon {
	background-color: var(--theme-blue);
	width: 45px;
	margin-right: 3%;
}

.leftContact .contact-head .head-icon svg {
	max-width: 60%;
}

.leftContact .contact-head .head-icon svg path {
	fill: #FFFFFF;
}

.leftContact .contact-head .head-info p:nth-child(1) {
	font-size: 14px;
}

.leftContact .contact-head .head-info .tel-num {
	font-size: 24px;
	color: var(--theme-blue);
	line-height: 1;
}

.leftContact .contact-content p {
	line-height: 2;
}


/*新闻列表 标题 + 时间*/

.news-txt-list .news-item {
	background-color: #FFFFFF;
}

.news-thumb-list .thumb-item .news-info {
	color: #333333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-thumb-list .thumb-item .news-info .news-title {
	color: #333333;
	font-size: 20px;
	line-height: 2;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.news-thumb-list .thumb-item .news-info .news-time {
	color: #999999;
	font-size: 14px;
}

.news-thumb-list .thumb-item .news-info .news-desc {
	line-height: 2;
	color: #999999;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.news-thumb-list .thumb-item .news-more-btn {
	border: 1px solid var(--theme-color);
	display: flex;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 4px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

@media (max-width: 1200px) {
	.news-thumb-list .thumb-item .news-more-btn {
		width: 42px;
		height: 42px;
	}
}

.news-thumb-list .thumb-item .news-more-btn::after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	-webkit-transition: transform .3s, border-radius .3s, opacity .4s;
	-moz-transition: transform .3s, border-radius .3s, opacity .4s;
	-ms-transition: transform .3s, border-radius .3s, opacity .4s;
	-o-transition: transform .3s, border-radius .3s, opacity .4s;
	transition: transform .3s, border-radius .3s, opacity .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	opacity: 0;
	z-index: 0;
}

.news-thumb-list .thumb-item .news-more-btn i {
	display: block;
	width: 10px;
	position: relative;
	z-index: 2;
	height: 1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-thumb-list .thumb-item .news-more-btn i::before,
.news-thumb-list .thumb-item .news-more-btn i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: var(--theme-color);
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.news-thumb-list .thumb-item .news-more-btn i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-thumb-list .thumb-item .news-more-btn i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.news-thumb-list .thumb-item:hover .news-info .news-title {
	color: var(--theme-blue);
}

.news-thumb-list .thumb-item:hover .news-info .news-desc {
	color: #666666;
}

.news-thumb-list .thumb-item:hover .news-more-btn::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	border-radius: 0;
	opacity: 1;
}

.news-thumb-list .thumb-item:hover .news-more-btn i::before,
.news-thumb-list .thumb-item:hover .news-more-btn i::after {
	background-color: #FFFFFF;
}

.news-list .news-item .item-wrap {
	background-color: #f9f9f9;
	padding-bottom: 2rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list .news-item .item-caption {
	padding: 0 2rem;
}

.news-list .news-item .item-caption .item-name {
	color: #666666;
	font-size: 1.125rem;
	line-height: 32px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list .news-item .item-caption .item-name::before {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background-color: var(--theme-red);
	margin: 1.5rem 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list .news-item .item-caption .item-desc {
	margin-top: 1rem;
	color: #999999;
	font-size: .875rem;
	line-height: 30px;
}

.news-list .news-item .item-caption .item-more {
	display: block;
	padding-top: 1.5rem;
	color: #6b6b6b;
	font-size: 12px;
}

.news-list .news-item .item-caption .item-more span {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list .news-item .item-caption .item-more i {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list .news-item:hover .item-wrap {
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.news-list .news-item:hover .item-name {
	color: var(--theme-red);
}

.news-list .news-item:hover .item-name::before {
	width: 60px;
}

.news-list .news-item:hover .item-more {
	color: var(--theme-red);
}

.news-list .news-item:hover .item-more span {
	letter-spacing: 1px;
}

.news-list .news-item:hover .item-more i {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}

.news-list-2 .news-item {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list-2 .news-item .news-time .date {
	font-size: 50px;
	line-height: 1;
	font-family: Bahnschrift;
	color: var(--theme-blue);
}

.news-list-2 .news-item .news-time .month {
	font-size: 14px;
}

.news-list-2 .news-item .news-info {
	color: #333333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list-2 .news-item .news-info .news-title {
	color: #333333;
	font-size: 20px;
	line-height: 2;
	font-weight: bold;
}

.news-list-2 .news-item .news-info .news-desc {
	font-size: 14px;
	line-height: 2;
	color: #999999;
}

.news-list-2 .news-item .news-more-btn {
	border: 1px solid var(--theme-color);
	display: flex;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 4px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

@media (max-width: 1200px) {
	.news-list-2 .news-item .news-more-btn {
		width: 42px;
		height: 42px;
	}
}

.news-list-2 .news-item .news-more-btn::after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	-webkit-transition: transform .3s, border-radius .3s, opacity .4s;
	-moz-transition: transform .3s, border-radius .3s, opacity .4s;
	-ms-transition: transform .3s, border-radius .3s, opacity .4s;
	-o-transition: transform .3s, border-radius .3s, opacity .4s;
	transition: transform .3s, border-radius .3s, opacity .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	opacity: 0;
	z-index: 0;
}

.news-list-2 .news-item .news-more-btn i {
	display: block;
	width: 10px;
	position: relative;
	z-index: 2;
	height: 1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list-2 .news-item .news-more-btn i::before,
.news-list-2 .news-item .news-more-btn i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: var(--theme-color);
	position: absolute;
	margin: auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.news-list-2 .news-item .news-more-btn i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.news-list-2 .news-item .news-more-btn i::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.news-list-2 .news-item:hover .news-info .news-title a {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
	color: var(--theme-blue);
}

.news-list-2 .news-item:hover .news-more-btn::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	border-radius: 0;
	opacity: 1;
}

.news-list-2 .news-item:hover .news-more-btn i::before,
.news-list-2 .news-item:hover .news-more-btn i::after {
	background-color: #FFFFFF;
}

.news-list-2 .thumb-item .news-info {
	color: #333333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list-2 .thumb-item .news-info .news-title {
	color: #333333;
	font-size: 20px;
	line-height: 2;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.news-list-2 .thumb-item .news-info .news-time {
	color: #999999;
	font-size: 14px;
}

.news-list-2 .thumb-item .news-info .news-desc {
	line-height: 2;
	color: #999999;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.news-list-2 .thumb-item:hover .news-info .news-title {
	color: var(--theme-blue);
}

.news-list-2 .thumb-item:hover .news-info .news-desc {
	color: #666666;
}

.news-list-3 .news-item {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.news-list-3 .news-item .news-time {
	width: 90px;
}

.news-list-3 .news-item .news-time .date {
	font-size: 50px;
	line-height: 1;
	font-family: Bahnschrift;
}

.news-list-3 .news-item .news-time .month {
	font-size: 14px;
}

.news-list-3 .news-item .news-info {
	color: #333333;
	border-left: 1px solid #e8e8e9;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	max-width: calc(100% - 90px);
}

.news-list-3 .news-item .news-info .news-title {
	color: #333333;
	font-size: 18px;
	line-height: 2;
}

.news-list-3 .news-item .news-info .news-desc {
	font-size: 14px;
	line-height: 2;
}

.news-list-3 .news-item:hover {
	background-color: var(--theme-blue);
}

.news-list-3 .news-item:hover .news-info {
	border-left: 1px solid #3e84b5;
}

.news-list-3 .news-item:hover a,
.news-list-3 .news-item:hover * {
	color: #FFFFFF !important;
}

.detail-container .news-title {
	color: #333333;
}

.detail-container .news-meta {
	font-size: 14px;
	color: #999999;
	line-height: 2;
}

.detail-container .news-detail {
	line-height: 2;
	font-size: 14px;
}

.contact-lists .item .item-wrap {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.contact-lists .item .item-wrap .item-name {
	font-size: 20px;
	font-weight: bold;
	line-height: 2;
}

.contact-lists .item .item-wrap .item-con {
	line-height: 2;
	font-size: 14px;
}

.contact-lists .item .item-wrap:hover {
	-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.top-left-radius {
	border-top-left-radius: 8rem;
	overflow: hidden;
}

.bottom-right-radius {
	border-bottom-right-radius: 8rem;
	overflow: hidden;
}

.ratio-fuli {
	--bs-aspect-ratio: calc(38 / 65 * 100%);
}

.fuli-2 .fuli-item .img-info {
	background-color: #f6f6f6;
}

@media (min-width: 1400px) {
	.fuli-2 .fuli-item .img-info .info-wrap {
		padding: 2rem 2.5rem !important;
	}
}

.fuli-2 .fuli-item .img-info .info-wrap .item-title {
	color: #333333;
	border-bottom: 2px solid #e0e0e0;
	font-size: 24px;
}

.fuli-2 .fuli-item .img-info .info-wrap .item-desc {
	padding: 1.5rem 0;
	font-size: 14px;
	line-height: 2.2;
}

.info-link {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	background-color: #ececec;
	color: #666666;
	padding: .7% 6% .7% 2%;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 14px;
}

@media (max-width: 575.98px) {
	.info-link {
		padding-right: 10%;
		padding-top: 1%;
		padding-bottom: 1%;
	}
}

.info-link i {
	display: block;
	width: 0;
	position: absolute;
	height: 1px;
	top: 9px;
	right: 25%;
	margin: auto;
	bottom: 0;
	color: #333333;
	z-index: 3;
	background-color: CurrentColor;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.info-link i::before,
.info-link i::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	background-color: CurrentColor;
	position: absolute;
	margin: auto;
}

.info-link i::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.info-link i::after {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
}

.info-link:hover {
	color: #FFFFFF;
	background-color: var(--theme-blue);
}

.info-link:hover i {
	color: #FFFFFF;
}

.px-section.bg {
	background-color: #f6f6f6;
}

.px-section .sec-title {
	font-size: 24px;
	color: #333333;
}

@media (min-width: 1400px) {
	.px-section .sec-title {
		font-size: 30px;
	}
}

.px-section .px-lists .px-item {
	background: #ffffff;
	border-radius: 5rem 0 5rem 0;
	overflow: hidden;
}

.px-section .px-lists .px-item .item-info .info-wrap {
	padding: 8%;
}

.px-section .px-lists .px-item .item-info .info-wrap .item-title {
	font-weight: bold;
	color: #333;
	font-size: 20px;
	line-height: 2;
	margin-bottom: .5rem;
}

.px-section .px-lists .px-item .item-info .info-wrap .item-title::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 20px;
	background-color: var(--theme-blue);
	margin-right: 10px;
	vertical-align: middle;
}

.px-section .px-lists .px-item .item-info .info-wrap .item-desc {
	font-size: 14px;
	line-height: 2;
}

.Jobs-page {
	background-color: #f7f8fc;
}

.Jobs-page .jobs-top {
	background-color: #f4f7f9;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.Jobs-page .jobs-top .item {
	position: relative;
}

.Jobs-page .jobs-top .item .item-wrap .item-qrcode {
	width: 120px;
}

.Jobs-page .jobs-top .item .item-wrap .item-top p:nth-child(1) {
	color: #333333;
	font-size: 24px;
	line-height: 2;
}

.Jobs-page .jobs-top .item .item-wrap .item-top p:nth-child(2) {
	font-size: 14px;
	line-height: 2;
}

.Jobs-page .jobs-top .item .item-wrap .item-top svg {
	width: 40px;
	height: auto;
}

.Jobs-page .jobs-top .item .item-wrap .item-top svg path {
	fill: #ffffff;
}

.Jobs-page .jobs-top .item .item-wrap .item-bottom {
	padding-top: 1.5rem;
}

.Jobs-page .jobs-top .item.item-2 .item-bottom p.tel .tel-icon svg {
	width: 38px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

.Jobs-page .jobs-top .item.item-2 .item-bottom p.tel .tel-icon svg path {
	fill: var(--theme-blue);
}

.Jobs-page .jobs-top .item.item-2 .item-bottom p.tel .tel-num {
	display: inline-block;
	vertical-align: middle;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	color: var(--theme-blue);
	margin-left: .5rem;
}

.Jobs-page .jobs-top .item.item-3 {
	background-color: #007bd6;
	color: #ffffff;
	position: relative;
}

.Jobs-page .jobs-top .item.item-3::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: .05;
}

.Jobs-page .jobs-top .item.item-3 .item-bottom p:nth-child(1) {
	font-size: 24px;
	line-height: 2.2;
}

.Jobs-page .jobs-top .item.item-3 .item-bottom p:nth-child(2) {
	font-size: 14px;
}

.Jobs-page .joblist-box .job-item {
	margin-top: 2px;
	background-color: #ffffff;
}

.Jobs-page .joblist-box .job-item .item-left .item-name {
	font-size: 22px;
	color: #333333;
}

.Jobs-page .joblist-box .job-item .item-left .item-param i {
	margin: 0 10px;
	font-style: normal;
}

.Jobs-page .joblist-box .job-item .item-mid .item-value {
	font-size: 24px;
}

.Jobs-page .joblist-box .job-item .item-mid .item-value.color-blue {
	color: var(--theme-color);
}

.Jobs-page .joblist-box .job-item .item-mid .item-value.end-time {
	font-size: 14px;
}

@media (max-width: 992px) {
	.Jobs-page .joblist-box .job-item .item-mid .item-value {
		font-size: 18px;
	}
}

@media (max-width: 575.98px) {
	.Jobs-page .joblist-box .job-item .item-mid .item-value {
		font-size: 14px;
	}
}

.Jobs-page .joblist-box .job-item .info-link {
	line-height: 33px;
	text-align: center;
	width: 170px;
	border-radius: 3px;
	padding: .7% 50px .7% 2%;
	max-width: 100%;
}

.Jobs-page .joblist-box .job-item .item-content {
	border-top: 2px solid #f5f6fa;
	padding: 1% 0;
	line-height: 2;
	font-size: 14px;
	color: #666666;
	display: none;
}

.Jobs-page .joblist-box .job-item .item-content strong {
	font-size: 16px;
	font-weight: normal;
	line-height: 32px;
	margin: 5px 0;
	display: block;
	color: #333333;
}

.Jobs-page .joblist-box .job-item .item-content .seek-btn {
	display: block;
	margin: 30px auto 0;
	width: 130px;
	height: 40px;
	background-color: #ececec;
	color: #333333;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.Jobs-page .joblist-box .job-item .item-content .seek-btn:hover {
	color: #FFFFFF;
	background-color: var(--theme-color);
}

.Jobs-page .joblist-box .job-item.active .item-info .info-link,
.Jobs-page .joblist-box .job-item:hover .item-info .info-link {
	color: #FFFFFF;
	background-color: var(--theme-blue);
}

.Jobs-page .joblist-box .job-item.active .item-info .info-link i,
.Jobs-page .joblist-box .job-item:hover .item-info .info-link i {
	color: #FFFFFF;
}

.Jobs-page .joblist-box .job-item.active .info-link i {
	bottom: 15px;
}

.Jobs-page .joblist-box .job-item.active .info-link i::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.Jobs-page .joblist-box .job-item.active .info-link i::after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.Jobs-page .rc-standard-box .standard {
	position: relative;
	overflow: hidden;
}

.Jobs-page .rc-standard-box .standard .item-img .img-wrap {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.Jobs-page .rc-standard-box .standard .item-img .img-txt {
	position: absolute;
	left: 0;
	top: 0;
	color: #FFFFFF;
	font-size: 24px;
}

.Jobs-page .rc-standard-box .standard .item-img .img-txt .name {
	font-weight: bold;
}

.Jobs-page .rc-standard-box .standard .item-img .img-txt .en {
	text-transform: uppercase;
	opacity: .2;
}

.Jobs-page .rc-standard-box .standard .wrap {
	background-color: #fff;
	position: absolute;
	-webkit-transition: transform .5s, opacity .3s;
	-moz-transition: transform .5s, opacity .3s;
	-ms-transition: transform .5s, opacity .3s;
	-o-transition: transform .5s, opacity .3s;
	transition: transform .5s, opacity .2s;
	top: 0;
	left: 0;
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	opacity: 0;
}

.Jobs-page .rc-standard-box .standard .wrap .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	bottom: 0;
	left: 0;
}

.Jobs-page .rc-standard-box .standard .item-head {
	font-size: 24px;
	color: #333333;
}

.Jobs-page .rc-standard-box .standard .item-head .item-ename {
	opacity: .2;
}

@media (max-width: 1199.98px) {
	.Jobs-page .rc-standard-box .standard .item-head .item-ename {
		font-size: 18px;
	}
}

.Jobs-page .rc-standard-box .standard .item-content {
	color: #999999;
	line-height: 2;
}

@media (max-width: 1299.98px) {
	.Jobs-page .rc-standard-box .standard .item-img {
		display: none;
	}
	.Jobs-page .rc-standard-box .standard .item-img .img-wrap {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	.Jobs-page .rc-standard-box .standard .wrap {
		position: relative;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@media (min-width: 1300px) {
	.Jobs-page .rc-standard-box .standard:hover .item-img .img-wrap {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	.Jobs-page .rc-standard-box .standard:hover .wrap {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.Jobs-page .job-contact-box .contact-item .item-icon svg {
	width: 36px;
	height: 48px;
	display: block;
	margin: 0 auto;
	fill: #006ab7;
}

.Jobs-page .job-contact-box .contact-item .item-icon p {
	text-align: center;
	line-height: 1.8;
}

.Jobs-page .job-contact-box .contact-item .item-info {
	border-left: 1px solid #ddd;
	padding-left: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 2;
}

.Jobs-page .job-contact-box .contact-item:hover .item-icon svg {
	-webkit-animation: swing 1s;
	-o-animation: swing 1s;
	animation: swing 1s;
}

.Jobs-page .job-contact-box .hr-qrcode {
	max-width: 300px;
	margin: 0 auto;
}

.image-list .item .item-img img {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.image-list .item:hover .item-img {
	overflow: hidden;
}

.image-list .item:hover .item-img img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}

.image-list .item:hover .item-name {
	color: var(--theme-blue);
}

.history-section {
	margin-top: 100px;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	z-index: 2;
}

@media (max-width: 767.98px) {
	.history-section {
		margin-top: 60px;
	}
}

.history-section .history-top {
	position: relative;
	z-index: 2;
	padding-top: 50px;
}

.history-section .history-top p {
	color: #ffffff;
	font-size: 14px;
	line-height: 2;
}

.history-section .history-top .top-title {
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 0;
}

.history-section .history-top .top-desc {
	font-size: 36px;
}

@media (max-width: 991.98px) {
	.history-section .history-top .top-title {
		font-size: 48px;
	}
	.history-section .history-top .top-desc {
		font-size: 28px;
	}
}

@media (max-width: 767.98px) {
	.history-section .history-top .top-title {
		font-size: 24px;
	}
	.history-section .history-top .top-desc {
		font-size: 16px;
	}
}

@media (max-width: 575.98px) {
	.history-section .history-top .top-title {
		font-size: 24px;
	}
	.history-section .history-top .top-desc {
		font-size: 16px;
	}
}

.history-section .history-line-container {
	padding-bottom: 5%;
}

.history-section .history-line-container .swiper-line {
	position: relative;
}

.history-section .history-line-container .swiper-line::before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 1px solid rgba(13, 130, 216, 0.2);
	bottom: 40%;
}

.history-section .history-line-container .history-year-swiper {
	position: relative;
	z-index: 2;
}

.history-section .history-line-container .history-year-swiper .year-item .item-wrap {
	cursor: pointer;
	text-align: center;
}

.history-section .history-line-container .history-year-swiper .year-item .item-wrap p {
	color: #ffffff;
	font-size: 16px;
	line-height: 36px;
}

.history-section .history-line-container .history-year-swiper .year-item .item-wrap .dot {
	border: 1px solid #fff;
	width: 20px;
	height: 20px;
	padding: 3px;
	border-radius: 3rem;
	margin: 1.5rem auto;
	position: relative;
}

.history-section .history-line-container .history-year-swiper .year-item .item-wrap .dot::before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.2);
	margin: auto;
	top: -50px;
	left: -50px;
	bottom: -50px;
	right: -50px;
	border-radius: 50%;
	opacity: 0;
}

.history-section .history-line-container .history-year-swiper .year-item .item-wrap .dot i {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	border-radius: 3rem;
	background-color: var(--theme-blue);
}

.history-section .history-line-container .history-year-swiper .year-item.swiper-slide-active .item-wrap .dot::before {
	opacity: 1;
	animation: scaleWaves 1.5s infinite;
}

.history-section .history-line-container .history-year-swiper .year-item.swiper-slide-active .item-wrap p {
	font-size: 24px;
}

.history-section .history-line-container .history-info-swiper .info-item .item-img {
	width: 41.667%;
	--bs-aspect-ratio: calc(11 / 18 * 100%);
}

@media (max-width: 767.98px) {
	.history-section .history-line-container .history-info-swiper .info-item .item-img {
		width: 100%;
	}
}

.history-section .history-line-container .history-info-swiper .info-item .item-info {
	width: 58.337%;
	padding-left: 5%;
	color: #ffffff;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num {
	position: relative;
	font-size: 24px;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num strong {
	font-family: Arial;
	font-size: 60px;
	line-height: 1.8;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num span {
	margin-left: 1rem;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num::after {
	content: '';
	display: block;
	width: 55px;
	height: 7px;
	background-color: var(--theme-blue);
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	transform: skewX(-45deg);
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status strong {
	font-weight: bold;
	font-size: 60px;
	line-height: 2;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right {
	padding-top: 4%;
	padding-left: 10%;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right p {
	color: #ffffff;
	font-size: 14px;
	line-height: 3;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right p i {
	width: 5px;
	height: 5px;
	display: inline-block;
	vertical-align: middle;
	background: var(--theme-blue);
	margin-right: 13px;
	border-radius: 50%;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-num {
	position: relative;
	font-size: 24px;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-num strong {
	font-family: Arial;
	font-size: 60px;
	line-height: 1.8;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-num span {
	margin-left: 1rem;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-num::after {
	content: '';
	display: block;
	width: 55px;
	height: 7px;
	background-color: var(--theme-blue);
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	transform: skewX(-45deg);
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-desc {
	flex: 1;
	text-align: center;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-top .year-desc i {
	width: 5px;
	height: 5px;
	display: inline-block;
	vertical-align: middle;
	background: var(--theme-blue);
	margin-right: 13px;
	border-radius: 50%;
}

.history-section .history-line-container .history-info-swiper .info-item .item-info .info-status strong {
	font-weight: bold;
	font-size: 60px;
	line-height: 2;
}

@media (max-width: 1399px) {
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num {
		position: relative;
		font-size: 20px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num strong {
		font-size: 52px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status strong {
		font-size: 56px;
	}
}

@media (max-width: 1199.98px) {
	.history-section .history-line-container .history-info-swiper .info-item .item-img {
		width: 60%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info {
		width: 100%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num {
		position: relative;
		font-size: 20px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num strong {
		font-size: 38px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num span {
		margin-left: .5rem;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num::after {
		height: 4px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status {
		margin-left: 5%;
		align-self: center;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status strong {
		font-size: 32px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right {
		padding-left: 0;
		padding-top: 2%;
	}
}

@media (max-width: 991.98px) {
	.history-section .history-line-container .history-info-swiper .info-item .item-img {
		width: 100%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info {
		width: 100%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num {
		position: relative;
		font-size: 16px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num strong {
		font-size: 24px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num span {
		margin-left: .5rem;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num::after {
		height: 4px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status {
		margin-left: 5%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status strong {
		font-size: 24px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right {
		padding-left: 0;
		padding-top: 2%;
	}
}

@media (max-width: 767.98px) {
	.history-section .history-line-container .history-info-swiper .info-item .item-info {
		width: 100%;
		padding-top: 3%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num {
		position: relative;
		font-size: 16px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num strong {
		font-size: 24px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num span {
		margin-left: .5rem;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-num::after {
		height: 4px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status {
		margin-left: 5%;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-left .year-zone .year-status strong {
		font-size: 24px;
	}
	.history-section .history-line-container .history-info-swiper .info-item .item-info .info-right {
		padding-left: 0;
		padding-top: 2%;
	}
}

.company-list .company-item .item-img {
	overflow: hidden;
}

.company-list .company-item .item-img img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.company-list .company-item .item-info .item-name {
	font-size: 24px;
	color: #333333;
	line-height: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.company-list .company-item .item-info .item-name::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background-color: #666666;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.company-list .company-item .item-info .item-content {
	line-height: 2;
	color: #999999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.company-list .company-item .item-info .item-more {
	display: block;
	border: 1px solid var(--theme-blue);
	padding: .5rem 1.5rem;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.company-list .company-item .item-info .item-more a {
	color: var(--theme-blue);
}

.company-list .company-item:hover .item-img img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.company-list .company-item:hover .item-info .item-name {
	color: var(--theme-blue);
}

.company-list .company-item:hover .item-info .item-name::after {
	background-color: currentColor;
	width: 80px;
}

.company-list .company-item:hover .item-info .item-content {
	color: #666666;
}

.company-list .company-item:hover .item-info .item-more {
	background-color: var(--theme-blue);
}

.company-list .company-item:hover .item-info .item-more a {
	color: #ffffff;
}

@media (max-width: 1199.98px) {
	.company-list .company-item .item-info .item-name {
		font-size: 22px;
	}
	.company-list .company-item .item-info .item-name::after {
		margin-top: .625rem;
		margin-bottom: 0;
	}
	.company-list .company-item .item-info .item-more {
		padding: .325rem 1.5rem;
		font-size: 14px;
	}
}

@media (min-width: 1200px) {
	.company-list .company-item:nth-child(even) {
		-webkit-box-direction: reverse !important;
		-webkit-box-orient: horizontal !important;
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}
}