@charset "utf-8";
@media (min-width: 1px) and (max-width: 768px){
	/*---------------- global ----------------*/
	.lg {
		display: none !important;
	}

	img.lg {
		display: none !important;
	}
		
	.xs {
		display: block;
	}

	img.xs {
		display: block !important;
	}

	.max {
		min-width: 100%;
	}

	.container {
		min-width: 92vw;
	}

	
	.main {
		width: 92vw;
	}
	
	.content {
		width: 1200px;
		width: 92vw;
	}
	
	/*---------------- base ----------------*/
	.black-mask {
		width: 100%;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
		opacity: 0;
		display: none;
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08)
	}

	.black-mask.show {
		opacity: 1;
	}

	/* btn app */
	.btn-app {
		width: 26.1333vw;
		height: 6.4vw;
		border-color: #EC0020;
		border-radius: 5.75px;
	}

	/* btn more */
	.btn-more {
		width: 18.6667vw;
		height: 5.3333vw;
		background-color: transparent;
		border: 1px solid #ffffff;
		border-radius: 4px;
		font-size: 2.6667vw;
		line-height: 2.6667vw;
	}

	.btn-more span {
		padding-right: 2.6667vw;
	}

	.btn-more span::before {
		width: 1.3333vw;
	}

	.btn-more.big {
		width: 26.6667vw;
		height: 6.4vw;
		border-radius: 5px;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.btn-more.big span {
		padding-right: 2.6667vw;
	}

	.btn-more.big span::before{
		width: 5px;
		height: 9px;
		margin: -4px 0 0 0;
	}

	/*---------------- header ----------------*/
	.top-shadow {
		display: none;
	}

	.header {
		height: 13.3333vw;
		background: #1A202F;
	}

	.header:hover {
		background: #1A202F;
	}

	.header::before {
		height: 0;
	}

	.header .main {
		
	}

	.header .logo {
		width: 16.2667vw;
		height: 5.4vw;
		margin: 0 auto;
		width: 22.9333vw;/* 换联名logo */
		height: 8vw;/* 换联名logo */
	}

	.header .logo i.white {
		display: none;
	}

	.header .logo i.red {
		background-image: url(../images/m/m_logo_red.png);
		opacity: 1;
	}

	.m-btn-menu, .m-btn-menu-close,  .m-btn-menu-back {
		width: 7.2vw;
		height: 7.2vw;
		background: url(../images/m/m_btn_menu_white.png) no-repeat center center;
		background-size: 5.6vw;
		position: absolute;
		left: 4vw;
		top: 3.0667vw;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
	}

	.m-btn-menu.hide {
		opacity: 0;
	}

	.m-btn-menu-close {
		background-image: url(../images/m/m_menu_close_white.png);
		display: none;
		opacity: 0;
	}

	.m-btn-menu-close.show {
		display: block;
		opacity: 1;
	}

	.m-btn-menu-back {
		background-image: url(../images/m/m_menu_back.png);
		background-size: 5.3333vw;
		display: none;
		opacity: 0;
	}

	.m-btn-menu-back.show {
		display: block;
		opacity: 1;
	}

	.m-btn-top-search {
		width: 5.6vw;
		height: 5.6vw;
		background: url(../images/m/m_btn_search_white.png) no-repeat center center;
		background-size: 4.5333vw;
		position: absolute;
		right: 4vw;
		top: 3.8667vw;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
	}

	.m-btn-top-search.hide {
		opacity: 0;
	}


	.nav {
		display: none;
	}

	.header .search {
		display: none;
	}

	/* small */
	.header.fixed, .header.fixed:hover, .header.xs-fixed {
		background: #1A202F;
		border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	}

	/*
	.header:hover .logo i.white {
		opacity: 1;
	}

	.header:hover .logo i.red {
		opacity: 0;
	}

	.header.fixed .logo i.white, .header.fixed:hover .logo i.white, .header.xs-fixed .logo i.white {
		opacity: 0;
	}

	.header.fixed .logo i.red, .header.fixed:hover .logo i.red, .header.xs-fixed .logo i.red {
		opacity: 1;
	}
	
	.header.fixed .m-btn-menu, .header.xs-fixed .m-btn-menu {
		background-image: url(../images/m/m_btn_menu_red.png);
	}

	.header.fixed .m-btn-menu-close, .header.xs-fixed .m-btn-menu-close {
		background-image: url(../images/m/m_menu_close_red.png);
	}

	.header.fixed .m-btn-top-search, .header.xs-fixed .m-btn-top-search {
		background-image: url(../images/m/m_btn_search_red.png);
	}
	*/
	
	/* menu */
	.menu, .sub-menu {
		width: 100%;
		height: 0;
		padding: 0 4vw 0 4vw;
		position: fixed;
		left: 0;
		top: 13.3333vw;
		z-index: 960;
		background: #1E2433;
		display: none;
		transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
		overflow-y: auto;
	}

	.menu.show {
		height: calc(100% - 13.3333vw);
	}

	.sub-menu {
		height: calc(100% - 13.3333vw);
		z-index: 960;
		transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
	}

	.sub-menu.show {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.m-link-group {
		width: 100%;
		height: auto;
		float: left;
		border-bottom: 1px solid rgba(245, 246, 247, 0.1);
	}

	.m-link-group:nth-child(1) {
		margin-top: 2.4vw;
	}
	

	.m-link-group dt {
		width: 100%;
		height: 13.6vw;
		padding-left: 2.1333vw;
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgba(245, 246, 247, 0);
		color: #F5F6F7;
		font-size: 3.2vw;
		font-family: "scb";
		line-height: 3.2vw;
		transition: all .1s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .1s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.m-link-group dt a {
		color: #F5F6F7;
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.sub-menu .m-link-group dt, .sub-menu .m-link-group dt a {
		color: rgba(245, 246, 247, 0.7);
		font-family: "scm";
	}

	.m-link-group dt i {
		width: 10.1333vw;
		height: 10.1333vw;
		display: block;
		background: url(../images/m/m_menu_show.png) no-repeat center center;
		background-size: 2.6667vw;
	}

	.m-link-group dd {
		width: 85.3333vw;
		height: 0;
		display: block;
		float: left;
		transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.m-link-group dd ul {
		width: 100%;
		height: auto;
		float: left;
	}

	.m-link-group dd ul li {
		width: 100%;
		height: 13.6vw;
		float: left;
		display: flex;
		align-items: center;
		padding-left: 4vw;
		border-bottom: 1px solid rgba(245, 246, 247, 0.1);
		color: rgba(245, 246, 247, 0.7);
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 3.2vw;
	}

	.m-link-group dd ul li a {
		color: rgba(245, 246, 247, 0.7);
	}

	.m-link-group dd ul.menu-arrow-ls li {
		background: url(../images/m/m_menu_link.png) no-repeat 81.8667vw center;
		background-size: 1.3333vw;
	}

	.m-link-group dd ul li .icon {
		width: 5.8667vw;
		height: 5.8667vw;
		margin-right: 2.6667vw;
	}

	.m-link-group dd ul li .icon img {
		width: 100%;
		display: block;
	}

	/* on */
	.m-link-group.on dt {
		border-bottom: 1px solid rgba(245, 246, 247, 0.1);
	}

	.m-link-group.on dt a {
		color: #C8152D;
	}

	.m-link-group.on dt i {
		background-image: url(../images/m/m_menu_hide.png);
	}

	.m-link-group.on dd {
		display: block;
	}

	/* region */
	.m-region {
		width: 100%;
		height: auto;
		float: left;
		margin: 16vw 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		overflow: visible;
	}

	.m-region span {
		height: 6.1333vw;
		padding-left: 6.9333vw;
		display: flex;
		align-items: center;
		background: url(../images/m/m_icon_lan.svg) no-repeat left center;
		background-size: 4.2667vw;
		color: #D8D8D8;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.m-region i {
		width: 1px;
		height: 4.2667vw;
		margin: 0 2.5333vw 0 4.6667vw;
		background: #d8d8d8;
	}

	.m-region-select {
		width: 37.0667vw;
		height: 6.1333vw;
		position: relative;
		overflow: visible;
	}

	.m-region-select h3 {
		width: 100%;
		height: 100%;
		padding: 0 3.7333vw;
		display: flex;
		align-items: center;
		background: url(../images/m/m_icon_lan_arrow.svg) no-repeat 32.8vw center #313B52;
		background-size: 2.6667vw;
		border-radius: 4px;
		color: #D8D8D8;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.m-region-select-list {
		width: 41.8667vw;
		height: 46.9333vw;
		margin-left: -20.9333vw;
		padding: 8.5333vw 6.1333vw 0 6.1333vw;
		position: absolute;
		left: 50%;
		top: 7vw;
		background: url(../images/m/m_lan_bg.png) no-repeat 0 0;
		background-size: 100%;
		opacity: 0;
		transform: translate3d(0, 15px, 0);
		-webkit-transform: translate3d(0, 15px, 0);
		-moz-transform: translate3d(0, 15px, 0);
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		display: none;
	}

	.m-region-select-list.show {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.m-region-select-list a {
		display: block;
		margin-bottom: 5.8667vw;
		color: #D8D8D8;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.m-region-select-list a.on {
		color: #EC0020;
	}

	.m-menu-app {
		width: 100%;
		height: auto;
		float: left;
		margin: 8vw 0 16vw 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* m top search */
	.m-search-mask {
		z-index: 900;
		transition-duration: .2s;
		-webkit-transition-duration: .2s;
	}

	.m-top-search-box {
		width: 100%;
		height: 0;
		position: fixed;
		left: 0;
		top: 13.3333vw;
		z-index: 950;
		background: #1E2433;
		display: none;
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.m-top-search-box.show {
		height: 30.9333vw;
	}

	.m-top-search-content {
		width: 92vw;
		height: 12.8vw;
		margin: 5.3333vw auto 0 auto;
		background: rgba(145, 145, 145, 0.62);
		border: 1px solid rgba(255, 255, 255, 0.62);
		border-radius: 6.4vw;
	}

	.m-top-search-content form {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.m-top-search-content input {
		width: 75vw;
		height: 100%;
		padding: 0 4.8vw;
		border: 0;
		background: none;
		color: #939393;
		color: rgba(255, 255, 255, 0.62);
		font-size: 3.7333vw;
	}

	.m-top-search-content input::placeholder {
		color: #939393;
		color: rgba(255, 255, 255, 0.62);
	}

	.m-top-search-btn {
		width: 4.5333vw;
		height: auto;
		margin-right: 2.4vw;
		padding: 1.6vw;
		box-sizing: content-box;
	}


	/* no banner page */
	.header.no-banner-page::before {
		content: " ";
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.05);
	}


	/*---------------- footer ----------------*/
	.footer>.main{
		width: 100%;
	}

		
	.ft-title {
		margin: 9.8667vw 0 5.3333vw 0;
		padding: 0 5.8667vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.ft-info {
		padding: 0 5.8667vw;
		margin-bottom: 19px;
		flex-direction: column;
	}


	/* footer sns icon */
	.ft-sns-icon {
		width: 100%;
		justify-content: space-between;
	}

	.ft-sns-icon li {
		width: 8vw;
		height: 8vw;
		margin-right: 0;
		overflow: hidden;
	}


	.ft-sns-icon a {
		width: 100%;
		height: 100%;
	}

	.ft-app {
		margin-top: 8vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}




	/* footer nav */
	.ft-nav {
		display: block;
		padding: 0 4vw;
		border-top: 1px solid rgba(216, 216, 216, 0.6);
		border-bottom: 1px solid rgba(216, 216, 216, 0.6);
	}

	.ft-nav dl {
		width: 100%;
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid rgba(216, 216, 216, 0.6);
	}

	.ft-nav dl:last-child {
		border: 0;
	}

	.ft-nav dt{
		width: 100%;
		height: 12.8vw;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(216, 216, 216, 0);
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
		transition: all .1s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .1s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.ft-nav dt a {
		color: #FFFFFF;
		font-family: "scb";
	}

	
	.ft-nav dt i {
		width: 8vw;
		height: 8vw;
		display: block;
		float: right;
		margin: 0 1.0667vw 0 0;
		background: url(../images/m/m_ft_nav_show.png) no-repeat center center;
		background-size: 2.6667vw;
	}

	.ft-nav dd {
		width: 85.3333vw;
		height: 0;
		display: none;
		flex-direction: column;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 12.8vw;
		transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .3s cubic-bezier(0.54, 0, 0.19, 1.08);
		overflow: hidden;
	}

	.ft-nav dl.on dt {
		border-bottom: 1px solid rgba(216, 216, 216, 0.6);
	}

	.ft-nav dl.on dt i {
		background-image: url(../images/m/m_ft_nav_hide.png);
	}

	.ft-nav dl.on dd {
		display: flex;
	}

	.ft-nav dd a {
		margin-bottom: 0;
		border-bottom: 1px solid rgba(216, 216, 216, 0.3);
		color: #FFFFFF;

	}

	.ft-nav dd a:last-child {
		border: 0;
	}


	.ft-nav a {
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-moz-transition: all .2s linear;
	}

	.ft-nav a:hover {
		color: #C8152D;
	}

	/* footer sns icon */
	.ft-sns {
		width: 100%;
		margin-top: 4vw;
		display: flex;
		flex-direction: column;
	}

	.ft-sns h3{
		margin-bottom: 4.8vw;
		color: rgba(38, 38, 38, 0.6);
		font-size: 12px;
		line-height: 16px;
	}

	.ft-sns-icon {
		display: flex;
		justify-content: space-between;
	}

	.ft-sns-icon a {
		width: 8vw;
		height: 8vw;
	}

	.ft-sns-icon a:hover img.base {
		opacity: 1;
	}
	
	.ft-sns-icon a:hover img.on {
		opacity: 0;
	}

	.ft-sns-icon a:active img.base {
		opacity: 0;
	}
	
	.ft-sns-icon a:active img.on {
		opacity: 1;
	}

	/* footer copyright */
	.copyright {
		margin: 0;
		padding: 8vw 4vw 13.3333vw 4vw;
		opacity: 0.9;
		color: #ffffff;
		font-size: 3.2vw;
		line-height: 5.6vw;
	}

	.copyright a {
		color: #ffffff;
	}

	/*---------------- over sns qrcode ----------------*/
	.m-over-qrcode-mask {
		z-index: 1100;
	}

	.m-over-qrcode {
		width: 81.3333vw;
		height: 81.3333vw;
		margin-top: -40.6667vw;
		position: fixed;
		left: 9.3333vw;
		top: 50%;
		z-index: 1200;
		background: #1A202F;
		opacity: 0;
		transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		display: none;
	}

	.m-over-qrcode.show {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.m-over-qrcode h3 {
		width: 100%;
		height: auto;
		margin: 13.0667vw 0 5.3333vw 0;
		color: #F5F6F7;
		font-size: 4.2667vw;
		font-family: "scm";
		line-height: 4.2667vw;
		text-align: center;

	}

	.m-over-qrcode p {
		width: 100%;
		height: auto;
		color: #D8D8D8;
		font-size: 3.2vw;
		line-height: 3.2vw;
		text-align: center;
	}

	.m-over-qrcode i {
		width: 40vw;
		height: 40vw;
		display: block;
		margin: 2.6667vw auto 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #ffffff;
		border-radius: 2vw;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	}

	.m-over-qrcode i img {
		width: 36vw;
		height: 36vw;
		display: block;
	}

	.m-qrcode-close {
		width: 3.7333vw;
		height: 3.7333vw;
		padding: 2.9333vw;
		box-sizing: content-box;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}

	/*---------------- bar ----------------*/

	.bar-mask {
		background: none;
		z-index: 200;
	}

	.bar {
		width: 15.7333vw;
		height: 44vw;
		padding: 1.8667vw;
		right: -1.8667vw;
		right: -2vw;
		bottom: 10%;
		background: url(../images/m/m_bar_bg.png) no-repeat 0 0;
		background-size: 100%;
		overflow: visible;
	}


	.bar ul li {
		height: 13.3333vw;
	}

	.bar ul li a img{
		width: 6.4vw;
	}

	.bar ul li:nth-child(2) a img{
		width: 7.2vw;
	}

	.bar ul li:hover .bar-tips, .bar ul li.show .bar-tips {
		display: none;
	}

	.bar ul li:first-child.show .bar-tips {
		display: block;
	}

	
	/*---------------- public ----------------*/





	/*---------------- base ----------------*/
	.banner {
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.banner img {
		width: 100%;
		display: block;
	}

	.banner-block {
		height: 13.3333vw;
	}

	.xs-banner-block {
		height: 13.3333vw;
	}

	/* part title */
	.part-title {
		height: 8vw;
		font-size: 4.2667vw;
		line-height: 4.2667vw;
	}

	.part-title span {
		font-size: 4.2667vw;
		line-height: 4.2667vw;

	}

	/* single-title */
	.single-title {
		width: 100%;
		height: auto;
		text-align: center;
		overflow: visible;
	}

	.single-title img {
		width: 10.6667vw;
		margin-bottom: 4vw;
	}

	.single-title h3 {
		padding-bottom: 2.1333vw;
		color: #000000;
		font-size: 4.2667vw;
		line-height: 4.2667vw;
	}

	.single-title h3::after {
		width: 5.3333vw;
		height: 2px;
		margin-left: -2.6667vw;
	}

	.single-title p {
		margin-top: 5.3333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: left;
	}

	.single-title.big h3 {
		font-size: 5.8667vw;
		line-height: 5.8667vw;
	}

	.single-title.big p {
		margin-top: 5.3333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: center;
	}

	/* btn box */
	.btn-box {
		width: 100%;
		height: auto;
		float: left;
		display: flex;
		justify-content: center;
	}

	
	/* cat nav */
	.cat-nav {
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
		position: relative;
		z-index: 20;
	}

	.cat-nav ul li {
		width: 33.3333vw;
		height: 10.6667vw;
	}

	.cat-nav ul li .icon {
		width: 5.3333vw;
		height: 5.3333vw;
		margin-right: 1.6vw;
	}

	.cat-nav ul li a, .cat-nav ul li span {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	/* tab icon title */
	.tab-icon-title ul {
		justify-content: space-between;
	}
	
	.tab-icon-title ul li {
		width: auto;
		height: 8vw;
		padding: 0 2.8vw 0 2vw;
	}

	.tab-icon-title ul li .icon {
		width: 4.8vw;
		height: 4.8vw;
		margin-right: 0.5333vw;
	}

	.tab-icon-title ul li a, .tab-icon-title ul li span {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	/* tab line title */
	.tab-line-title {
		height: 7.7333vw;
	}

	.tab-line-title::before {
		bottom: 0;
	}

	.tab-line-title li {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.tab-line-title li::after {
		content: " ";
		width: 0;
		height: 2px;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
		background: #C8152D;
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.tab-line-title li:hover {
		color: #C8152D;
	}

	.tab-line-title li.on {
		color: #C8152D;
	}

	.tab-line-title li.on::after {
		width: 100%;
	}

	/* tab block title */
	.tab-block-title {
		height: 7.7333vw;
		margin-bottom: 0;
	}


	.tab-block-title ul li {
		height: 100%;
		padding: 0 5.6vw;
		color: #939393;
		font-size: 3.2vw;
		line-height: 7.7333vw;
	}

	/* breadcrumb */
	.breadcrumb {
		font-size: 3.2vw;
		line-height: 3.7333vw;
	}

	.breadcrumb li {
		padding: 0 5.3333vw 0 0;
		white-space: nowrap;
	}

	.breadcrumb li::after {
		content: ">";
		position: absolute;
		right: 1.8667vw;
	}

	.breadcrumb li a {
		color: #939393;
	}

	.breadcrumb li.active {
		flex: 1;
		color: #000000;
		word-break: break-all;
		text-overflow: -o-ellipsis-lastline;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 1;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: none;
	}

	.breadcrumb li.active::after, .breadcrumb li.no-tag::after {
		display: none;
	}


	/* swiper */
	.swiper-slide video {
		display: none;
	}

	.swiper-ctrl{
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0;
		bottom: 5px;
		z-index: 500;
	}

	.swiper-arrow{
		cursor: pointer;
		color: #f20521;
		font-size: 20px;
		display: none;
	}

	.swiper-arrow:hover{
		color: #f20521;
	}

	.pagination{
		width: auto;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.pagination span{
		width: 10px;
		height: 10px;
		margin: 0 5px;
		background: #ffffff;
		border-radius: 50%;
		opacity: 1;
	}

	.pagination span.swiper-pagination-bullet-active{
		width: 12px;
		height:  12px;
	}

	/* swiper pagination reset */
	.swiper-pagination {
		height: 1.8667vw;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.swiper-pagination-bullet {
		width: 1.8667vw;
		height: 1.8667vw;
		margin: 0 1.0667vw;
		background: #d8d8d8;
		border-radius: 0.9334vw;
		opacity: 1;
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}

	.swiper-pagination-bullet-active {
		width: 5.3333vw;
		background: #C8152D;
	}




	/*---------------- home ----------------*/
	/* banner */
	.home-banner .swiper-slide{
		height: 100vh;
		max-height: 100vh;
	}

	.home-banner .swiper-slide img {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		-webkit-transform: translate3d(0, -50%, 0);
	}

	.oc-pagination-circle {
		bottom: 5.3333vw !important;
	}

	.home-banner-info {
		width: 100%;
		height: auto;
		margin-left: 0;
		position: absolute;
		left: 0;
		top: auto;
		bottom: 18.1333vw;
		z-index: 200;
		text-align: center;
	}

	.home-banner-info.t-m-black {
		color: #262626;
	}

	.home-banner-info.t-m-white {
		color: #ffffff;
	}

	.home-banner-info h3 {
		font-size: 7.4667vw;
		line-height: 7.4667vw;
	}

	.home-banner-info h4 {
		margin: 4vw 0 5.8667vw 0;
		font-size: 4.8vw;
		line-height: 4.8vw;
	}

	.home-banner-info h5 {
		height: 4.2667vw;
	}

	.home-banner-info a.btn-base{
		width: 30.6667vw;
		height: 8vw;
		margin: 0 auto;
		padding: 0 5.3333vw;
		border-radius: 4px;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.home-banner-info a.btn-youtube{
		width: 30.6667vw;
		width: auto;
		height: 8vw;
		margin: 0 auto;
		padding: 0 5.3333vw;
		border-radius: 4px;
		font-size: 3.7333vw;
		line-height: 4.2667vw;
	}

	.home-banner-info .btn-youtube span {
		padding-left: 9.3333vw;
		background-size: 6.6667vw;
	}

	/* home products */
	.home-products .container {
		padding: 16vw 0 0 0;
	}

	.home-products .product-item {
		background: #f5f6f7;
	}

	.rec-title-box {
		width: 100%;
		height: auto;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.rec-title-box span {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 4vw;
		font-size: 4.2667vw;
		line-height: 4.2667vw;
	}

	.rec-title-box::before {
		bottom: 15.7333vw;
		background: rgba(245, 246, 247, 0.6);
	}

	.rec-tab-title {
		width: 100%;
		height: 16vw;
		display: flex;
	}

	.rec-tab-title li {
		padding: 0;
		flex: 1;
		justify-content: center;
		color: #F5F6F7;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.rec-tab-title li i {
		color: #F5F6F7;
	}

	.rec-tab-title li img {
		width: 9.3333vw;
		margin-right: 1.8667vw;
	}

	.rec-tab-title li:hover i, .rec-tab-title li.on i {
		color: #ffffff;
	}

	.rec-content-box {
		margin: 5.3333vw 0 0 0;
		padding-bottom: 28.5333vw;
	}


	.rec-tab-content .swiper {
		margin-top: 5.3333vw;
	}

	
	.rec-tab-content .swiper-pagination {
		bottom: 18.6667vw !important;
	}


	.rec-product-big {
		background: #5F6673;
		border-radius: 6px;
	}

	.rec-product-big .thumb-icon {
		width: 70px;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
	}


	.rec-product-big .info {
		width: 100%;
		height: 18.6667vw;
		height: auto;
		padding: 0 5.3333vw 4.8vw 4vw;
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		left: 0;
	}

	.rec-product-big .info h3 {
		width: 58.6667vw;
		height: 4.8vw;
		margin: 3.4667vw 0 1.6vw 0;
		overflow: visible;
		font-size: 3.7333vw;
		line-height: 4.8vw;
	}

	.rec-product-big .info h3 a {
		color: #F5F6F7;
		font-size: 3.7333vw;
		line-height: 4.8vw;
	}

	.rec-product-big .info p {
		width: 58.6667vw;
		margin: 0;
		color: #D8D8D8;
		font-size: 2.6667vw;
		line-height: 4vw;
	}

	.rec-product-big .info a.btn-more {
		position: absolute;
		right: 5.3333vw;
		top: 6.4vw;
	}

	.rec-product-big .info.t-white a, .rec-product-big .info.t-white p {
		color: #ffffff;
	}

	.rec-product-small {
		width: 44vw;
		height: 69.6vw;
		flex-direction: column;
		border-radius: 6px;
	}

	.rec-product-small .thumb-icon {
		width: 70px;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
	}

	.rec-product-small .thumb-icon img {
		width: 100%;
		display: block;
	}

	.rec-product-small .thumb {
		width: 100%;
		height: 37.3333vw;
		margin-right: 0;
		order: 1;
	}

	.rec-product-small .thumb a {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.rec-product-small .thumb img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}

	.rec-product-small .info {
		width: 100%;
		height: auto;
		order: 2;
		margin-left: 0;
		padding: 0 4vw;
		text-align: center;
		justify-content: flex-start;
	}

	.rec-product-small .info h3 {
		height: 3.7333vw;;
		margin: 1.6vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.rec-product-small .info h3 a {
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.rec-product-small .info p {
		height: 8vw;
		margin: 0 0 5.3333vw 0;
		color: #D8D8D8;
		font-size: 2.6667vw;
		line-height: 4vw;
		overflow: hidden;
	}

	.rec-product-small .info .btn-more {
		margin: 0 auto;
	}

	/* home space */
	.xs-home-space p {
		width: 100%;
		height: auto;
		margin-top: 2.6667vw ;
		text-align: center;
	}

	.xs-home-space p span {
		padding-right: 4vw;
		background: url(../images/m/m_home_space_tips.png) no-repeat right center;
		background-size: 3.2vw;
		color: #FFFFFF;
		font-size: 2.9333vw;
		line-height: 2.9333vw;
	}

	.xhs-scroll-box {
		width: 100%;
		height: 157.6vw;
		overflow-x: auto;
	}

	.xhs-scroll-box img {
		width: auto;
		height: 100%;
		display: block;
	}


	/* home company */
	.home-company{
		margin: 15.7333vw 0 0 0;
	}

	.home-company img {
		width: 100%;
		height: auto;
		display: block;
	}

	.home-company-box {
		flex-direction: column;
		justify-content: flex-start;
	}

	.hci-1::before, .hci-3::after {
		display: none;
	}

	.hci-2::before, .hci-2::after {
		width: 100%;
		height: 2px;
		background: url(../images/m/m_home_company_line.png) no-repeat center left;
		background-size: 100% 100%;
		top: 0;
	}

	.hci-1::before, .hci-2::before {
		left: 0;
	}

	.hci-3::after, .hci-2::after {
		right: 0;
		top: auto;
		bottom: 0;
	}

	.home-company-info {
		width: 100% !important;
		height: auto;
		padding: 12.8vw 9.3333vw !important;
		position: relative !important;
		z-index: 2;
		display: flex;
		flex-direction: column;
		overflow: visible;
		color: #ffffff;
	}

	.home-company-info.hci-1 {
		width: 100%;
		right: auto;
		left: 0;
		top: 0;
		align-items: flex-start;
	}


	.home-company-info.hci-2 {
		width: 100%;
	}

	.home-company-info.hci-3 {
		width: 100%;
		left: 0;
		top: 0;
	}

	.home-company-mask {
		display: none;
	}

	.home-company-content {
		height: auto;
	}

	.home-company-info.hci-1 .home-company-content {
		width: 100%;
	}

	.home-company-info.hci-1 .home-company-content h3 {
		padding-left: 0;
	}

	.home-company-content h3 {
		width: 100%;
		float: left;
		font-size: 10.6667vw;
		line-height: 10.6667vw;
	}

	.home-company-content h3 span::after {
		display: none;
	}

	.home-company-content h3 i {
		margin-left: 0;
		padding-left: 5.8667vw;
		position: relative;
		font-size: 4.2667vw;
	}

	.home-company-content h3 i::after {
		content: " ";
		width: 5.3333vw;
		height: 5.3333vw;
		display: block;
		background: url(../images/plus.svg) no-repeat center center;
		background-size: 100%;
		position: absolute;
		left: 0.5333vw;
		top: -4.8vw;
	}

	.home-company-content p {
		float: left;
		margin-top: 3.7333vw;
		font-size: 3.2vw;
		line-height: 5.8667vw;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.home-company-info.hci-2 .home-company-content p {
		width: 100%;
	}

	.home-company-content a.btn-white {
		width: 25.6vw;
		height: 7.4667vw;
		float: left;
		margin-top: 8vw;
		opacity: 1;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		font-size: 3.2vw;
	}

	.home-company-content a.btn-white.xs {
		display: flex;
	}

	/* home company info hover */
	.home-company-info.on .home-company-content {
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.hci-1.on {
		width: 100%;
	}

	.hci-2.on {
		width: 100%;
	}

	.hci-3.on {
		width: 100%;
	}

	.home-company-box.hci-hover-2 .hci-3 {
		left: 0;
	}

	.home-company-box.hci-hover-2 .hci-1 {
		right: auto;
	}

	/* home service */
	.home-service {
		margin-top: 16vw;
		margin-bottom: 16vw;
	}

	.home-service-box {
		height: auto;
		margin-top: 5.6vw;
	}

	.home-service-bg img {
		width: 100%;
		height: auto;
	}

	.home-service-title {
		padding: 3.2vw 2.6667vw;
	}

	.home-service-title p {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.home-service-title h3 {
		margin-top: 2.1333vw;
		font-size: 4.2667vw;
		line-height: 4.2667vw;
	}

	.home-service-title h3 a {
		color: #474747;
	}

	.home-service-content {
		width: 100%;
		height: auto;
		position: relative;
		border-left: 0;
	}

	.home-service-content::before {
		width: 0px;
		height: calc(100% - 5.6vw);
		border-bottom: 0;
		border-right: 1px dashed #939393;
		right: 50%;
		top: 2.6667vw;
	}

	.home-service-content ul {
		height: auto;
	}

	.home-service-content ul li {
		width: 50%;
		height: auto;
		float: left;
		padding: 8vw 5.3333vw;
		padding: 8vw 4.5vw;
	}

	.home-service-content ul li:hover {
		background: none;
	}

	.home-service-content ul li h3 {
		margin-bottom: 2.6667vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.hsc-box-info {
		width: 100%;
		height: 29vw;
	}

	.hsc-box-info p {
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.hsc-box-info h4 {
		width: 100%;
		height: 3.2vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.hsc-box-info h4 i {
		display: none;
	}

	.hsc-box-info h4 * {
		padding-right: 4.2667vw;
		background-size: 1.6vw;
	}

	.home-service-content ul li:hover .hsc-box-info h4 span {
		opacity: 1;
	}

	.hsc-box-pic {
		display: none;
	}

	.hsc-box-qrcode {
		display: none;
	}
	/*---------------- product ----------------*/
	.product-list-page {
		padding: 0 0 21.3333vw 0;
		display: block;
		overflow: hidden;
	}
	
	.product-sticky-box {
		overflow: visible;
	}
	
	.product-list-box {
		width: 100%;
	}
	
	.product-list-box .btn-box {
		margin: 10.6667vw 0 0 0;
	}
	
	.product-list {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		overflow: visible;
	}
	
	.product-item {
		width: 46vw;
		height: 72.2667vw;
		margin: 0;
	}
	
	.product-item::before {
		content: " ";
		width: 41.8667vw;
		height: 0;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		border-top: 1px dashed rgba(255, 255, 255, 0.6);
	}

	.product-item:nth-child(-n+2)::before {
		display: none;
	}

	.product-item:nth-child(2n)::before {
		left: 0;
		right: auto;
	}

	.product-item:nth-child(2n)::after {
		content: " ";
		width: 0px;
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		border-left: 1px dashed rgba(255, 255, 255, 0.6);
	}

	.product-item:nth-child(2):after {
		height: 66.9333vw;
	}

	.product-item:last-child::after {
		height: 66.9333vw;
		bottom: auto;
		top: 0;
	}

	
	.product-item .thumb-icon {
		width: 70px;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		pointer-events: none;
	}
	
	.product-item .thumb {
		height: 38.6667vw;
	}
	
	.product-item .info {
		margin: 1.6vw 0 0 0;
		padding: 0 4vw;
	}
	
	.product-item .info h3{
		height: 3.7333vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}
	
	.product-item .info p {
		height: 8vw;
		margin: 1.6vw 0 5.3333vw 0;
		font-size: 2.6667vw;
		line-height: 4vw;
	}
	
	.product-item .info .btn-more.tp {
		width: 18.6667vw;
		height: 5.3333vw;
		font-size: 2.6667vw;
	}
	
	.product-item .info .btn-more.tp span{
		padding-right: 2.6667vw;
	}
	
	.product-item .info .btn-more.tp span::before{
		width: 5px;
		height: 9px;
		margin: -4px 0 0 0;
	}
	
	/* product item hover */
	.product-item:hover {
		background: #ffffff;
	}
	
	.product-item:hover h3 a {
		color: #C8152D;
	}
	
	.product-item:hover p {
		color: #939393;
	}
	
	.product-item:hover .btn-more.tp {
		background: #C8152D;
	}
	
	.product-item:hover .btn-more.tp span {
		color: #ffffff;
	}
	
	.product-item:hover .btn-more.tp span::before{
		background-image: url(../images/btn_more_arrow.png);
		transform: translate3d(5px, 0, 0);
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		-moz-transform: translate3d(5px, 0, 0);
	}
	
	/* sift */
	.xs-sift-ctrl {
		width: 100%;
		height: auto;
		float: left;
		padding: 4vw;
		color: #000000;
		font-family: "scm";
		font-size: 3.7333vw;
		line-height: 4.2667vw;
	}

	.xs-sift-ctrl img {
		width: 4.2667vw;
		height: 4.2667vw;
		display: block;
		float: left;
		margin-right: 1.6vw;
	}

	.xs-sift-ctrl span {
		margin-left: 2.6667vw;
		padding-left: 2.6667vw;
		position: relative;
		display: none;
		color: #939393;
		font-size: 2.6667vw;
		line-height: 2.6667vw;
	}

	.xs-sift-ctrl span::before {
		content: " ";
		width: 1px;
		height: 2.6667vw;
		margin-top: -1.3333vw;
		display: block;
		background: rgba(0, 0, 0, 0.1);
		position: absolute;
		left: 0;
		top: 50%;
	}

	.xs-sift-ctrl span b {
		color: #000000;
		font-weight: normal;
	}

	.xs-sift-mask {
		z-index: 1800;
	}

	.product-sift {
		width: 85.3333vw;
		padding: 0;
		float: none;
		position: fixed;
		left: auto;
		right: 0;
		top: 0;
		z-index: 2000;
		transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.product-sift.show {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	
	.product-sift-bar {
		height: calc(100% - 24vw);
		padding-right: 0;
	}
	
	.product-sift-scroll {
		
	}
	
	.sift-title {
		height: 13.3333vw;
		margin-bottom: 0;
		justify-content: center;
		position: relative;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}
	
	.sift-title img, .sift-title a {
		display: none;
	}
	
	.xs-sift-close {
		width: 5.6vw;
		height: 4.2667vw;
		display: block;
		position: absolute;
		left: 4vw;
		top: 4.5333vw;
		background: url(../images/m/m_menu_close_red.png) no-repeat center center;
		background-size: auto 100%;
	}
	
	
	/* no sift */
	.product-sift.no-sift .sift-title, .product-sift.no-sift .sift-title a {
		color: #939393;
	}
	
	.product-sift.no-sift .sift-title a::after {
		background: #939393;
	}
	
	.no-sift-tips {
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		color: #939393;
		font-size: 12px;
		line-height: 17px;
	}
	
	/* select row */
	.select-row {
		width: 74.4vw;
		margin-left: 5.3333vw;
		padding: 5.3333vw 0;
		border-top: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	.select-row h3 {
		height: 4vw;
		padding-left: 2.8vw;
		border-left: 2px solid #C8152D;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}
	
	
	.select-row ul li {
		width: 50%;
		float: left;
		height: 4.8vw;
		margin-top: 5.3333vw;
		padding-right: 4vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}
	
	.select-row ul li:nth-child(1) {
		margin-top: 5.3333vw;
	}
	

	.select-row ul li i {
		width: 4.8vw;
		height: 4.8vw;
		margin-right: 2.9333vw;
		border: 1px solid #474747;
		border-radius: 2px;
	}
	
	.sift-tips {
		display: none;
	}

	.xs-sift-btn-box {
		width: 100%;
		height: 24vw;
		padding: 0 4vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.xs-sift-btn-box a {
		width: 37.3333vw;
		height: 8vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px;
		font-size: 3.7333vw;
		font-family: "scm";
	}

	.xs-sift-btn-box .btn-reset {
		border: 1px solid #000000;
		color: #000000;
	}

	.xs-sift-btn-box .btn-confirm {
		background: #C8152D;
		color: #ffffff;
	}

	.products-sift-tips {
		padding: 16vw 10.6667vw 26.6667vw 10.6667vw;
		opacity: 0.6;
		font-size: 8vw;
	}
	
	/*---------------- products show ----------------*/
	.product-show-page {
		padding: 0;
		border-bottom: 0;
	}

	.product-show-back {
		width: 100%;
		height: 13.3333vw;
		display: flex;
		align-items: center;
	}

	.product-show-back a {
		padding: 0 0 0 5.3333vw;
		background: url(../images/m/m_product_back.png) no-repeat left center;
		background-size: 1.8667vw;
		color: #939393;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.product-detail {
		width: 100%;
		margin: 0 auto 10.6667vw auto;
	}

	.product-pic-box {
		width: 80vw;
		height: 96vw;
		margin-left: 6vw;
	}

	.product-pic {
		width: 100%;
	}

	.product-big-pic {
		width: 80vw;
		height: 80vw;
	}


	.product-small-pic {
		width: 74.6667vw;
		margin-top: 5.3333vw;
		margin-left: 2.6667vw;
	}

	.product-small-pic li {
		width: 10.6667vw;
		height: 10.6667vw;
		margin-left: 5.3333vw;
		border-radius: 4px;
	}

	.product-info {
		width: 100%;
		float: left;
		margin-top: 10.6667vw;
	}

	.product-title {
		font-size: 6.4vw;
		line-height: 6.4vw;
	}

	.product-slogan {
		padding: 2.6667vw 0 5.3333vw 0;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.product-subtitle {
		margin: 5.3333vw 0 2.6667vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.product-intro {
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	/* 海外版隐藏部分 */
	.product-params {
		column-gap: 8.5333vw;
		padding-bottom: 5.3333vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.product-params li {
		min-width: 16vw;
		height: 5.3333vw;
		margin-top: 3.2vw;
		padding: 0 5.3333vw;
		background: #f5f6f7;
		border-radius: 2.6667vw;
		box-shadow: none;
		font-size: 3.2vw;
	}

	.product-params li.red {
		background: none;
		border: 1px solid #C8152D;
		color: #C8152D;
	}


	.product-color {
		padding-bottom: 5.3333vw;
		column-gap: 5.3333vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.product-color li {
		min-width: 21.3333vw;
		height: 16vw;
		margin-top: 3.2vw;
		padding: 0 4vw;
		flex-direction: column;
		row-gap: 2.4vw;
		border: 1px solid #d8d8d8;
		border-radius: 6px;
		font-size: 2.6667vw;
	}

	.product-color li.on {
		color: #474747;
		border: 1px solid #C8152D;
	}

	.product-color li i {
		margin-right: 0;
	}
	/*海外版隐藏部分*/

	.product-show {
		padding-bottom: 21.3333vw;
	}

	.product-tab-title {
		height: 10.6667vw;
	}

	.product-tab-title ul {
		width: 100%;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
   		-ms-overflow-style: none;
	}
	
	.product-tab-title ul::-webkit-scrollbar {
		display: none;
	}

	.product-tab-title ul li {
		margin: 0 4vw;
		padding: 0;
		flex: none;
		color: #939393;
		font-size: 3.2vw;
		line-height: 10.6667vw;
		white-space: normal;
	}

	.product-tab-title ul li.on, .product-tab-title ul li:hover {
		color: #C8152D;
	}

	.product-tab-title ul li.on::before {
		width: 19.2vw;
	}


	.product-table-box {
		width: 100%;
		margin: 0 auto;
	}

	.product-table {
		width: 96vw;
		margin: 5.3333vw 0 0 4vw;
		column-gap: 2.6667vw;
	}

	.product-table-header {
		min-width: 26.6667vw;
		width: 26.6667vw;
		margin-right: 0;
	}

	.product-table-header dt, .product-table-header dd {
		border-radius: 4px;
	}

	.product-table-body {
		position: relative;
		scrollbar-width: none;
		-ms-overflow-style: none;
		border-radius: 4px;
	}

	.product-table-body::-webkit-scrollbar {
		display: none;
	}

	.product-table-body dl {
		max-width: 31.2vw;
		position: relative;
		z-index: 2;
		margin-left: -1px;
	}

	.product-table-body dl:last-child {
		margin-right: 4vw;
	}

	.product-table-body dl:first-child dt, .product-table-body dl:first-child dd {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.product-table-body dl:last-child dt, .product-table-body dl:last-child dd {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.product-table dl {
		display: flex;
		flex-direction: column;
	}

	.product-table dl dt {
		height: 8vw;
		padding: 0 2.6667vw;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 3.2vw;
		white-space: normal;
	}

	.product-table dl dd {
		height: 13.3333vw;
		padding: 0 2.6667vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
		white-space: normal;
		word-wrap: break-word;
	}

	.product-params-tips {
		width: 100%;
		height: auto;
		padding: 0 4vw;
		margin-bottom: 21.3333vw;
		font-size: 2.6667vw;
		line-height: 4vw;
	}
	
	.product-params-tips .box {
		margin-top: 5.3333vw;
	}

	.product-pdf {
		width: 92vw;
		margin: 8vw auto 21.3333vw auto;
	}
	.pdf-item {
		width: 100%;
		height: 10.4vw;
		margin: 0 0 5.3333vw 0;
		padding: 3.3333vw 4vw 0 2.6667vw;
		border-radius: 4px;
	}

	.pdf-item:nth-child(2n) {
		margin-right: 0;
	}

	.pdf-item h3 {
		width: 68vw;
		height: 3.7333vw;
		padding-left: 1.3333vw;
		border-left: 2px solid #C8152D;
		font-size: 3.2vw;
		line-height: 3.7333vw;
	}

	.pdf-item a {
		float: right;
		padding-right: 2.9333vw;
		background: url(../images/pdf_arrow.png) no-repeat right 4.5px;
		background-size: 5px;
		font-size: 2.6667vw;
		line-height: 3.7333vw;
	}

	.pdf-item a span {
		border-bottom: 1px solid #C8152D;
	}

	.pdf-item a:hover {
		color: #EC0020;
		background-image: url(../images/pdf_arrow_on.png);
	}

	/* more products */
	.more-products {
		padding: 10.6667vw 0 16vw 0;
	}

	.more-products .product-item::before, .more-products .product-item::after {
		display: none;
	}

	.more-products .swiper {
		padding: 8vw 0 9.8667vw 0;
	}

	.more-products .product-item {
		margin: 0 2.6667vw;
	}

	.more-products .btn-box {
		display: none;
	}
	/*---------------- products show model ----------------*/
	.kv {
		width: 100%;
		height: auto;
		position: relative;
	}

	.kv .thumb {
		width: 100%;
	}

	.kv .info {
		width: 92vw;
		height: auto;
		margin-left: 4vw;
		left: 0;
		top: 24vw;
		text-align: center;
	}

	.kv .info.xs {
		display: block;
	}

	.kv .info.xs-t-white {
		color: #ffffff;
	}

	.kv .info h3 {
		font-size: 5.8667vw;
		line-height: 8.8vw;
	}

	.kv .info p {
		margin-top: 2.6667vw;
		font-size: 3.7333vw;
		line-height: 5.6vw;
	}

	.product-show .main {
		width: 100%;
	}

	.product-style {
		overflow: visible;
	}

	.product-style .info h3 {
		font-size: 4.2667vw;
		line-height: 6.4vw;
	}

	.product-style .info p {
		margin-top: 2.6667vw;
		color: #939393;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	/* ps-up */
	.ps-up {
		margin-top: 8vw;
	}

	.ps-up .info {
		width: 92vw;
		padding: 0 4vw;
	}

	.ps-up .thumb {
		margin-top: 5.3333vw;
	}

	/* ps-left */
	.ps-left {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.ps-left .info {
		width: 92vw;
		margin: 8vw 0 5.3333vw 0;
		padding-right: 0;
		order: 1;
		text-align: center;
	}

	.ps-left .thumb {
		width: 80vw;
		order: 2;
	}

	/* ps-right */
	.ps-right {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.ps-right .info {
		width: 92vw;
		margin: 8vw 0 5.3333vw 0;
		padding-left: 0;
		order: 1;
		text-align: center;
	}

	.ps-right .thumb {
		width: 80vw;
		order: 2;
	}


		
	/*---------------- news ----------------*/
	.news-list-page {
		padding: 0 0 16vw 0;
	}

	.news-list-page .btn-box {
		margin: 8vw 0 0 0;
	}

	.rec-news-box {
		width: 100%;
	}

	.news-list-page .tab-icon-title {
		margin: 16vw 0 8vw 0;
	}

	.rec-news .oc-pagination-circle {
		width: 100%;
		bottom: 61.8667vw;
	}

	.rec-news-item {
		height: auto;
	}

	.rec-news-item .thumb {
		width: 100%;
		height: 78.1333vw;
	}

	.rec-news-item .info {
		width: 100%;
		height: 59.2vw;
		padding: 2.6667vw 4vw 0 4vw;
	}

	.rec-news-item .info h3 {
		height: 16vw;
		font-size: 4.8vw;
		line-height: 8vw;
	}

	.rec-news-item .info p {
		height: 12.8vw;
		margin: 4.8vw 0 10.1333vw 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
		overflow: hidden;
		word-break: break-all;
		text-overflow: -o-ellipsis-lastline;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.rec-news-item .info h5 {
		height: 4.8vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.rec-news-item .info h5 img {
		width: 4.8vw;
		margin-right: 1px;
	}

	.news-list {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
	}

	.news-item {
		width: 100%;
		height: 90.6667vw;
		margin: 0 0 5.3333vw 0;
		padding: 3.2vw 3.2vw 5.6vw 3.2vw;
	}

	.news-item .thumb {
		height: 51.2vw;
	}


	.news-item .info {
		height: 28.8vw;
		margin-top: 2.1333vw;
		padding: 0;

	}

	.news-item .info h3 a, .news-item .info h3 {
		color: #262626;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.news-item .info h5 {
		height: 4.2667vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.news-item .info h5 img {
		width: auto;
		height: 4.2667vw;
		margin-right: 1.3333vw;
	}


	/* show */
	.news-show {
		padding: 5.3333vw 0 0 0;
	}

	.news-title {
		padding: 10.6667vw 0 5.3333vw 0;
		border-bottom: 1px solid rgba(71, 71, 71, 0.16);
	}

	.news-title.center {
		text-align: center;
	}

	.news-title.no-border {
		border: 0;
	}

	.news-title h1 {
		font-size: 4.8vw;
		line-height: 6.4vw;
	}

	.news-title h5 {
		margin-top: 5.3333vw;
		font-size: 3.2vw;
		line-height: 4.2667vw;
	}

	.news-title h5 img {
		height: 4.2667vw;
		margin-right: 1.3333vw;
	}

	.news-content {
		margin: 3.8667vw 0 21.3333vw 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.news-content h2{
		margin-bottom: 5.3333vw;
		font-size: 4.2667vw;
		line-height: 7.4667vw;
	}

	.news-content h3{
		margin-bottom: 1.3333vw;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.news-content img {
		margin-top: 5.3333vw;
		margin-bottom: 5.3333vw;
	}

	.news-content table {
		border: 1px solid #EAEAEB;
		color: #474747;
		font-size: 12px;
		line-height: 18px;
	}

	.news-content table thead td {
		padding: 15px 10px;
		padding: 15px 5px;
		background: #f5f6f7 !important;
	}

	.news-content table td {
		height: auto;
		padding: 10px;
		padding: 10px 5px;
		background: #ffffff;
		border: 1px solid #EAEAEB;
	}

	.news-more {
		padding: 10.6667vw 0 16vw 0;
	}

	.news-more-title {
		margin-bottom: 0;
		padding-bottom: 5.3333vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 4.2667vw;
		font-family: "scb";
		line-height: 4.2667vw;
	}

	.news-more .more-news-swiper {
		margin-top: 5.3333vw;
		margin-bottom: 9.8667vw;
	}

	.news-more .btn-box {
		display: none;
	}

	/*---------------- video ----------------*/
	.video-list-page {
		padding: 0 0 16vw 0;
	}

	.video-list-page .btn-box {
		margin: 8vw 0 0 0;
	}

	.video-list-page .tab-icon-title {
		margin: 16vw 0 8vw 0;
	}

	.rec-video .oc-pagination-circle {
		bottom: 22px !important;
	}

	.rec-video-item {
		height: 95.2vw;
	}

	.rec-video-item .thumb {
		height: 56.2667vw;
	}

	.rec-video-item .thumb::after {
		content: " ";
		width: 7.2vw;
		height: 7.2vw;
		display: block;
		background: url(../images/icon_video_list.png) no-repeat 0 0;
		background-size: 100%;
		position: absolute;
		left: 4vw;
		bottom: 4vw;
		pointer-events: none;
	}

	.rec-video-item .info {
		height: 28.8vw;
		margin-top: 2.6667vw;
		padding: 2.6667vw 4vw 0 4vw;
		flex-direction: column;
		align-items: flex-start;
	}

	.rec-video-item .info h3 {
		width: 100%;
		font-size: 4.8vw;
		line-height: 8vw;
	}

	.rec-video-item .info h5 {
		width: 100%;
		height: 4.8vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.rec-video-item .info h5 img {
		width: 4.8vw;
		margin-right: 1px;
	}

	.video-list {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		overflow: visible;
	}

	.video-item {
		width: 100%;
		height: 83.4667vw;
		margin: 0 0 5.3333vw 0;
	}

	.video-item .thumb {
		height: 51.7333vw;
	}

	.video-item .thumb::after {
		width: 7.2vw;
		height: 7.2vw;
		left: 2.6667vw;
		bottom: 2.6667vw;
	}

	.video-item .info {
		height: 25.0667vw;
		margin-top: 2.1333vw;
		padding: 0 3.2vw;
	}

	.video-item .info h3 a, .video-item .info h3 {
		color: #262626;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.video-item .info h5 {
		height: 4.2667vw;
		color: #898989;
		font-size: 3.2vw;
		line-height: 4.2667vw;
	}

	.video-item .info h5 img {
		height: 4.2667vw;
		margin-right: 1.3333vw;
	}


	/* show */
	.video-show {
		padding: 5.3333vw 0 0 0;
	}

	.video-content {
		margin: 5.0667vw 0 21.3333vw 0;
	}

	.video-ctrl {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
		background: url(../images/m/m_btn_play_video.png) no-repeat center center;
		background-size: 12.2667vw;
	}
	
	.video-ctrl.hide {
		opacity: 0;
	}

	.more-video-swiper {
		margin: 5.3333vw 0 9.8667vw 0;
	}

	/*---------------- history ----------------*/
	.history-page {
		padding: 0 0 16vw 0;
	}


	.brand img {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	.brand .single-title {
		margin-top: 16.8vw;
	}

	.brand .single-title p {
		width: 81.3333vw;
		margin: 4.5333vw auto 8vw auto;
		color: #191919;

		font-size: 3.4667vw;
		line-height: 6.4vw;
		text-align: left;
	}

	.brand-info {
		width: 81.3333vw;
		margin: 8vw auto 29.0667vw auto;
		padding: 4vw 6.6667vw 9.8667vw 6.6667vw;
		background: rgba(255, 255, 255, 0.8);
	}

	.brand-info ul {
		width: 100%;
		padding: 0;
		font-size: 3.4667vw;
		line-height: 9.6vw;
	}
	
	.brand-info ul:nth-child(1) {
		width: 100%;
		padding: 0;
		border-right: 0;
	}

	.history-container .single-title {
		margin: 26.1333vw 0 10.6667vw 0;
	}


	.history-class ul {
		height: 7.2vw;
		border-radius: 3.6vw;
	}

	.history-class ul li {
		height: 7.2vw;
		padding: 0 8.5333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 3.6vw;
	}

	.history-class ul li a {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}


	.history-year-box {
		height: 10.1333vw;
		margin: 10.6667vw 0 9.3333vw 0;
	}

	.history-arrow {
		display: none;
	}

	.history-year {
		width: 350px;
		height: 100%;
	}

	.history-year ul li {
		width: 70px;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.history-year ul li::before {
		height: 3.4667vw;
	}

	.history-year ul li.on {
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.history-list {
		height: auto;
	}

	.history-item {
		width: 92vw;
		height: auto;
		margin: 0 4vw;
		padding: 5.3333vw;
		border-radius: 6px;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.history-item .thumb {
		width: 100%;
		height: auto;
		border-radius: 4px;
	}

	.history-item .info {
		width: 100%;
		height: auto;
		margin-top: 4.2667vw;
		margin-left: 0;
		display: block;
		opacity: 1;
		overflow: hidden;
	}

	.history-item .info h5 {
		width: 100%;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.history-item .info h3 {
		width: 100%;
		height: auto;
		margin-bottom: 2.9333vw;
		padding: 2.6667vw 0 4.8vw 0;
		border-bottom: 1px solid rgba(71, 71, 71, 0.16);
		font-size: 3.7333vw;
		line-height: 5.3333vw;
	}

	.history-item .info p {
		width: 100%;
		padding: 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.history-item.on {
		width: 92vw;
		height: auto;
		padding: 5.3333vw;
	}

	/* .history company */
	.history-item.history-company .info {
		width: 100%;
		height: auto;
		margin-left: 0;
		overflow-y: hidden;
	}

	.history-item.history-company .info p {
		display: block;
	}

	.history-item.history-company.on .info p {
		display: block;
	}

	/*---------------- about ----------------*/
	.strength-page {
		padding: 0 0 16vw 0;
	}

	.strength-main {
		width: 100%;
	}

	.strength-intro .single-title {
		margin: 16.5333vw 0 73.8667vw 0;
	}

	.strength-intro .single-title p {
		width: 81.3333vw;
		margin: 4.5333vw auto 0 auto;
		color: #191919;
		font-size: 3.4667vw;
		line-height: 6.4vw;
	}

	.strength-item {
		flex-direction: column;
	}

	.strength-item .info {
		flex: none;
		width: 100%;
	}

	.strength-item .info h3 {
		height: 4.8vw;
		margin-bottom: 2.9333vw;
		padding-left: 2.1333vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.strength-item .info ul {
		width: 100%;
		height: auto;
	}

	.strength-item .info ul li {
		margin-top: 0;
		padding-left: 2.1333vw;
		color: #474747;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 10.6667vw;
	}

	.strength-item .info ul li:nth-child(1) {
		margin-top: 0;
	}

	.strength-item .info ul li::before {
		color: #474747;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 10.6667vw;
	}

	.strength-list {
		width: 92vw;
		margin: 10.6667vw 4vw 13.3333vw 4vw;
	}

	.strength-list .strength-item {
		margin-bottom: 8vw;
	}

	.strength-list .strength-item .thumb {
		width: 100%;
		height: auto;
	}

	.strength-list .strength-item .info {
		padding: 8.2667vw 5.3333vw 9.0667vw 5.3333vw;
	}

	.strength-list .strength-item:nth-child(2n) .thumb {
		order: 1;
	}

	.strength-list .strength-item:nth-child(2n) .info {
		order: 2;
	}

	.network-tab-container {
		width: 92vw;
		margin-left: 4vw;
	}

	.network-tab-title {
		width: 78.4vw;
		margin-left: 10.6667vw;
		margin-bottom: 5.3333vw;
	}

	.network-tab-content .strength-item {
		height: auto;
	}

	.network-tab-content .strength-item .thumb {
		width: 86.6667vw;
		height: 71.4667vw;
		margin: 2.6667vw;
	}

	.network-tab-content .strength-item .info {
		width: 81.3333vw;
		margin: 5.3333vw 5.3333vw 13.3333vw 5.3333vw;
	}

	.network-tab-content .strength-item .info ul li {
		margin-bottom: 2.1333vw;
		line-height: 6.4vw;
	}

	.network-tab-content .strength-item .info ul li::before {
		line-height: 6.4vw
	}

	/*---------------- tech ----------------*/
	.tech-page {
		background: #f5f6f7;
	}

	.tech-intro {
		width: 92vw;
		margin: 11.7333vw auto 16vw auto;
	}

	.tech-intro .single-title p {
		width: 81.3333vw;
		margin: 4.5333vw auto 10.6667vw auto;
		font-size: 3.4667vw;
		line-height: 6.4vw;
	}

	.tech-intro-content {
		height: auto;
		flex-direction: column;
	}

	.tech-intro-content img {
		width: 100%;
		height: auto;
	}

	.tech-intro-content ul {
		padding: 6.1333vw 5.3333vw 10.6667vw 5.3333vw;
		flex: none;
	}

	.tech-intro-content ul li {
		padding-left: 1.8667vw;
		color: #191919;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.tech-intro-content ul li:nth-child(1) {
		margin-bottom: 8vw;
	}

	.tech-intro-content ul li::before {
		width: 2px;
		height: 2px;
		top: 3.2vw;
	}

	.tech-patent {
		height: auto;
		margin-bottom: 16vw;
	}

	.tech-patent-pic {
		width: 100%;
		height: auto;
		left: 0;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		z-index: 10;
	}

	.tech-patent-content {
		width: 92vw;
		height: auto;
		margin: 13.3333vw 4vw;
		position: relative;
		z-index: 20;
		left: 0;
		top: 0;
		background: rgba(255, 255, 255, 0.8);
		border: 1px solid #ffffff;
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0);
	}

	.tech-patent-content::before {
		display: none;
	}

	.tech-patent-content .tech-list {
		width: 100%;
		padding: 8vw 5.3333vw;
	}

	.tech-patent-content .tech-list:nth-child(1) {
		border-bottom: 1px dashed #979797;
	}

	.tech-list h3 {
		height: 4.8vw;
		margin-bottom: 2.9333vw;
		padding-left: 2.1333vw;
		font-size: 3.7333vw;
		line-height: 4.8vw;
	}

	.tech-list ul li {
		margin-bottom: 2.1333vw;
		margin-bottom: 1.6vw;
		padding-left: 2.1333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.tech-list ul li::before {
		width: 2px;
		height: 2px;
		top: 3.2vw;
	}

	.tech-list ul li.no-dot::before {
		display: none;
	}

	.awards {
		width: 81.6vw;
		min-width: 81.6vw;
		margin: 0 auto;
	}

	.awards-title {
		width: 100%;
	}

	.awards-title h3 {
		height: 4.8vw;
		margin-bottom: 2.9333vw;
		padding-left: 2.1333vw;
		font-size: 3.7333vw;
		line-height: 4.8vw;
	}

	.awards-title p {
		width: 100%;
		padding-left: 0;
		padding-bottom: 13.6vw;
		color: #474747;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.awards-ctrl {
		width: 20.8vw;
		height: 6.4vw;
		right: auto;
		left: 0;
		bottom: 0;
	}

	.awards-ctrl a {
		width: 6.4vw;
		height: 6.4vw;
	}

	.awards-list-container {
		width: 100%;
		margin: 5.3333vw auto 0 auto;
	}

	.awards-list {
		margin-left: 0;
		left: 0;
	}

	.awards-item {
		width: 81.6vw;
		height: auto;
		margin-right: 9.2vw;
	}

	.awards-item .thumb {
		width: 100%;
	}

	.awards-item .info {
		width: 100%;
		height: auto;
		padding: 2.6667vw 0 0 0;
		background: transparent;
		position: relative;
		top: 0;
	}

	.awards-item .info h3 {
		margin-bottom: 3.2vw;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.awards-item .info p {
		font-size: 3.2vw;
		line-height: 6.4vw;
		opacity: 1;
	}

	.awards-item:hover .info {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.awards-item:hover .info p {
		opacity: 1;
	}

	.tech-cert {
		width: 92%;
		margin: 13.3333vw auto 18.6667vw auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.cert-tab-title {
		width: auto;
		margin-bottom: 5.3333vw !important;
	}

	.cert-tab-content {
		height: auto;
	}

	.cert-tab-content .thumb {
		width: 81.3333vw;
		height: auto;
		margin: 5.3333vw 5.3333vw 8vw 5.3333vw;
	}

	.cert-tab-content .tech-list {
		width: 81.3333vw;
		margin: 0 5.3333vw 8vw 5.3333vw;
	}


	.leading {
		width: 92%;
		margin: 0 auto 14.6667vw auto;
	}

	.leading ul {
		margin-top: 8vw;
		padding-top: 0;
		border-top: 0;
	}

	.leading ul li {
		width: 44vw;
		margin: 0 4vw 6.6667vw 0;
	}

	.leading ul li:nth-child(2n) {
		margin-right: 0;
	}

	.leading ul li:nth-child(3n) {
		margin-right: 4vw;
	}

	.leading ul li:nth-child(6n) {
		margin-right: 0;
	}

	.leading ul li .info {
		margin-top: 2.6667vw;
	}

	.leading ul li .info a {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}




	/*---------------- search ----------------*/
	.search-page {
		padding: 0 0 21.3333vw 0;
	}

	.search-top {
		padding: 4.8vw 0 8vw 0;
	}

	.search-top  p {
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.search-box {
		width: 100%;
		height: 13.3333vw;
		padding: 0;
		margin-bottom: 4vw;
		background: none;
	}

	.search-box .m-btn-search-form {
		width: 4.8vw;
		float: right;
		margin: 4.2667vw 4vw 0 4vw;
	}

	.search-box input {
		width: 74vw;
		padding: 0 4vw;
		font-size: 3.7333vw;
	}
	
	.search-tab a {
		height: 6.1333vw;
		margin-right: 4.8vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.search-tab a:last-child {
		margin-right: 0;
	}
	
	.rs-tips {
		margin: 21.3333vw 0;
		padding: 0 10.6667vw;
		font-size: 8vw;
		font-family: "sc";
		line-height: 12vw;
		text-align: center;
		opacity: 0.6;
	}
	
	.rs-list {
		margin: 5.3333vw 0;
	}

	/* rs product */
	.rs-product-item {
		margin: 0 0 4vw 0;
	}
	
	.rs-product-item .thumb {
		width: 26.6667vw;
		height: 26.6667vw;
		margin-right: 4vw;
	}
	
	.rs-product-item .info {
		overflow: visible;
	}

	.rs-product-item .info h3, .rs-product-item .info h3 a {
		font-size: 4.2667vw;
		line-height: 4.2667vw;
		overflow: visible;
	}
	
	.rs-product-item .info p {
		margin-top: 2.6667vw;
		font-size: 2.6667vw;
		line-height: 150%;
		overflow: visible;
	}
	
	/* rs news */
	.rs-news-list {
		margin: 0;
	}

	.rs-news-item {
		height: 13.3333vw;
		padding-right: 8vw;
		background-size: 1.6vw;
	}
	
	.rs-news-item a {
		font-size: 3.2vw;
		line-height: 150%;
	}
	
	
	/* rs video */
	.rs-video-item {
		margin: 0 0 4vw 0;
	}
	
	.rs-video-item .thumb {
		width: 31.2vw;
		height: 17.6vw;
		margin-right: 4vw;
	}
	
	.rs-video-item .thumb::after {
		background-size: 7.2vw;
	}
	
	.rs-video-item .info a {
		font-size: 3.2vw;
		line-height: 150%;
		overflow: visible;
	}
	
	/*---------------- pages ----------------*/
	.pages a {
		height: 4.5333vw;
		padding: 0 1.3333vw;
		margin: 10.6667vw 2.6667vw 0 2.6667vw;
		border-radius: 2.8px;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.pages .prev {
		width: 4.5333vw;
		background-size: 1.3333vw;
	}

	.pages .next {
		width: 4.5333vw;
		background-size: 1.3333vw;
	}
	
	

	/*---------------- service ----------------*/
	
	.m-service-mask {
		z-index: 1100;
	}

	.m-over-service {
		width: 81.3333vw;
		height: 137.3333vw;
		margin-top: -68.5333vw;
		position: fixed;
		left: 9.3333vw;
		top: 50%;
		z-index: 1200;
		background: #1A202F;
		opacity: 0;
		transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		display: none;
	}

	.m-over-service.show {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.m-over-service h3 {
		width: 100%;
		height: auto;
		margin: 13.0667vw 0 0 0;
		color: #F5F6F7;
		font-size: 4.2667vw;
		font-family: "scm";
		line-height: 4.2667vw;
		text-align: center;

	}

	.m-over-service ul {
		width: 36vw;
		height: auto;
		margin: 0 auto;
	}

	.m-over-service ul li {
		width: 36vw;
		height: 36vw;
		float: left;
		margin-top: 16vw;
		background: #ffffff;
		border-radius: 4.5px;
	}

	.m-over-service ul li a {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.m-over-service ul li a img {
		width: 100%;
		height: auto;
		display: block;
	}

	.m-over-service ul li a span {
		color: #C8152D;
		font-size: 3.7333vw;
		font-family: "scm";
		line-height: 3.7333vw;
		overflow: visible;
	}

	.m-service-close {
		width: 3.7333vw;
		height: 3.7333vw;
		padding: 2.9333vw;
		box-sizing: content-box;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* service home */
	.service-page .single-title {
		margin: 16vw 0 10.6667vw 0;
	}

	.service-home-banner {
		height: auto;
	}
	
	.service-home-banner img {
		width: 100%;
		height: auto;
		margin-left: 0;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}

	.service-search {
		width: 72vw;
		left: 14vw;
		top: 15.7333vw;
	}
	
	.service-search h3 {
		font-size: 5.3333vw;
		line-height: 5.3333vw;
	}

	.service-search h4 {
		height: 7.6vw;
		margin: 1.7333vw 0 2.1333vw 0;
		font-size: 7.2vw;
		line-height: 7.2vw;
		letter-spacing: 1.8px;
	}

	.service-search h5 {
		margin-top: 3.2vw;
		font-size: 4.8vw;
		line-height: 4.8vw;
		letter-spacing: 1.8px;
	}

	.service-search-form {
		width: 72vw;
		height: 10.6667vw;
		margin: 6.4vw auto 0 auto;
	}

	.service-search-form img {
		width: 4.8vw;
		margin: 0 2.6667vw 0 2.9333vw;
	}

	.service-search-form input {
		margin-right: 4vw;
		font-size: 3.2vw;
	}


	.service-icon-list {
		padding: 0 0 25.6vw 0;
	}

	.service-icon-list .swiper-pagination {
		bottom: 16vw !important;
	}

	.service-icon-item {
		width: 30.9333vw;
		height: 33.0667vw;
	}

	.service-icon-item:nth-child(1) {
		margin-left: 0;
	}


	.service-icon-item h3 {
		top: 24vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.service-item {
		width: 100%;
		height: auto;
		margin: 0 0 10.6667vw 0;
		background: none;
	}

	.service-item.big {
		width: 100%;
		height: auto;
		margin-right: 0;
	}

	.service-item .intro {
		width: 100%;
		height: auto;
		margin-top: 0;
		padding: 8.2667vw 5.3333vw 10.4vw 5.3333vw;
	}

	.service-item .intro::before {
		content: " ";
		width: 86.9333vw;
		height: 0;
		display: block;
		position: absolute;
		left: 2.5333vw;
		top: 0;
		border-top: 1px dashed #D8D8D8;
	}

	.service-item .intro h3 {
		font-size: 3.7333vw;
		font-family: "scm";
		line-height: 5.6vw;
	}

	.service-item .intro p {
		color: #939393;
		margin-top: 3.2vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.service-item .intro h5 {
		height: 3.2vw;
		line-height: 3.2vw;
	}

	.service-item .intro h5 span {
		height: 3.2vw;
		padding-right: 13px;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.service-item .intro h5 span::after {
		width: 1.3333vw;
		height: 3.2vw;
		background-size: 1.3333vw;
	}

	.service-item .title {
		display: none;
	}

	.service-item .info {
		height: auto;
		padding: 0;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: none;
		opacity: 1;
	}

	.service-item .info h3 {
		margin: 2.6667vw 0 3.2vw 0;
		color: #474747;
		font-size: 3.7333vw;
		line-height: 4.8vw;
		text-decoration: none;
	}

	.service-item .info h3 a {
		color: #474747;
	}

	.service-item .info p {
		height: auto;
		margin-bottom: 0;
		color: #939393;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.service-item.big .info p {
		height: auto;
		margin-bottom: 0;
	}

	.service-item:hover .thumb, .service-item:hover .intro {
		filter: blur(0);
	}

	.serivce-text-box {
		background: #ffffff;
		position: relative;
	}

	.serivce-text-box .service-item:nth-child(2) {
		margin-right: 0;
	}

	.serivce-text-box .service-item {
		margin-bottom: 0;
	}

	.serivce-text-box .service-item:nth-child(-n+2) {
		width: 50%;
	}

	
	.serivce-text-box .service-item:nth-child(-n+2) .intro {
		height: 49.6vw;
		padding-top: 5.3333vw;
		padding-bottom: 8vw;
	}

	.serivce-text-box .service-item:nth-child(-n+2) .intro::before {
		display: none;
	}

	.serivce-text-box .service-item:nth-child(1) .intro::after {
		content: " ";
		width: 0;
		height: 47.6vw;
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		border-right: 1px dashed #D8D8D8;
	}

	.service-home-title {
		padding: 13.3333vw 0 5.3333vw 0;
		font-size: 3.7333vw;
		line-height: 6.9333vw;
	}

	.service-home-content, .service-home-tips {
		padding: 3.4667vw 0 0 0;
		font-size: 2.9333vw;
		line-height: 6.4vw;
	}

	.service-home-tips {
		padding-top: 9.0667vw;
		margin-bottom: 21.3333vw;
	}


	/*---------------- service show ----------------*/
	.service-banner {
		height: 64vw;
		position: absolute;
		top: 13.3333vw;
	}

	.service-banner img {
		width: 100%;
		height: auto;
		left: 0;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.service-list-page {
		padding: 28.8vw 0 21.3333vw 0;
	}

	.service-list-page .service-search-form {
		margin-top: 0;
		margin-bottom: 24.5333vw;
	}
	
	.service-list-main {
		width: 100%;
		overflow: visible;
	}

	.service-box {
		width: 100%;
		background: #F5F6F7;
		overflow: visible;
	}

	.service-box::before {
		display: none;
	}

	.service-ctrl {
		width: 8px;
		height: 8px;
		top: 3px;
	}

	.service-ctrl::before, .service-ctrl::after {
		height: 1.2px;
		top: 3.4px;
		background: #474747;
	}

	.service-class {
		width: 100%;
		height: 13.3333vw;
		padding: 0;
		background: #ffffff;
		overflow: visible;
	}

	.service-class h3 {
		width: 100%;
		height: 13.3333vw;
		padding: 0 4vw;
		position: relative;
		z-index: 200;
		display: flex;
		align-items: center;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
		color: #C8152D;
		font-size: 3.7333vw;
		font-family: "scb";
		line-height: 3.7333vw;
	}

	.service-class h3::before {
		content: " ";
		width: 3px;
		height: 4.8vw;
		display: block;
		margin-right: 1.3333vw;
		background: #C8152D;
	}

	.service-class h3::after {
		content: " ";
		width: 3.2vw;
		height: 1.6vw;
		display: block;
		position: absolute;
		right: 6.1333vw;
		top: 5.8667vw;
		background: url(../images/m/m_arrow_down_red.png) no-repeat 0 0;
		background-size: 100%;
	}

	.service-class.show h3::after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.service-class.no-subclass h3::after {
		display: none;
	}

	.service-class ul {
		width: 100%;
		height: 0;
		position: relative;
		z-index: 100;
		background: #FFFFFF;
		opacity: 0;
		box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.06);
		transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-ms-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
		-moz-transition: all .2s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.service-class.show ul {
		opacity: 1;
	}

	.service-class ul li {
		width: 100%;
		height: 13.3333vw;
		padding: 0 4vw;
	}

	.service-class ul li a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		color: #474747;
		font-size: 3.7333vw;
		font-family: "scb";
		line-height: 3.7333vw;
	}

	.service-content-box {
		width: 100%;
		float: left;
		padding: 0 4vw;
		padding: 0;
		background: #ffffff;
	}

	.service-pos {
		display: none;
	}

	/* mobile service subclass */
	.service-subclass-title {
		width: 100%;
		height: 12.8vw;
		padding: 0 8vw;
		position: relative;
		background: #f5f6f7;
		border-bottom: 0px solid rgba(216, 216, 216, 0.3);
		color: #474747;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 3.2vw;
	}

	.service-subclass-title::after {
		content: " ";
		width: 84vw;
		height: 1px;
		display: block;
		position: absolute;
		left: 8vw;
		bottom: 0;
		background: rgba(216, 216, 216, 0.3);
	}

	.service-subclass-title a {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		color: #474747;
	}

	.service-subclass-title .service-ctrl {
		right: 8vw;
		top: 5.3333vw;
	}

	.service-subclass-item.show .service-subclass-title a {
		color: #C8152D;
	}

	.service-subclass-item.show .service-subclass-title .service-ctrl::before {
		background: #C8152D;
	}

	.service-subclass-item.show .service-subclass-title .service-ctrl::after {
		display: none;
	}
	

	.service-subclass-content {
		width: 100%;
	}

	.service-subclass-content .service-list-item .service-title {
		width: 100%;
		margin-left: 0;
		padding: 0 9.3333vw;
	}

	.service-subclass-content .service-list-item .service-title .service-ctrl {
		right: 9.3333vw;
	}

	.service-subclass-content .service-list-item.show .service-title .service-ctrl::before {
		background: #C8152D;
	}
	/* mobile service subclass */

	.service-title {
		width: 92vw;
		margin: 5.0667vw 0 0 4vw;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 3.2vw;
	}

	.service-title span {
		font-family: "scm";
		line-height: 3.2vw;
	}

	.service-content-box .news-content {
		margin: 0 0 0 0;
	}

	.service-list-item {
		padding-bottom: 0;
		background: #f5f6f7;
		border-bottom: 0px solid rgba(216, 216, 216, 0.3);
	}

	.service-list-item::after {
		content: " ";
		width: 84vw;
		height: 1px;
		display: block;
		position: absolute;
		left: 8vw;
		bottom: 0;
		background: rgba(216, 216, 216, 0.3);
	   }

	.service-list-item .service-title {
		margin-bottom: 4.5333vw;
		padding: 0 4vw;
		color: #474747;
	}

	.service-list-item .service-title .service-ctrl {
		right: 4vw;
	}

	.service-list-item .service-title:hover {
		color: #474747;
	}

	.service-list-item.show .service-title {
		color: #C8152D;
	}

	.service-content {
		margin: 0 0 8vw 0;
		margin: 0;
		padding: 2.9333vw 4vw 5.3333vw 4vw;
		background: #EAEAEB;
	}

	.single-service-content {
		display: block;
	}

	.single-service-content .news-content {
		margin-top: 0;
	}

	.service-list-close {
		margin-top: 10.6667vw;
	}

	.service-list-close span {
		padding-right: 3.4667vw;
		background-size: 2.1333vw;
		font-size: 2.9333vw;
		line-height: 2.9333vw;
	}

	.service-search-main {
		width: 100%;
	}

	.service-search-result {
		padding: 5.8667vw 0 0 0;
		background: #f5f6f7;
	}

	.service-result-tips {
		width: 92vw;
		margin: 0 auto;
		padding-bottom: 5.0667vw;
		border-bottom: 1px solid rgba(216, 216, 216, 0.8);
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.service-search-no-result {
		width: 100%;
		padding: 25.6vw 10.6667vw 21.3333vw 10.6667vw;
		opacity: 0.6;
		color: #939393;
		font-size: 8vw;
		line-height: 12vw;
		text-align: center;
	}


	/*---------------- business ----------------*/
	/* market */
	.market {
		margin: 16vw 0 21.3333vw 0;
	}

	.market-icon-list {
		margin: 5.3333vw 0;
	}

	.market-icon-list li {
		width: 21.3333vw;
		height: 21.3333vw;
		margin: 0 2.1333vw;
		justify-content: flex-start;
		border-radius: 2px;
	}

	.market-icon-list li img {
		width: 9.6vw;
		margin: 3.4667vw 0 0 0;
	}

	.market-icon-list li h3 {
		margin-top: 1.6vw;
		font-size: 2.6667vw;
		font-family: "sc";
		line-height: 2.6667vw;
	}

	.market-content {
		width: 100%;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: left;
	}

	/* advantage */
	.advantage-swiper {
		margin: 5.3333vw 0 21.3333vw 0;
		padding-bottom: 12.2667vw;
		overflow: visible;
	}

	.advantage-swiper * {
		overflow: visible;
	}

	.advantage-item {
		width: 100%;
		margin-right: 0;
		overflow: hidden;
	}

	.advantage-item h3 {
		margin: 5.3333vw 0 2.4vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.advantage-item p {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.advantage-content {
		height: auto;
		margin: 0;
		padding: 0;
		background: #ffffff;
		display: block;
	}

	.advantage-content .intro {
		width: 100%;
		margin-right: 0;
	}

	.advantage-content .intro h3 {
		margin: 5.3333vw 0 2.4vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.advantage-content .intro p {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.advantage-content ul {
		width: 100%;
		height: 57.0667vw;
		padding: 9.0667vw 4vw 0 4vw;
		flex: none;
		flex-direction: column;
		background: #F5F6F7;
		border-radius: 4px;
	}


	.advantage-content ul li {
		width: 100%;
		height: auto;
		margin: 0 0 5.3333vw 0;
		background: none;
		border-radius: 0;
		text-align: left;
	}

	.advantage-content ul li h3 {
		width: 100%;
		margin: 0;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.advantage-content ul li p {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.advantage-icon-list {
		margin-bottom: 10.6667vw;
		padding: 0 8.8vw;
		justify-content: space-between;
	}

	.advantage-icon-list li {
		width: 32vw;
		height: auto;
		margin-bottom: 10.6667vw;
	}

	.advantage-icon-list li img {
		width: 12.5333vw;
	}

	.advantage-icon-list li h3 {
		margin-top: 2.6667vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.crm .intro {
		margin: 5.3333vw 0 8vw 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: left;
	}

	.crm-tab-title {
		width: 100%;
	}

	.crm-tab-title li {
		width: 28vw;
		height: 34.6667vw;
		align-items: center;
		border-radius: 3.8px;
		box-shadow: 0px 1px 6px 1px rgba(21, 21, 34, 0.09);
	}

	.crm-tab-title li img {
		width: 15.2vw;
		margin: 4vw 0 1.6vw 0;
	}

	.crm-tab-title li h3 {
		width: 100%;
		padding: 0.8vw 2.6667vw 0 2.6667vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.crm-arrow {
		height: 2.6667vw;
		margin-top: 4vw;
	}

	.crm-arrow img {
		width: 7.4667vw;
		left: 0;
		top: 1px;
	}

	.crm-arrow img.tab-1 {
		margin-left: 10.4vw;
	}

	.crm-arrow img.tab-2 {
		margin-left: 42.4vw;
	}

	.crm-arrow img.tab-3 {
		margin-left: 74.4vw;
	}

	.crm-tab-container {
		margin-bottom: 16vw;
		padding: 8vw 0;
		border-radius: 5px;
	}

	.crm-tab-content .single-title h3 {
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.crm-tab-content .info {
		width: 84vw;
		margin: 2.6667vw auto 0 auto;
		color: #474747;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.crm-tab-content .info h3 {
		color: #000000;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 6.4vw;
	}

	/*
	.join {
		margin: 120px 0 100px 0;
	}

	.join-email {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.join-email img {
		width: 83px;
		height: auto;
		display: block;
		margin: 60px 0 20px 0;
	}

	.join-email h3 {
		color: #000000;
		font-size: 18px;
		font-family: "scm";
		line-height: 18px;
	}

	.join-email a {
		margin: 10px 0 60px 0;
		color: #939393;
		font-size: 14px;
		line-height: 14px;
	}

	.join img.arrow {
		width: 18px;
		display: block;
		margin: 0 auto;
	}

	.join-form {
		padding: 100px 0;
		background: #F5F6F7;
	}

	.join-form ul {
		width: 1030px;
		height: auto;
		margin: 40px auto 10px auto;
	}

	.join-form ul li {
		width: 500px;
		height: 50px;
		float: left;
		margin: 0 30px 30px 0;
		padding: 0 14px;
		display: flex;
		align-items: center;
		background: #ffffff;
		border-radius: 6px;
	}

	.join-form ul li:nth-child(2n) {
		margin-right: 0;
	}

	.join-form ul li img {
		width: 30px;
		display: block;
	}

	.join-form ul li span {
		margin: 0 6px;
		color: #939393;
		font-size: 14px;
		line-height: 14px;
	}

	.join-form ul li input {
		height: 100%;
		flex: 1;
		background: none;
		border: 0;
		color: #474747;
		font-size: 14px;
		line-height: 14px;
	}

	.join-form .btn-base {
		width: 151px;
		height: 36px;
		color: #F5F6F7;
		font-size: 14px;
		font-family: "scm";
		line-height: 14px;
	}

	.join-form .tips {
		margin-top: 20px;
		color: #939393;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
	}
	*/

	/*---------------- engineering ----------------*/
	.engineering {
		width: 92vw;
		margin: 16vw auto;
	}

	.engineering .content {
		margin-top: 5.3333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: left;
	}

	.engineering .content img {
		margin-top: 5.3333vw;
	}

	.client {
		padding: 16vw 0 10.6667vw 0;
	}

	.client-box {
		width: 100%;
		margin: 0 auto;
	}

	.client-tab-title {
		width: max-content;
		margin: 10.6667vw auto 5.3333vw auto;
		column-gap: 8vw;
	}

	
	.client-logo {
		width: 92vw;
		margin: 0 auto;
		padding-bottom: 10.1333vw;
	}

	.client-logo img {
		width: 28vw;
		border-radius: 4px;
		margin: 0;
		overflow: hidden;
	}

	/* case */
	.case {
		width: 100%;
		margin: 16vw auto 0 auto;
	}

	.case .tab-line-title {
		width: 92vw;
		margin: 10.6667vw auto 5.3333vw auto;
	}

	.case-tab-content {
		width: 92vw;
		margin: 0 auto;
	}

	.case-item {
		background: #F5F6F7;
		border-radius: 4px;
	}

	.case-item .info {
		flex: 1;
	}

	.case-item .info h3 {
		height: auto;
		padding-bottom: 4vw;
		margin-bottom: 1.3333vw;
		border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.case-item .info  p {
		font-size: 2.6667vw;
		line-height: 4.8vw;
	}

	/* case-list-1 */
	.case-list-1 {
		padding-bottom: 7.4667vw;
	}

	.case-list-1 .case-item {
		width: 100;
		height: 64vw;
		padding: 2.6667vw;
		margin: 0;
	}


	.case-list-1 .case-item .thumb {
		width: 42.6667vw;
		height: 58.6667vw;
		margin-right: 2.6667vw;
	}

	.case-list-1 .case-item .info {
		margin-top: 2.6667vw;
	}

	/* case-list-2 */
	.case-list-2 {
		padding-bottom: 7.4667vw;
	}

	.case-list-2 .case-item {
		width: 100;
		height: 64vw;
		padding: 2.6667vw;
		margin: 0;
		align-items: flex-start;
	}

	.case-list-2 .case-item .thumb {
		width: 42.6667vw;
		height: 58.6667vw;
		margin-right: 2.6667vw;
	}

	.case-list-2 .case-item .info {
		margin-top: 2.6667vw;
	}

	/* case-list-3 */
	.case-list-3-swiper {
		padding-bottom: 7.4667vw;
	}

	.case-list-3 .case-item {
		width: 100%;
		height: 64vw;
		padding: 2.6667vw 2.6667vw  4vw 2.6667vw ;
		margin: 2.6667vw 0 0 0;
	}

	.case-list-3 .case-item .thumb {
		width: 100%;
		height: auto;
	}

	.case-list-3 .case-item .info h3 {
		height: auto;
		margin-top: 4vw;
	}

	.case-list-3 .case-item.big {
		width: 100%;
		height: 130.6667vw;
	}

	.case-list-3 .case-item.big .thumb{
		height: auto;
	}

	.case-list-3 .case-item:nth-child(4), .case-list-3 .case-item:nth-child(7) {
		margin-right: 0;
	}

	.case-list-3 .case-item:nth-child(2), .case-list-3 .case-item:nth-child(3), .case-list-3 .case-item:nth-child(4) {
		margin-bottom: 0;
	}

	/* case-list-4 */
	.case-list-4 {
		padding-bottom: 7.4667vw;
	}

	.case-list-4 .case-item {
		height: 130.6667vw;
		padding: 5.3333vw 2.6667vw;
		margin: 0;
		flex-direction: column;
		align-items: flex-start;
	}

	.case-list-4 .case-item .xs-big-thumb {
		width: 100%;
		height: auto;
		margin-bottom: 2.6667vw;
	}

	.case-list-4 .case-item .xs-big-thumb img {
		width: 100%;
		display: block;
	}

	.case-list-4 .case-item .lg-box {
		height: auto;
		align-items: flex-start;
	}

	.case-list-4 .case-item .thumb {
		width: 42.6667vw;
		height: 58.6667vw;
		margin-right: 2.6667vw;
	}

	.case-list-4 .case-item .info {
		margin-top: 2.6667vw;
		margin-left: 0;
	}

	.case-list-4 .case-item .info h3 {
		line-height: 4.8vw;
	}

	/* process */
	.process {
		padding: 21.3333vw 0;
	}

	.process .content {
		margin: 5.3333vw auto 16vw auto;
		font-size: 3.2vw;
		line-height: 6.4vw;
		text-align: left;
	}

	.process-scroll {
		padding: 0 4vw;
		overflow-x: auto;
	}

	.process-scroll::-webkit-scrollbar {
		height: 0;
		width: 0;
		color: transparent;
	  }

	.process ul {
		width: auto;
		float: left;
		margin: 0;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.process ul li {
		width: max-content;
		height: auto;
	}

	.process ul li img {
		width: 10.6667vw;
	}

	.process ul li h3 {
		margin: 4vw 0 2.4vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
		white-space: nowrap;
	}

	.process ul li p {
		font-size: 2.6667vw;
		line-height: 4vw;
	}

	.process ul li.gap {
		padding: 0 5.3333vw;
	}

	.process ul li.gap img {
		width: 1.6vw;
		margin-top: 12.5333vw;
	}

	.contact {
		padding: 16vw 0 21.3333vw 0;
	}

	.contact ul {
		width: 69.3333vw;
		margin: 4vw auto 0 auto;
	}

	.contact ul li {
		width: 100%;
		height: 40vw;
		padding: 0;
		margin-top: 4vw;
		flex-direction: column;
		justify-content: flex-start;
	}

	.contact ul li:nth-child(1) {
		margin-right: 0;
	}

	.contact ul li img {
		width: 13.3333vw;
		height: 13.3333vw;
		margin: 5.3333vw 0 2.6667vw 0;
	}

	.contact ul li .info {
		text-align: center;
	}

	.contact ul li .info h3 {
		margin-bottom: 1.6vw;
		font-size: 3.7333vw;
		font-family: "scb";
		line-height: 3.7333vw;
		overflow: visible;
	}

	.contact ul li .info p {
		font-size: 3.2vw;
		line-height: 3.2vw;
		overflow: visible;
	}

	.contact.one-row ul li {
		justify-content: flex-start;
	}

	.contact.one-row ul li .info {
		flex: inherit;
	}

	.contact .tips {
		width: 77.3333vw;
		padding-top: 2.6667vw;
		font-size: 2.6667vw;
		line-height: 4.8vw;
	}

	/*---------------- customization ----------------*/
	.customization-page {
		background: #f5f6f7;
	}

	.fashion {
		padding: 16vw 0;
	}


	.fashion h3 {
		font-size: 4.8vw;
		font-family: "scb";
		line-height: 4.8vw;
	}

	.fashion p {
		margin: 5.3333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}


	.space-8 {
		padding-top: 15.4667vw;
	}

	.space-8 img {
		margin-top: 10.6667vw;
	}

	.join-reason {
		margin-top: 21.3333vw;
	}

	.join-reason-swiper {
		margin-top: 6.6667vw;
		padding-bottom: 10.1333vw;
	}

	.join-reason-swiper * {
		overflow: visible;
	}

	.join-reason-item {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.join-reason-item:nth-child(3), .join-reason-item:nth-child(5) {
		margin-right: 0;
	}

	.join-reason-item .info {
		padding: 4vw 4vw 4.2667vw 4vw;
	}

	.join-reason-item h3 {
		padding: 0 0 0 3.4667vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.join-reason-item h3::before {
		height: 3.7333vw;
	}

	.join-reason-item p {
		margin-top: 1.3333vw;
		font-size: 3.2vw;
		line-height: 5.3333vw;
	}

	.train {
		margin-top: 21.3333vw;
	}

	.train ul {
		margin-top: 5.3333vw;
		display: flex;
		flex-wrap: wrap;
	}

	.train ul li {
		height: 32vw;
		margin: 0 2.6667vw 2.6667vw 0;
	}

	.train ul li:nth-child(2n) {
		margin-right: 0;
	}

	.customization-page .contact {
		padding: 21.3333vw 0;
	}

		
	/*---------------- mall ----------------*/
	.mall-page {
		padding-top: 16vw;
	}

	.mall-banner {
		height: 106.6667vw;
	}

	.mall-banner-info {
		width: 78.6667vw;
		margin-left: -39.3333vw;
		top: 10.6667vw;
	}

	.mall-banner-info h4 {
		margin: 8vw 0 1.3333vw 0;
		font-size: 3.2vw;
		font-family: "scm";
		line-height: 3.2vw;
	}

	.mall-banner-info p {
		color: #474747;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.mall-banner-info h5 {
		margin: 14px 0 0 0;
		font-size: 16px;
		line-height: 28px;
		display: none;
	}

	.mall-list {
		width: 96vw;
		margin-bottom: 16vw;
	}

	.mall-list .single-title h3 {
		padding-bottom: 2.4vw;
	}

	.mall-list .single-title h3::after {
		width: 10.1333vw;
		height: 3px;
		margin-left: -5.0667vw;
	}

	.mall-list ul {
		margin-top: 7.7333vw;
	}

	.mall-list ul li {
		width: 44vw;
		height: 10.6667vw;
		margin: 0 2vw 4vw 2vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.mall-list ul li:nth-child(2n) {
		margin-right: 2vw;
	}



	/*---------------- job ----------------*/
	.job-page {
		padding: 16vw 0 12vw 0;
	}

	.job-list {
		width: 64vw;
		margin: 10.1333vw auto 0 auto;
		flex-direction: column;
	}

	.job-list li {
		width: 100%;
		height: 44.8vw;
		margin: 0 0 4vw 0;
		border-radius: 4px;
	}

	.job-list li img {
		width: 13.3333vw;
		margin: 8vw auto 0 auto;
	}

	.job-list li h3 {
		margin: 2.6667vw 0 4vw 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}


	/*---------------- course ----------------*/
	.course-page {
		padding: 16vw 0 21.3333vw 0;
	}

	.course-page .tab-icon-title {
		width: 73.6vw;
		min-width: 73.6vw;
		margin: 10.6667vw auto 8vw auto;
	}

	.course-page .tab-icon-title ul li {
		width: 24.5333vw;
		padding: 0;
	}

	.course-page .tab-icon-title ul li .icon {
		width: 5.3333vw;
		height: 5.3333vw;
		margin-right: 1.6vw;
	}

	.course-list {
		margin-bottom: 10.6667vw;
	}

	.course-item {
		width: 100%;
		height: 32vw;
		margin: 0 0 4vw 0;
	}

	.course-item .info {
		width: 50.6667vw;
		margin: 5.3333vw 0 0 5.3333vw;
	}

	.course-item .info h3 {
		width: 100%;
		height: auto;
		margin-bottom: 2.6667vw;
		padding-left: 2.4vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.course-item .info p {
		font-size: 3.2vw;
		line-height: 5.3333vw;
	}

	.course-item .thumb {
		width: 28vw;
		height: 32vw;
	}

	/* show */
	.course-show {
		padding: 5.3333vw 0 0 0;
	}

	.course-more .course-list {
		float: left;
		margin-top: 60px;
	}

	
	.more-course-swiper {
		margin: 5.3333vw 0 9.8667vw 0;
	}


	/*---------------- store ----------------*/
	.store-page, .store-page.network {
		padding: 0;
	}

	.store-page>.main {
		width: 100%;
	}

	.store-title {
		width: 92vw;
		height: 143.2vw;
		margin: 0;
		padding: 8vw 5.3333vw 0 5.3333vw;
		position: absolute;
		left: 4vw;
		bottom: 10.6667vw;
		z-index: 4000;
		display: block;
		justify-content: flex-start;
		align-items: flex-start;
		background: rgba(255, 255, 255, 0.6);
		border-radius: 6px;
		box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.12);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		overflow: hidden;
		transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.store-title .single-title h3 {
		color: #000000;
	}

	.store-title h3.store-search-title {
		width: 100%;
		margin: 4vw 0;
		height: 6.9333vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #000000;
		font-size: 3.2vw;
	}

	.xs-store-title-ctrl {
		width: 6.9333vw;
	}

	.store-title .btn-base {
		display: none;
	}

	.store-search-box {
		width: 100%;
		height: 10.6667vw;
		margin: 0 0 4vw 0;
		border: 1px solid #EAEAEB;
	}

	.store-search-over {
		height: 100%;
	}

	.store-search-form {
		height: 100%;
	}

	.store-search-form input {
		padding: 0 4vw;
		color: #000000;
		font-size: 3.2vw;
	}

	.store-select {
		height: 92.5333vw;
		min-height: 92.5333vw;
		padding: 0;
		top: 13.3333vw;
		border-radius: 6px;
		border: 1px solid #EAEAEB;
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0);
	}

	.store-select-title {
		height: 10.6667vw;
		justify-content: flex-start;
	}

	.store-select-title i {
		width: auto;
		height: 100%;
		padding: 0 2.6667vw;
		font-size: 3.2vw;
	}

	.store-select-title i.selected {
		color: #000000;
		font-family: "scm";
	}

	.store-select-title i.selected.on {
		color: #ffffff;
	}

	.store-select-list {
		width: 98%;
		height: 71.4667vw;
		margin-top: 5.3333vw;
		overflow-y: auto;
	}

	.store-select-item i {
		width: 100%;
		height: 3.2vw;
		margin-bottom: 5.3333vw;
		padding: 0 5.3333vw;
		justify-content: flex-start;
		overflow: visible;
		color: #000000;
		font-size: 3.2vw;
		font-family: "scm";
	}

	.store-select-item i.on {
		background: none;
		color: #C8152D;
	}

	.store-search-result {
		height: calc(100vh - 13.3333vw);
		position: relative;
	}

	.result-info {
		width: 100%;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2100;
	}

	.result-tips {
		padding: 51.2vw 20.2667vw 0 20.2667vw;
		justify-content: flex-start;
	}

	.geo-error-tips {
		display: none;
	}

	.result-title {
		height: auto;
		float: left;
		padding: 0 0 5.3333vw 0;
		background: none;
		color: #939393;
		font-size: 3.2vw;
		line-height: 3.2vw;
		display: none;
	}

	.result-list-container {
		height: 86.9333vw;
		padding: 0;
		background: none;
	}

	.result-list {
		width: 100%;
		padding-right: 0;
	}

	.result-list ul li {
		margin-top: 5.3333vw;
		padding-bottom: 2.4vw;
		border: 0;
		position: relative;
	}

	.result-list ul li::after {
		content: " ";
		width: 76vw;
		height: 1px;
		position: absolute;
		left: 2.6667vw;
		bottom: 0;
		background: rgba(0, 0, 0, 0.1);
	}

	.result-list ul li h3 {
		margin-bottom: 4vw;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.result-list ul li p {
		width: 76vw;
		margin-left: 2.6667vw;
		margin-bottom: 2.9333vw;
		align-items: flex-start;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.result-list ul li p img {
		width: 2.6667vw;
		height: auto;
		margin: 1.0667vw 1.8667vw 0 0;
	}

	.result-map {
		width: 100%;
		height: 120vh;
		margin-top: -20vh;
	}
	
	.xs-result-select-info {
		width: 92vw;
		height: auto;
		padding: 5.3333vw 5.3333vw 5.0667vw 5.3333vw;
		position: absolute;
		left: 4vw;
		bottom: 10.6667vw;
		z-index: 3000;
		background: rgba(255, 255, 255, 0.6);
		border-radius: 6px;
		box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.12);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		transform: translate3d(100vw, 0, 0);
		-webkit-transform: translate3d(100vw, 0, 0);
		transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
		-webkit-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.xs-result-select-info h2 {
		width: 100%;
		height: 6.9333vw;
		margin-bottom: 5.3333vw;
		display: flex;
		align-items: center;
		color: #000000;
		font-size: 3.2vw;
	}

	.xs-result-select-info h2 img {
		width: 6.9333vw;
		display: block;
		margin-right: 2.6667vw;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	.xs-result-select-info h3 {
		width: 100%;
		height: auto;
		margin-bottom: 4vw;
		font-size: 3.7333vw;
		font-family: "scm";
		line-height: 3.7333vw;
	}

	.xs-result-select-info p {
		width: 76vw;
		margin-left: 2.6667vw;
		margin-bottom: 2.9333vw;
		display: flex;
		align-items: flex-start;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.xs-result-select-info p span {
		flex: 1;
	}

	.xs-result-select-info p img {
		width: 2.6667vw;
		height: auto;
		margin: 1.0667vw 1.8667vw 0 0;
	}

	/* xs hide */
	.store-title.hide {
		height: auto;
	}

	.store-title.hide .store-search-box {
		margin-bottom: 5.3333vw;
	}

	.store-title.hide .xs-store-title-ctrl {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	.store-title.hide .xs-search-result .result-list-container {
		display: none;
	}

	/* movw */
	.store-title.move {
		transform: translate3d(-100vw, 0, 0);
		-webkit-transform: translate3d(-100vw, 0, 0);
	}

	.xs-result-select-info.move {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	/*---------------- app ----------------*/
	.app-banner {
		height: auto;
	}

	.app-banner-bg {
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.app-bannner-info {
		width: 85.6vw;
		margin-left: 0;
		left: 7.2vw;
		top: 24vw;
		line-height: 6.4vw;
	}

	.app-bannner-info .icon {
		width: 16vw;
	}

	.app-bannner-info h3 {
		margin: 2.6667vw 0 5.3333vw 0;
		font-size: 3.7333vw;
		font-family: "scm";
		line-height: 3.7333vw;
	}


	.app-bannner-info p {
		font-size: 3.2vw;
	}

	.app-arrow {
		width: 10px !important;
		margin-left: -5px;
		bottom: 14.9333vw;
	}

	.app-page {
		padding: 10.6667vw 4vw 21.3333vw 4vw;
	}

	.app-info {
		width: 100%;
		float: left;
		color: #000000;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
	}

	.app-download {
		width: 100%;
		align-items: center;
	}

	.app-download img {
		width: 28.2667vw;
		padding: 1.6vw;
	}

	.app-download p {
		margin-top: 12px;
	}

	.app-ver {
		width: 100%;
		margin-left: 0;
		color: #474747;
		font-size: 3.2vw;
		line-height: 3.2vw;
		text-align: center;
	}

	.app-ver ul {
		width: 100%;
		margin-top: 10.1333vw;
		margin-bottom: 4vw;
	}

	.app-ver ul li {
		height: 6.9333vw;
		line-height: 6.9333vw;
	}

	.app-phone {
		width: 100%;
		margin: 16vw 0 0 0;
		padding-bottom: 10.1333vw;
	}

	.app-phone .swiper-slide {
		width: 40vw;
	}

	.app-phone .swiper-slide:nth-child(2n) img {
		margin-top: 0;
	}


	/*---------------- base ----------------*/


	/*---------------- 404 ----------------*/
	.box-404 {
		margin: 170px auto 190px auto;
	}

	.box-404 img {
		width: 100px;
	}

	.box-404 p {
		margin: 20px 0;
		font-size: 20px;
		line-height: 20px;
	}

	.box-404 a {
		width: 80px;
		height: 20px;
		border-radius: 4px;
		font-size: 12px;
	}



	
}