/*********** reset start **************/
	body {
		color: var(--text-color, #666);
		font-size: 16px;
		line-height: 1.4;
		font-weight: 400;
		text-align: left;
		background: #ffffff;
		font-family: var(--font-family);
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		overflow-x: hidden;
		spadding-right: 0 !important;
	}

	.qili-mobnav .navbox .f_navbox li>a>i img {
		width: 14px;
	}

	body * {
		margin: 0;
		padding: 0;
		outline: none !important;
		line-height: 1.4;

	}

	button,
	input,
	textarea {
		border: none;
	}

	/*********** v2、 v3标题 start **************/
	h1,
	.h1 {
		font-size: 36px;
		font-weight: 700;
		color: var(--title-text-color, #000);
		font-family: var(--title-font-family);
	}

	h2,
	.h2 {
		font-size: 32px;
		font-weight: 700;
		color: var(--title-text-color, #000);
		font-family: var(--title-font-family);
	}

	h3,
	.h3 {
		font-size: 24px;
		font-weight: 600;
		color: var(--title-text-color, #000);
		font-family: var(--title-font-family);
	}

	h4,
	.h4 {
		font-size: 16px;
		font-weight: 400;
		color: var(--text-color, #555);
		font-family: var(--title-font-family);
	}

	h5,
	.h5 {
		font-size: 14px;
		font-weight: 400;
		color: var(--text-color, #888);
		font-family: var(--title-font-family);
	}

	@media only screen and (max-width: 767px) {

		h1,
		.h1 {
			font-size: 22px;
		}

		h2,
		.h2 {
			font-size: 20px;
		}

		h3,
		.h3 {
			font-size: 18px;
		}
	}

	/*********** 标题 end **************/

	/*********** v2、 v3颜色 start **************/
	:root {
		--color-primary: #194ca5;
		--color-primary-rgb: 25, 76, 165;
		--color-second: #CC1412;
		--color-second-rgb: 204, 20, 18;
		--bg-color: #efeaea00;
		--btn-hover: #194ca5;
		--button-radius: 0px;
		--font-family: OpenSans;
		--title-font-family: OpenSans_Bold;
		--text-color: #060606;
		--text-color-rgb: 6, 6, 6;
		--title-text-color: #060606;
		--title-text-color-rgb: 6, 6, 6;
	}

	/*********** v2、 v3颜色 end **************/

	a {
		color: inherit;
		text-decoration: none;
	}

	a:hover {
		text-decoration: none;
		color: var(--color-primary);
	}

	ol,
	ul {
		list-style: none;
	}

	i,
	em {
		font-style: normal;
	}

	.rich-text ol {
		list-style: decimal;
		width: fit-content;
		text-align: left;
		padding-left: 38px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.rich-text ul {
		list-style: disc;
		width: fit-content;
		text-align: left;
		padding-left: 38px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.rich-text ul li {
		list-style: disc;
	}

	.rich-text em {
		font-style: italic;
	}

	img {
		max-width: 100%;
	}

	:not(.rich-text) img {
		width: auto;
		height: auto;
	}

	.fr,
	.float-right {
		float: right;
	}

	.fl,
	.float-left {
		float: left;
	}

	.uppercase {
		text-transform: uppercase;
	}

	/* RTL布局 */
	html[dir="rtl"] body {
		text-align: right;
	}

	/* 清除浮动 */
	.cl {
		zoom: 1;
	}

	.cl:before,
	.cl:after {
		display: table;
		content: " ";
	}

	.cl:after {
		clear: both;
	}

	/*富文本内置样式*/
	.mce-img-32 {
		width: 32px;
		height: auto;
	}

	.mce-img-64 {
		width: 64px;
		height: auto;
	}

	.mce-img-240 {
		width: 240px;
		height: auto;
	}

	.mce-img-480 {
		width: 480px;
		height: auto;
	}

	.mce-img-600 {
		width: 600px;
		height: auto;
	}

	.mce-img-1024 {
		width: 1024px;
		height: auto;
	}

	.mce-img-2048 {
		width: 2048px;
		height: auto;
	}

	.mce-img-w-100 {
		width: 100%;
		height: auto;
	}

	/* 字体 */

	@font-face {
		font-family: "OpenSans";
		font-display: swap;
		src: url('OpenSans-Regular.ttf') format('truetype');
	}

	@font-face {
		font-family: "OpenSans_Bold";
		font-display: swap;
		src: url('OpenSans-Bold.ttf') format('truetype');
	}

	:root {
		--qi-head-title-font: 16px;
		--qi-head-nav-px: 110px;
		--qi-head-media-font: 16px;
		--qi-head-media-size: 28px;
		--qi-head-media-pl: 90px;
		--qi-head-media-gap: 14px;
		--qi-head-sub-pro-basis: 20%;
		--qi-head-sub-pro-p: 0 20px 30px;
		--qi-head-pro-img-mr: 40px;
		--qi-head-input-w: 200px;
	}

	/*头部*/
	.qili-header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100vw;
		transition: all 0.35s;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
	}

	.qili-header.on {
		background: #fff;
	}

	/*导航*/
	.qili-jdmenu {
		display: flex;
		align-items: center;
		height: 80px;
		padding-left: 0;
		padding-right: 0;
	}

	.qili-jdmenu .logo img {
		max-height: 80px;
		min-height: 40px;
		object-fit: cover;
		aspect-ratio: 1.5 / 1;
		transition: all 0.35s ease;
	}

	.qili-jdmenu .logo .spare {
		display: none;
	}

	.qili-jdmenu .nav {
		transition: all 0.35s
	}

	.qili-mobnav {
		display: none;
	}

	.qili-jdmenu .nav {
		flex: 1;
		display: flex;
		align-items: center;
		padding: 0 var(--qi-head-nav-px);
	}

	body {
		padding-right: 0px !important;
	}

	#qili-jdmenu {
		flex: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#qili-jdmenu>li {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 80px;
		font-size: 18px;
		text-transform: capitalize;
	}

	#qili-jdmenu>li>a {
		display: block;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: var(--title-text-color);
		box-sizing: border-box;
		transition: all 0.35s;
		position: relative;
	}

	#qili-jdmenu>li.active>a,
	#qili-jdmenu>li:hover>a {
		color: var(--color-primary);
	}

	#qili-jdmenu>li.active>a {
		font-weight: 700;
		font-family: var(--title-font-family);
	}

	.qili-jdmenu .navfr {
		display: inline-flex;
		align-items: center;
		margin: 0;
		justify-content: space-between;
		transition: all 0.35s;
	}

	.qili-jdmenu .qili-divsearch {
		display: inline-flex;
		margin-right: 10px;
		cursor: pointer;
		align-items: center;
		transition: all 0.35s;
	}

	.qi-search-input-wrap {
		position: relative;
	}

	.qi-search-input-wrap input {
		height: 34px;
		width: var(--qi-head-input-w);
		border-radius: 99px;
		border: 1px solid #DDD;
		padding-left: 34px;
	}

	.qi-search-input-wrap .qi-head-search-btn {
		position: absolute;
		z-index: 9;
		left: 0.5em;
		top: 50%;
		transform: translateY(-50%);
		background-color: transparent;
		cursor: pointer;
	}

	.qi-search-input-wrap .qi-head-search-btn i {
		font-size: 20px;
		color: #888;
		display: inline-block;
	}

	/*多语言*/
	.qili-header-lang {
		border: 1px solid #ddd;
		border-radius: 99px;
	}

	.qili-header-lang .lang-selector .current-lang {
		height: 34px;
		color: var(--title-text-color);
	}

	/*二级导航*/
	#qili-jdmenu .dropdown {
		z-index: 9;
		position: absolute;
		top: calc(100%);
		left: 0;
		right: 0;
		height: 0;
		display: block;
		transition: height 0.3s linear;
		overflow: hidden;
		background: #fff;
		border-top: 1px solid #e5e5e5;
		overflow-y: auto;
		box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.08);

	}

	.qi-subnav-products.container {
		display: flex;
		padding-left: 80px;
		padding: 30px 0 30px 0;
	}

	.qi-subnav-products .nav-products-img {
		flex-shrink: 0;
		width: 160px;
		height: 160px;
		margin-right: var(--qi-head-pro-img-mr);
		border-radius: 8px;
		border: 1px solid var(--color-primary);
		overflow: hidden;
	}

	.qi-subnav-products .nav-products-img img {
		width: 160px;
		height: 160px;
		object-fit: cover;
		aspect-ratio: 1 / 1;
	}

	.qi-subnav-products .nav-sub-product-list {
		width: 100%;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.qi-subnav-products .nav-sub-product-list li {
		flex-basis: var(--qi-head-sub-pro-basis);
		width: var(--qi-head-sub-pro-basis);
		display: flex;
		flex-direction: column;
		color: var(--title-text-color);
		line-height: 1.5;
		padding: var(--qi-head-sub-pro-p);
	}

	.sutong-goods_type .more1:hover img {
		filter: brightness(0)invert(1);
	}

	.sutong-goods_type .t .more1 img {
		margin-left: 10px;
		display: inline-block;
		vertical-align: text-bottom;
	}

	.qi-subnav-products .nav-sub-product-list li .sub-product-item-title {
		font-family: var(--title-font-family);
		font-weight: 800;
		margin-top: 16px;
		text-align: center;
	}

	.qi-subnav-products .nav-sub-product-list li .sub-product-item-text {
		font-weight: 400;
		margin-bottom: 8px;
	}


	/*手机版导航*/
	.qili-mobnav {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 0;
		background: #fff;
		transition: all 0.65s;
		overflow: hidden;
		z-index: 100
	}

	.qili-mobnav[type='close'] {
		height: 100vh;
	}

	.qili-mobnav .navbox {
		position: absolute;
		top: 0;
		left: 15px;
		right: 15px;
		padding: 40px 0;
		bottom: 180px;
	}

	.qili-mobnav .navbox .f_navbox {
		height: 100%;
		margin-bottom: 10px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.qili-mobnav .navbox .f_navbox li {
		border-bottom: 1px solid #ddd;
	}

	.qili-mobnav .navbox .f_navbox>li {
		padding-right: 10px;
	}

	.qili-mobnav .navbox .f_navbox li>a {
		display: flex;
		line-height: 60px;
		font-size: 18px;
		align-items: center;
		justify-content: space-between;
		color: var(--title-text-color);
		font-weight: 500;
	}

	.qili-mobnav .navbox .f_navbox li>a>i {
		font-size: 20px;
	}

	.qili-mobnav .navbox .f_navbox li.active>a>i {
		transform: rotate(180deg);
	}

	.qili-mobnav .navbox .f_navbox li>ul {
		padding-bottom: 15px;
		padding-left: 20px;
		display: none;
	}

	.qili-mobnav .navbox .f_navbox li ul>li {
		border: 0;
	}

	.qili-mobnav .navbox .f_navbox li ul>li>a {
		display: flex;
		font-size: 16px;
		line-height: 35px;
		align-items: center;
		justify-content: space-between;
		color: var(--title-text-color);
	}

	.qili-mobnav .navbox .f_navbox li ul>li>a>i {
		font-size: 18px;
	}

	.qili-mobnav .navbox .form {
		display: flex;
		margin-top: 30px;
		margin-bottom: 30px;
		background-color: #f5f5f5;
		align-items: center;
		box-sizing: border-box;
		clear: both;
	}

	.qili-mobnav .navbox .form .int {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		flex: 1;
		padding: 0 15px;
	}

	.qili-mobnav .navbox .form .int i {
		margin: 0;
		display: inline-block;
		line-height: 44px;
	}

	.qili-mobnav .navbox .form .int input {
		width: 100%;
		height: 44px;
		background: none;
		line-height: 44px;
		padding-left: 10px;
	}

	.qili-mobnav .navbox .form .f_sub {
		display: flex;
		width: 150px;
		background-color: var(--color-primary);
		color: #fff;
		align-items: center;
		justify-content: center;
		border: 0;
		height: 44px;
		outline: none;
	}

	.qili-menu_btn {
		display: none;
	}

	.qili-menu_btn>.menu_btn_top {
		position: absolute;
		top: 5px;
		left: 50%;
		width: 22px;
		height: 2px;
		border-radius: 1.5px;
		background: #d71635;
		-webkit-transition: top 0.3s, background-color 0.3s, transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -o-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -ms-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -moz-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -webkit-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4);
		transition: top 0.3s, background-color 0.3s, transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -o-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -ms-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -moz-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -webkit-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4);
		-webkit-transform: translate(-50%, -50%) rotate(0);
		-moz-transform: translate(-50%, -50%) rotate(0);
		-o-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0);
		-ms-transform: translate(-50%, -50%) rotate(0)
	}

	.qili-menu_btn>.menu_btn_med {
		position: absolute;
		top: 11px;
		left: 50%;
		width: 15px;
		height: 2px;
		border-radius: 1.5px;
		background: #d71635;
		-webkit-transition: top 0.3s, background-color 0.3s, transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -o-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -ms-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -moz-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -webkit-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4);
		transition: top 0.3s, background-color 0.3s, transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -o-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -ms-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -moz-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4), -webkit-transform 0.3s cubic-bezier(0.5, 0.2, 0.6, 1.4);
		-webkit-transform: translate(-50%, -50%) rotate(0);
		-moz-transform: translate(-50%, -50%) rotate(0);
		-o-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0);
		-ms-transform: translate(-50%, -50%) rotate(0)
	}

	.qili-menu_btn>.menu_btn_bot {
		position: absolute;
		top: 17px;
		left: 50%;
		width: 22px;
		height: 2px;
		border-radius: 1.5px;
		background-color: #d71635;
		-webkit-transition: top 0.3s, background-color 0.3s, transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -o-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -ms-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -moz-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -webkit-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s;
		transition: top 0.3s, background-color 0.3s, transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -o-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -ms-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -moz-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s, -webkit-transform 0.18s cubic-bezier(0.5, 0.2, 0.6, 1.4) 0.12s;
		-webkit-transform: translate(-50%, -50%) rotate(0);
		-moz-transform: translate(-50%, -50%) rotate(0);
		-o-transform: translate(-50%, -50%) rotate(0);
		transform: translate(-50%, -50%) rotate(0);
		-ms-transform: translate(-50%, -50%) rotate(0)
	}

	.qili-menu_btn[type=close]>.menu_btn_top {
		top: 50%;
		background: #d71635;
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-moz-transform: translate(-50%, -50%) rotate(135deg);
		-o-transform: translate(-50%, -50%) rotate(135deg);
		transform: translate(-50%, -50%) rotate(135deg);
		-ms-transform: translate(-50%, -50%) rotate(135deg)
	}

	.qili-menu_btn[type=close]>.menu_btn_med {
		top: 50%;
		background: #d71635;
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-moz-transform: translate(-50%, -50%) rotate(135deg);
		-o-transform: translate(-50%, -50%) rotate(135deg);
		transform: translate(-50%, -50%) rotate(135deg);
		-ms-transform: translate(-50%, -50%) rotate(135deg)
	}

	.qili-menu_btn[type=close]>.menu_btn_bot {
		top: 50%;
		background: #d71635;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-moz-transform: translate(-50%, -50%) rotate(45deg);
		-o-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg)
	}

	@media(max-width: 1500px) {
		:root {
			--qi-head-title-font: 15px;
			--qi-head-nav-px: 90px;
			--qi-head-media-font: 15px;
			--qi-head-media-size: 26px;
			--qi-head-media-pl: 75px;
			--qi-head-media-gap: 12px;
			--qi-head-sub-pro-basis: 25%;
			--qi-head-sub-pro-p: 0 15px 20px;
			--qi-head-input-w: 180px;
		}
	}

	@media(max-width: 1280px) {
		:root {
			--qi-head-title-font: 14px;
			--qi-head-nav-px: 70px;
			--qi-head-media-font: 14px;
			--qi-head-media-size: 24px;
			--qi-head-media-pl: 60px;
			--qi-head-media-gap: 10px;
			--qi-head-sub-pro-basis: 33.3333%;
			--qi-head-pro-img-mr: 30px;
			--qi-head-sub-pro-p: 0 10px 15px;
			--qi-head-input-w: 160px;
		}
	}

	@media(max-width: 1200px) {
		:root {
			--qi-head-title-font: 14px;
			--qi-head-nav-px: 50px;
			--qi-head-media-font: 13px;
			--qi-head-media-size: 22px;
			--qi-head-media-pl: 40px;
			--qi-head-media-gap: 8px;
			--qi-head-input-w: 140px;
		}
	}

	.sung-download .down-list ul li a img {
		filter: grayscale(1);
	}

	.sung-download .down-list ul li:hover a img {
		filter: brightness(0)invert(1);
	}

	@media(max-width: 992px) {
		.qili-header {
			background: rgba(255, 255, 255, 1);
			top: 0;
			border-bottom: 1px solid #f5f5f5;

		}

		.sung_news_headline .box .right {
			flex: initial !important;
			width: 100% !important;
			aspect-ratio: 3 !important;
			object-fit: cover;
		}

		.sung_news_list ul li {
			gap: 16px !important;
		}

		.sung_news_headline .box .left {
			flex: initial !important;
			width: 100% !important;
			padding: 15px;
		}

		.sung_news_headline .box {
			flex-wrap: wrap;
		}

		.sung_service ul li .box {
			padding: 26px 22px 30px !important;
		}

		.mach-home-area .home-right h2 a {
			font-size: 30px !important;
		}

		.arshine2-foot_top .container {
			flex-wrap: wrap;
		}

		.arshine2-foot_top .tit {
			flex: initial !important;
		}

		.sung_information {
			margin-bottom: 30px !important;
		}

		.sidebanner-rightint2>img {
			height: 150px;
			object-fit: cover;
		}

		.rightint-case-list .app-list h3 {
			font-size: 32px !important;
		}

		.rightint-case-list .app-list>p {
			font-size: 15px !important;
			color: #666 !important;
		}

		.sidebanner-rightint2 p {
			font-size: 12px !important;
		}

		.rightint-case-list .app-list h3::before {
			font-size: 34px !important;
			top: -13px !important;
		}

		.sidebanner-rightint2 .container p>img {
			width: 22px !important;
		}

		.contact-info {
			width: 100%;
			padding: 0 15px !important;
		}

		.rightint-case-list.main {
			padding: 60px 15px !important;
		}

		#news {
			padding-top: 0 !important;
		}

		.qili-jdmenu {
			position: relative;
			height: 60px;
			justify-content: space-between;
		}

		.qili-jdmenu .logo {
			margin: 0;
			display: inline-block;
			padding: 8px 0;
			max-width: 40%;
		}

		.qili-header.fis_show .qili-jdmenu .logo img,
		.qili-jdmenu .logo img {
			max-height: 42px;
		}

		.qili-jdmenu .logo .on {
			display: none;
		}

		.qili-jdmenu .logo .spare {
			display: block;
		}

		.qili-jdmenu .nav {
			display: none;
		}

		.qili-mobnav {
			display: block;
		}

		.qili-jdmenu .navfr {
			margin-right: 25px;
		}

		.qili-header-lang {
			border: none;
		}

		/* .qili-jdmenu .qili-divsearch {
    display: none;
  } */
		.qili-search .searchlist {
			width: 100%;
			box-sizing: border-box;
			padding: 0 3vw;
		}

		.qili-menu_btn {
			display: block;
			right: 15px;
			width: 22px;
			height: 20px;
			cursor: pointer;
			position: absolute;
			z-index: 8;
			top: 50%;
			transform: translateY(-50%);
		}
	}

	@media(max-width: 762px) {

		.qili-header.fis_show .qili-jdmenu .logo img,
		.qili-jdmenu .logo img {
			max-height: 36px;
		}
	}

	@media(max-width: 568px) {
		.qili-jdmenu {
			padding: 0 15px;
		}
	}