@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;
	}

	
	.main {
		width: 92vw;
	}
	
	.content {
		width: 1200px;
	}
	
	/*---------------- base ----------------*/
	.black-mask {
		width: 100%;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.6);
		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 {
		height: 8vw;
		padding: 0 8vw;
		border-radius: 4px;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.btn-gray {
		width: 37.3333vw;
		height: 8vw;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #000000;
		border-radius: 4px;
		color: #000000;
		font-size: 3.2vw;
	}
	
	/* base */
	.btn-base {
		width: 37.3333vw;
		height: 8vw;
		font-size: 3.2vw;
		border-radius: 4px;
		font-size: 3.2vw;
	}
	
	.btn-base:hover {
		background: #ff0000;
		color: #ffffff;
	}
	/* more */
	.btn-more{
		width: 18.6667vw;
		height: 5.3333vw;
		border-radius: 4px;
		font-size: 2.6667vw;
		line-height: 2.6667vw;
		/* 缩放格式 */
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.btn-more span {
		padding-right: 2vw;
		/* 缩放格式 */
		padding-right: 2.4vw;
		white-space: nowrap;
		transform: scale(0.8333, 0.8333);
	}

	.btn-more span::before{
		width: 1.3333vw;
		height: 2.1333vw;
		margin: -1.0667vw 0 0 0;
		/* 缩放格式 */
		width: 1.6vw;
		height: 2.56vw;
		margin: -1.2vw 0 0 0;
		background: url(../images/more_arrow_red_x2.png) no-repeat 0 0;
		background-size: 100%;
	}

	.btn-more:hover span::before{
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	/* btn more big */
	.btn-more.big{
		width: 23.4667vw;
		height: 6.9333vw;
		border-radius: 4px;
		font-size: 3.8vw;
	}

	.btn-more.big span {
		padding-right: 13px;
	}

	.btn-more.big span::before{
		width: 7px;
		height: 11px;
		margin: -5.5px 0 0 0;
	}

	.btn-more.big:hover span::before{
		transform: translate3d(10px, 0, 0);
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		-moz-transform: translate3d(10px, 0, 0);
	}
	/* btn white */
	.btn-white{
		width: 25.6vw;
		height: 7.4667vw;
		font-size: 2.6667vw;
		line-height: 2.6667vw;
	}

	/* btn youtube */
	.btn-youtube {
		width: 30.6667vw;
		height: 8vw;
		border-radius: 4px;
		font-size: 3.7333vw;
		line-height: 4.2667vw;
	}

	.btn-youtube span {
		padding-left: 9.3333vw;
		background-size: 6.6667vw;
	}
	
	/*---------------- quick contact ----------------*/
	.quick-contact-mask {
		z-index: 1700;
		transition-duration: .4s;
		-webkit-transition-duration: .4s;
	}

	.quick-contact {
		width: 86.6667vw;
		height: 100%;
		right: 0;
		bottom: 0;
		border-radius: 0;
		box-shadow: none;
		opacity: 1;
		transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		-moz-transform: translate3d(100%, 0, 0);
		transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
	}

	.quick-contact.show {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.quick-contact h3 {
		height: 13.3333vw;
		font-size: 12px;
		line-height: 13.5vw;
	}

	.btn-close-quick {
		width: 4.2667vw;
		height: 4.2667vw;
		right: auto;
		left: 5.3333vw;
		top: 4.5333vw;
		background: url(https://encdn.chinamacro.com/Static/images/m/m_menu_close.svg) no-repeat center center;
		background-size: 100%;
	}

	.quick-contact ul {
		width: 100%;
		margin: 10.6667vw auto 0 auto;
		padding: 0 4.8vw;
	}

	.quick-contact ul li {
		width: 100%;
		height: 10.6667vw;
		padding: 0 2.6667vw;
		margin-bottom: 8vw;
	}



	.quick-contact ul li.no-border {
		margin-top: 0;
	}

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

	.quick-contact ul li label {
		margin-top: 0;
		margin-right: 5px;
		color: #939393;
		font-size: 12px;
		font-family: "xh";
		line-height: 10.1333vw;
	}

	.quick-contact ul li input, .quick-contact ul li textarea {
		flex: 1;
		height: 10.6667vw;
		font-size: 12px;
		font-family: "xh";
		line-height: 10.1333vw;
	}

	.quick-contact ul li input::placeholder, .quick-contact ul li textarea::placeholder {
		color: #000000;
	}

	.quick-contact ul li textarea {
		height: 32vw;
		padding: 3.2vw 0;
		line-height: 14px;
	}

	.quick-contact ul li.height-auto {
		height: auto;
	}

	.quick-contact ul li a.btn {
		width: 37.3333vw;
		height: 8vw;
		font-size: 12px;
	}

	/*---------------- over ----------------*/
	.ajax-tips {
		width: 88vw;
		height: 10.6667vw;
		padding: 2px 4vw 0 10vw;
		right: 6vw;
		bottom: 50%;
		border-radius: 5px;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.ajax-tips.center {
		margin: 0;
		left: auto;
		top: auto;
		right: 6vw;
		bottom: 50%;
	}

	.ajax-tips.success {
		background-position-x: 4vw;
		background-size: 4.4vw;
	}

	.ajax-tips.false {
		background-position-x: 4vw;
		background-size: 4.4vw;
		color: #474747;
	}

	/*---------------- over ----------------*/
	.over-video-max {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 3000;
		display: none;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.7);
		opacity: 0;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-o-transition: all .2s linear;
	}

	.over-video-max.show {
		opacity: 1;
	}

	.ov-video-main {
		width: 1200px;
		height: auto;
		position: relative;
	}

	#over-video {
		width: 100%;
		display: block;
	}

	.btn-close-video {
		width: 8.5333vw;
		height: 8.5333vw;
		background: url(../images/m/m_btn_close_video_x2.png) no-repeat center center;
		background-size: 4.2667vw;
	}

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

	.header {
		height: 13.3333vw;
		background: rgba(71, 71, 71, 0.9);
		backdrop-filter: saturate(180%) blur(4px);
		-webkit-backdrop-filter: saturate(180%) blur(4px);
	}

	.header:hover {
		background: rgba(71, 71, 71, 0.9);
	}

	.header .main {
		
	}

	.header .logo {
		width: 30.4vw;
		height: 4vw;
		margin: 0 auto;
	}

	.header .logo i.white {
		background-image: url(../images/m/m_logo_white_x2.png);
	}

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

	.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_x2.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_red_x2.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_x2.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_x2.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: rgba(255, 255, 255, 1);
		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_x2.png);
	}

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

	.header.fixed .m-btn-top-search, .header.xs-fixed .m-btn-top-search {
		background-image: url(../images/m/m_btn_search_red_x2.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: #ffffff;
		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);
	}

	.menu.show {
		height: 100vh;
	}

	.sub-menu {
		height: 100vh;
		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(0, 0, 0, 0.1);
	}

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

	.m-link-group dt {
		width: 100%;
		height: 13.6vw;
		float: left;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		color: #262626;
		font-size: 3.2vw;
		font-family: "th";
		line-height: 4.2667vw;
		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: #262626;
		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-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: 4.8vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: #262626;
		font-size: 3.2vw;
		line-height: 4.2667vw;
	}

	.m-link-group dd ul li a {
		color: rgba(38, 38, 38, 0.6);
	}

	.m-link-group dd ul.menu-icon-ls li {
		padding-left: 0;
		background: url(../images/m/m_menu_link_x2.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(0, 0, 0, 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;
	}

	/* 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: #ffffff;
		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;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #d8d8d8;
		border-radius: 6px;
	}

	#m-top-search-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;
		font-size: 4.2667vw;
	}

	.m-top-search-content input::placeholder {
		color: #939393;
	}

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

	
	/* region */
	.m-region {
		width: 59.2vw;
		height: auto;
		float: left;
		margin: 10.1333vw 0 0 16.4vw;
		padding-left: 6.9333vw;
		display: flex;
		align-items: center;
		position: relative;
		background: url(https://encdn.chinamacro.com/Static/images/m/m_icon_lan.svg) no-repeat left center;
		background-size: 4.2667vw;
		color: #474747;
		font-size: 3.2vw;
		line-height: 3.2vw;
		overflow: visible;
	}

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

	.m-region-select {
		width: 37.3333vw;
		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(https://encdn.chinamacro.com/Static/images/m/m_icon_lan_arrow.svg) no-repeat 31vw center #f5f6f7;
		background-size: 2.6667vw;
		border-radius: 4px;
		color: #474747;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.m-region-select-list {
		width: 41.8667vw;
		height: 47.4667vw;
		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;
	}

	.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: #474747;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

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

	/* 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{
		padding: 12vw 0;
		border-top-width: 4px;
	}


	.ft-info {
		display: block;
	}


	/* footer nav */
	.ft-nav {
		width: 100%;
		display: block;
	}

	.ft-nav dl {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.ft-nav dl:nth-child(1) {
		margin-right: 0;
	}

	.ft-nav dl:nth-child(2) {
		margin-right: 0;
	}

	.ft-nav dl:nth-child(3) {
		margin-right: 0;
	}

	.ft-nav dt{
		width: 100%;
		height: 12.8vw;
		margin-bottom: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		font-size: 12px;
		line-height: 12.8vw;
		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: #262626;
		font-family: "th";
	}

	
	.ft-nav dt i {
		width: 8vw;
		height: 8vw;
		display: block;
		float: right;
		margin: 2.4vw 1.0667vw 0 0;
		background: url(../images/m/m_menu_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: 12px;
		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);
	}

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

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

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

	.ft-nav dd a {
		margin-bottom: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: rgba(38, 38, 38, 0.6);
	}

	.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: flex-start;
		column-gap: 5.3333vw;
	}

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


	/* footer copyright */
	.copyright{
		margin-top: 18.9333vw;
		padding-top: 0;
		position: relative;
		border-top: 0;
		color: rgba(38, 38, 38, 0.4);
		font-size: 11px;
		text-align: center;
		line-height: 21px;
	}

	.copyright::before {
		content: " ";
		width: 100%;
		height: 2.6667vw;
		display: block;
		margin-bottom: 4.2667vw;
		background: url(../images/m/m_logo_red_x2.png) no-repeat center center;
		background-size: auto 100%;
	}


	/*---------------- bar ----------------*/
	.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: 5.8667vw;
	}

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

	
	/*---------------- public ----------------*/
	.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;
	}

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

	}


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


	/* cat nav */
	.cat-nav {
		width: 100%;
		height: 10.6667vw;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		position: relative;
		left: 0;
		bottom: auto;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		overflow: hidden;
		overflow-x: auto;
		white-space: nowrap;
		background: #ffffff;
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
		scrollbar-width: none;
   		-ms-overflow-style: none;
	}

	.cat-nav::-webkit-scrollbar {
		display: none;
	}

	.cat-nav.center {
		justify-content: flex-start;
		column-gap: 0;
	}

	.cat-nav.center a {
		margin: 0;
	}

	.cat-nav::before {
		display: none;
	}

	.cat-nav a {
		height: 10.6667vw;
		padding: 0 5.3333vw;
		flex: none;
		color: #000000;
		font-size: 3.2vw;
		line-height: 10.6667vw;
		white-space: normal;
	}

	.cat-nav a:first-child {
		margin-left: 10.6667vw;
	}

	.cat-nav a:last-child {
		margin-right: 10.6667vw;
	}

	.cat-nav a::after {
		height: 2px;
	}

	.cat-nav a.on::after {
		width: 19.2vw;
	}

	
	/* cat nav products list */
	.cat-nav.cat-nav-products-list {
		position: fixed;
		left: 0;
		top: 34.6667vw;
		z-index: 200;
		justify-content: center;
		display: none;
		opacity: 0;
		transition: all 0.1s linear;
		-webkit-transition: all 0.1s linear;
	}

	.cat-nav.cat-nav-products-list.show {
		display: flex;
		opacity: 1;
	}

	.cat-nav.cat-nav-products-list a {
		padding: 0 10.6667vw;
	}

	/* 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: 19.2vw;
		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: 5.8667vw;
		line-height: 8.5333vw;
	}

	.home-banner-info h4 {
		margin: 1.6vw 0 4.2667vw 0;
		font-size: 3.7333vw;
		line-height: 5.0667vw;
	}

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

	.home-banner-info a.btn-base{
		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 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 .main {
		float: left;
		margin-left: 4vw;
		padding: 16vw 0 28.5333vw 0;
		padding: 16vw 0 0 0;
		overflow: visible;
	}

	.home-products .product-list {
		overflow: visible;
	}

	.home-products .product-item {
		background: #ffffff;
		box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
	}
	
	.home-products .btn-box {
		margin: 17.8667vw 0 9.0667vw 0;
	}

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

	.rec-title-box span {
		width: 100%;
		padding: 0 0 3.2vw 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);;
		display: block;
		font-size: 4.2667vw;
		line-height: 5.3333vw;
	}

	.rec-title-box::before {
		display: none;
	}

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

	.rec-tab-title li {
		padding: 0 2.6667vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.rec-tab-title li i {
		white-space: nowrap;
	}

	.rec-content-box {
		margin: 5.3333vw 0 0 0;
		overflow: visible;
	}

	.rec-content-box .rec-products-swiper-box .swiper-pagination {
		bottom: -9.8667vw;
		bottom: -8vw;
	}

	/* home video */
	.home-video img{
		width: 100%;
		display: block;
	}

	.home-video-info {
		width: 92vw;
		height: auto;
		margin: 0 4vw;
		left: 0;
		top: auto;
		bottom: 21.3333vw;
		align-items: center;
		overflow: visible;
	}

	.home-video-info h4 {
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		margin-top: 0;
		margin-bottom: 2.6667vw;
		font-size: 5.8667vw;
		text-align: center;
		line-height: 8.5333vw;
	}

	.home-video-info .btn-youtube.xs, .home-video-info .btn-base.xs {
		display: flex;
	}


	/* home company */
	.home-company{
		margin: 21.3333vw 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_x2.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;
		padding: 12.2667vw 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-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 {
		position: relative;
		font-size: 4.2667vw;
	}

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

	.home-company-content p {
		float: left;
		margin-top: 5.0667vw;
		margin-top: 4.8vw;
		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 {
		float: left;
		margin-top: 5.3333vw;
		transition: all .3s ease-in-out;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.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 news */
	.home-news {
		background: #f5f6f7;
	}

	.home-news .main{
		width: 100%;
		padding: 16vw 0 25.8667vw 0;
		display: flex;
		flex-direction: column;
		overflow: visible;
	}

	.home-news .part-title {
		width: 92%;
		margin-left: 4vw;
		margin-bottom: 10.6667vw;
	}

	
	/* swiper dot */
	.home-news .swiper-pagination {
		bottom: 16vw;
	}

	/* home-news-cats */
	.home-news-cats {
		width: 72.5333vw;
		overflow: visible;
		display: block;
		justify-content: flex-start;
	}

	.home-news-cats * {
		overflow: visible;
	}

	.news-cats-item {
		width: 72.5333vw;;
		height: 62.9333vw;
		height: auto;
		padding: 2.1333vw;
		border-radius: 6px;
		box-shadow: 0 4px 6px 3px rgba(0, 0, 0, 0.08);
	}

	.news-cats-item .thumb {
		height: auto;
		border-radius: 4px;
		overflow: hidden;
	}

	.news-cats-item .thumb .info {
		height: 13.0667vw;
		background: rgba(0, 0, 0, 0);
		font-size: 3.2vw;
		line-height: 5.3333vw;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		overflow: hidden;
	}

	.news-cats-item:hover .thumb .info {
		height: 13.0667vw;
		background: none;
	}

	.news-cats-item:hover .thumb .info a .one-row {
		display: block;
	}
	
	.news-cats-item:hover .thumb .info a .more-row {
		display: none;
	}

	/*---------------- product ----------------*/
	.product-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: 15px;
		row-gap: 15px;
	}

	.product-list.hide {
		opacity: 0;
	}

	.product-list .product-item {
		margin: 0;
	}

	.product-item {
		width: 44vw;
		height: 69.6vw;
		border-radius: 6px;
	}

	.product-item .thumb-icon {
		width: 10vw;
		height: 10vw;
		left: 3vw;
		top: 2.8vw;
	}

	.product-item .thumb {
		height: 40vw;
	}

	.product-item .info {
		width: 100%;
		height: 24vw;
		margin: 0 0 5.8667vw 0;
		padding: 0 4vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.product-item .info h3{
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	/* rec big */
	.product-list .product-item.rec-big {
		width: 100%;
		height: 82.6667vw;
	}

	.product-list .product-item.rec-big .thumb {
		height: 64vw;
	}

	.product-list .product-item.rec-big .info {
		height: auto;
		margin: 4.2667vw 0 0 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.product-list .product-item.rec-big .info h3 {
		width: 54.6667vw;
		height: 9.6vw;
	}

	/* rec */
	.product-list.rec.on {
		display: flex;
	}

	.product-list .product-item.home-rec-sm .info h3{
		font-size: 3.2vw;
		line-height: 4.8vw;
	}


	.product-list .product-item.home-rec-mid {
		width: 44vw;
		background: #ffffff;
	}

	.product-list .product-item.home-rec-mid .thumb {
		height: 40vw;
	}

	.product-list .product-item.home-rec-mid .info {
		height: 24vw;
		margin: 0 0 5.8667vw 0;
		padding: 0 4vw;
	}

	.product-list .product-item.home-rec-mid .info h3{
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.product-list.rec .product-item.home-rec-big {
		width: 100%;
		height: 82.6667vw;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.product-list.rec .product-item.home-rec-big .thumb {
		width: 100%;
		height: 64vw;
	}

	.product-list.rec .product-item.home-rec-big .thumb img{
		width: 100% !important;
	}


	.product-list.rec .product-item.home-rec-big .info {
		width: 100%;
		height: auto;
		margin: 4.2667vw 0 0 0;
		padding: 0 4vw;
		flex-direction: row;
		align-items: center;
	}

	.product-list.rec .product-item.home-rec-big .info h3{
		width: 54.6667vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	/* products list page */
	.products-list-page .product-list{
		padding-top: 5.8667vw;
	}

	.products-list-page .btn-box {
		padding: 8vw 0 16vw 0;
	}

	.products-list-header {
		background: #ffffff;
		overflow: visible;
	}

	.products-first-class {
		height: 21.3333vw;
		padding: 5.3333vw 4vw;
		position: fixed;
		left: 0;
		top: 13.3333vw;
		z-index: 300;
		background: #ffffff;
		overflow: visible;
	}

	.products-first-class::after {
		background: rgba(47, 47, 47, 0.16);
	}

	.products-first-class h3 {
		width: 100%;
		height: 100%;
		padding: 0 4vw;
		position: relative;
		z-index: 600;
		display: flex;
		align-items: center;
		background: url(../images/m/m_select_arrow_x2.png) no-repeat 86.1333vw center #C8152D;
		background-size: 2.9333vw;
		border-radius: 6px;
		color: #ffffff;
		font-size: 3.7333vw;
	}

	.products-first-class p {
		width: 92vw;
		height: 0;
		padding: 10.6667vw 0 0 0;
		position: absolute;
		left: 4vw;
		top: 5.3333vw;
		z-index: 500;
		background: #ffffff;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
		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);
	}

	
	.products-first-class.show h3 {
		background-image: url(../images/m/m_select_arrow_up_x2.png);
	}

	.products-first-class.show p {
		display: block;
	}

	.products-first-class p a {
		width: 100%;
		height: 13.3333vw;
		padding: 0 4vw;
		justify-content: flex-start;
		color: #000000;
		font-size: 3.7333vw;
	}

	.products-first-class a:hover {
		color: #C8152D;
	}

	.products-first-class a.on {
		background: #ffffff;
		color: #C8152D;
	}

	.products-second-class-block {
		width: 100%;
		height: 21.3333vw;
	}

	.products-second-class {
		height: 48vw;
		margin: 21.3333vw 0 0 0;
		display: block;
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.products-second-class::-webkit-scrollbar {
		display: none;
	}

	.products-second-class::after {
		display: none;
	}

	.products-second-class ul {
		margin: 8vw 16vw 0 16vw;
		column-gap: 4vw;
		opacity: 0;
	}

	.products-second-class ul li {
		width: 32vw;
		height: 32vw;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 6px;
	}

	.products-second-class ul li .thumb {
		width: 29.3333vw;
		height: auto;
		margin: 1.8667vw auto 1.8667vw auto;
	}

	.products-second-class ul li h3 {
		font-size: 3.2vw;
		line-height: 3.2vw;
		overflow: visible;
	}

	.products-second-class ul li h3 a {
		color: #000000;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-moz-transition: all .2s linear;
	}

	.products-second-class ul li.on {
		border-color: #C8152D;
	}

	.products-second-class ul li.on h3 a {
		color: #C8152D;
	}

	.products-second-class ul li::after {
		display: none;
	}

	.products-select-mask {
		z-index: 2900;
		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);
		-ms-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
		-moz-transition: all .4s cubic-bezier(0.54, 0, 0.19, 1.08);
	}

	.products-select-container {
		width: 85.3333vw;
		height: 100%;
		display: none;
		flex-direction: column;
		background: #ffffff;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 3000;
		transform: translate3d(100%, 0, 0);
		-webkit-transform: translate3d(100%, 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);
	}

	.products-select-container.show {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	.xs-products-select-header {
		height: 13.3333vw;
		border-bottom: 0px solid rgba(0, 0, 0, 0.1);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 3.7333vw;
		font-family: "th";
		line-height: 4.8vw;
	}

	.xs-products-select-header img {
		width: 5.6vw;
		height: auto;
		display: block;
		padding: 2.6667vw;
		box-sizing: content-box;
		position: absolute;
		left: 2.6667vw;
		top: 1.8667vw;
	}

	.products-select-title {
		display: none;
	}

	.products-select-content {
		display: block !important;
	}
	

	.select-row {
		padding: 8vw 5.3333vw;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: column;
		column-gap: 0;
		row-gap: 4.8vw;
	}

	.select-row h3 {
		width: 100%;
		height: 4vw;
		padding: 0 0 0 3.4667vw;
		font-size: 3.2vw;
		line-height: 4vw;
	}

	.select-row h3::before {
		width: 3px;
		height: 100%;
		top: 0;
	}

	.select-row h3::after {
		display: none;
	}

	.select-row ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		column-gap: 11.7333vw;
		row-gap: 8vw;
		row-gap: 6.4vw;
	}

	.select-row ul li {
		min-width: 24vw;
		height: auto;
		display: flex;
		margin-left: 0;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.select-row-1 {
		row-gap: 8vw;
	}

	.select-row-1 ul li{
		min-width: 16vw;
	}


	.select-row ul li label {
		align-items: center;
		column-gap: 2.9333vw;
	}

	.select-row ul li i {
		width: 4.8vw;
		height: 4.8vw;
		border: 1px solid #474747;
		border-radius: 2px;
	}


	.select-row ul li.on i {
		background: url(https://encdn.chinamacro.com/Static/images/selected.svg) no-repeat 0 0;
		background-size: 100%;
	}

	.xs-products-select-bottom {
		width: 100%;
		height: auto;
		margin: auto 0 7.2vw 0;
		padding: 4vw;
		display: flex;
		justify-content: space-between;
	}

	.xs-products-select-bottom .btn-base {
		font-family: "ht";
	}

	.xs-products-select-ctrl {
		width: 100%;
		height: 13.8667vw;
		display: flex;
		align-items: center;
		border-bottom: 1px solid rgba(47, 47, 47, 0.16);
	}

	.xs-products-select-ctrl a {
		width: auto;
		padding: 0 4.5333vw 0 0;
		background: url(../images/m/m_icon_sift_x2.png) no-repeat right center;
		background-size: 3.2vw;
		color: #000000;
		font-size: 3.2vw;
	}

	.xs-products-select-ctrl span {
		margin-left: 2.6667vw;
		padding-left: 2.6667vw;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
		color: #939393;
		font-size: 2.6667vw;
		line-height: 2.6667vw;
		overflow: visible;
		display: none;
	}

	.xs-products-select-ctrl span i {
		color: #000000;
		font-style: normal;
	}

	.sift-tips {
		width: 100%;
		height: auto;
		margin: 26.6667vw 0 5.3333vw 0;
		color: #939393;
		font-size: 8vw;
		font-family: "xh";
		line-height: 12vw;
		text-align: center;
	}

	/*---------------- products show ----------------*/
	.product-show-page {
		padding: 0 0 16vw 0;
		border-bottom: 0px solid rgba(0, 0, 0, 0.05);
	}

	.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_x2.png) no-repeat left center;
		background-size: 1.8667vw;
		color: #000000;
		font-size: 3.2vw;
	}

	.product-detail {
		margin: 0;
	}

	.product-pic-box {
		width: 80vw;
		height: auto;
		margin: 0 6vw;
	}

	.product-pic {
		width: 100%;
		height: auto;
	}

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

	.product-small-pic {
		width: 100%;
		margin: 5.3333vw 0 0 0;
		display: flex;
		justify-content: center;
		column-gap: 5.3333vw;
	}

	.product-small-pic li {
		width: 10.6667vw;
		height: 10.6667vw;
		margin-left: 0;
		border: 1px solid #d8d8d8;
	}

	.product-info {
		width: 100%;
		margin-top: 10.6667vw;
		padding-bottom: 10.6667vw;
	}

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

	.product-subtitle {
		margin-top: 5.3333vw;
		padding-bottom: 2.6667vw;
		border-bottom: 0;
		font-size: 3.7333vw;
		line-height: 3.7333vw;
		overflow: visible;
	}

	.product-intro {
		margin-top: 0;
		padding-bottom: 5.3333vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		color: #474747;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.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-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-right: 0;
		padding: 0 5.3333vw;
		flex: none;
		color: #000000;
		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: 26.6667vw;
		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: 2.6667vw;
		font-family: "ht";
		line-height: 2.6667vw;
		white-space: normal;
	}

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

	.product-download {
		width: 100%;
		padding: 0 5.3333vw;
		margin: 8vw 0 0 0;
		flex-direction: column;
		justify-content: flex-start;
	}

	.download-list {
		width: 100%;
		margin-bottom: 8vw;
	}

	.download-list ul li {
		width: 100%;
		height: 10.4vw;
		margin-bottom: 2.6667vw;
		padding: 0 1.6vw 0 4vw;
		background: #f5f6f7;
		border-radius: 6px;
		border-bottom: 0;
	}

	.download-list ul li h3 {
		width: 60vw;
		font-size: 3.2vw;
		line-height: 3.2vw;
	}

	.download-preview {
		color: #000000;
		font-size: 3.2vw;
	}

	.download-link {
		width: 8vw;
		height: 8vw;
		background-size: 3.2vw;
	}

	.download-header {
		margin-bottom: 5.3333vw;
		padding-bottom: 5.3333vw;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.download-header h3 {
		display: flex;
		align-items: center;
		column-gap: 2.6667vw;
		font-size: 3.7333vw;
	}

	.download-header h3 img {
		height: 4.8vw;
	}

	.download-header a {
		width: 26.6667vw;
		height: 4.8vw;
		padding: 0;
		border-radius: 2.4vw;
		font-size: 3.2vw;
	}

	.no-download-tips {
		padding: 0 40px;
		color: #939393;
		font-size: 14px;
		font-family: "xh";
		line-height: 16px;
	}

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

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

	.more-products .swiper-pagination {
		bottom: 12vw;
	}

	.more-products .product-item {
		box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
	}

	/*---------------- products show model ----------------*/
	.kv {
		width: 100%;
		height: auto;
		position: relative;
	}

	.kv .thumb {
		width: 100%;
	}

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

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

	.kv .info h3 {
		font-size: 3.7333vw;
		line-height: 4.8vw;
		line-height: 5.6vw;
	}

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

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

	.product-style {
		overflow: visible;
	}

	.product-style .info h3 {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

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

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

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


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

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

	.ps-left .info {
		width: 92vw;
		margin: 8vw 0 2.6667vw 0;
		padding-right: 0;
		row-gap: 1.3333vw;
		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 2.6667vw 0;
		padding-left: 0;
		row-gap: 1.3333vw;
		order: 1;
		text-align: center;
	}

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


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

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

	.news-list-page .btn-box a.btn-more{
		margin-top: 16vw;
	}

	.news-list-page .news-list {
		padding: 10.6667vw 0 0 0;
		margin-bottom: 0;
	}

	.news-list {
		flex-direction: column;
		column-gap: 0;
		row-gap: 5.3333vw;
	}

	.news-item {
		width: 100%;
		padding: 3.2vw;
	}

	.news-item:hover {
		box-shadow: none;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.news-item .thumb {
		width: 100%;
		height: 48vw;
		border-radius: 4px;
	}

	.news-item .info {
		width: 100%;
		height: 17.0667vw;
		margin-top: 3.2vw;

	}

	.news-item .info h3 {
		max-height: 9.6vw;
		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;
	}

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

	.news-item .info h5 a {
		font-size: 2.6667vw;
		line-height: 4vw;
	}

	.news-item .info h5 a:hover {
		color: #C8152D;
	}

	.news-item .info h5 a::before {
		content: " ";
		width: 100%;
		height: 1px;
		display: block;
		background: #C8152D;
		position: absolute;
		left: 0;
		bottom: 0;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-moz-transition: all .2s linear;
	}

	.news-item .info h5 a:hover::before {
		opacity: 0;
	}

	/* news list small */
	.news-list.news-list-small .news-item {
		width: 288px;
		padding: 20px;
	}

	.news-list.news-list-small .news-item .thumb {
		height: 210px;
	}

	.news-list.news-list-small .news-item .thumb img {
		width: auto;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate3d(-50%, 0, 0);
		-webkit-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		-moz-transform: translate3d(-50%, 0, 0);
	}

	.news-list.news-list-small .news-item .info {
		height: 110px;
		margin-top: 20px;
	}

	.news-list.news-list-small .news-item .info h3 {
		height: 48px;
		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;
		font-size: 16px;
		line-height: 24px;
	}

	.news-list.news-list-small .news-item .info h3 a {
		font-size: 16px;
		line-height: 24px;
	}


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

	.news-title {
		padding: 10.6667vw 0 5.3333vw 0;
		border-bottom: 1px solid rgba(47, 47, 47, 0.16);
		font-size: 4.2667vw;
		line-height: 6.4vw;
	}

	.news-content {
		margin: 5.3333vw 0 0 0;
		font-size: 3.2vw;
		line-height: 5.6vw;
	}

	.news-content h3{
		margin-bottom: 2.6667vw;
		color: #000000;
		font-size: 4.2667vw;
		line-height: 8vw;
	}

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

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

	.news-more .main {
		width: 100%;
		padding-bottom: 25.8667vw;
	}

	.news-more .news-list, .news-more .home-news-cats {
		float: none;
		margin-top: 60px;
	}

	.news-more .part-title {
		width: 92vw;
		margin-left: 4vw;
	}

	.news-more .swiper-pagination {
		bottom: 16vw;
	}


	/*---------------- contact ----------------*/
	.contact-page {
		padding: 26.1333vw 0 0 0;
	}

	.contact-icon {
		top: -5.6vw;
		font-size: 3.2vw;
		line-height: 3.4667vw;
	}

	.contact-icon ul {
		column-gap: 11.2vw;
	}

	.contact-icon ul li {
		margin: 0;
	}

	.contact-icon img {
		width: 11.2vw;
	}

	.contact-icon h3 {
		margin: 1.6vw 0;
		color: #000000;
		font-size: 2.6667vw;
		line-height: 3.4667vw;
	}

	.contact-box {
		width: 92vw;
		padding: 8vw 5.3333vw 12.2667vw 5.3333vw;
		border-radius: 6px;
	}

	.contact-title {
		font-size: 3.7333vw;
		line-height: 4.8vw;
	}

	.contact-content {
		margin: 8vw 0 0 0;
		flex-direction: column;
		justify-content: flex-start;
		column-gap: 60px;
	}

	.contact-map {
		width: 100%;
		height: 50.1333vw;
		border-radius: 10px;
	}

	.contact-map img {
		max-width: 100%;
	}

	.contact-info-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.contact-info {
		order: 2;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.contact-info-title {
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.contact-info-content {
		margin-top: 3.2vw;
		margin-bottom: 8.2667vw;
		padding-bottom: 5.6vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.contact-info-content.xs-last {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0;
	}

	.contact-info-link {
		order: 1;
		margin: 2.1333vw 0 10.6667vw 0;
		padding-right: 5.6vw;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.contact-info-link::after {
		top: 2.1333vw;
	}

	.contact-form-box {
		width: 92vw;
		margin: 18.6667vw auto 0 auto;
	}

	.contact-subtitle {
		display: none;
	}

	.contact-form {
		margin-top: 5.3333vw;
		padding-bottom: 16vw;
	}

	.contact-form li {
		width: 100%;
		padding: 0 4.2667vw;
		margin-bottom: 5.3333vw;
	}



	.contact-form li.no-border {
		margin-top: 0;
	}

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

	.contact-form li label {
		margin-top: 3.4667vw;
		margin-right: 2.6667vw;
		color: #939393;
		font-size: 3.2vw;
		line-height: 3.7333vw;
	}

	.contact-form li input, .contact-form li textarea {
		height: 10.6667vw;
		color: #000000;
		font-size: 3.2vw;
		line-height: 3.7333vw;
	}

	.contact-form li input::placeholder, .contact-form li textarea::placeholder {
		color: #000000;
	}

	.contact-form li textarea {
		height: 57.3333vw;
		margin-bottom: 0;
		padding: 3.4667vw 0;
	}

	.contact-form li a.btn {
		margin: 0 auto;
	}

	/*---------------- history ----------------*/
	.history-content {
		width: 94.6667vw;
		margin-left: 3.4667vw;
		left: 0;
		top: 5.0667vw;
	}

	.history-intro {
		width: 79.7333vw;
		font-size: 2.6667vw;
		line-height: 4vw;
	}


	.since span {
		font-size: 4.2667vw;
		line-height: 5.3333vw;
	}

	.history-info {
		margin-top: 1px;
	}

	.history-about {
		margin: 6.1333vw 0 0 0;
		font-size: 2.9333vw;
		line-height: 4vw;
	}

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

	.history-class {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
	}

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

	.history-class ul li {
		height: 100%;
		padding: 0 9.3333vw;
		border-radius: 3.7333vw;
	}

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


	.history-year-box {
		width: 100%;
		height: 11.2vw;
		margin: 10.6667vw 0 8.2667vw 0;
	}

	.history-arrow {
		display: none;
	}

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

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

	.history-year ul li span:hover{
		color: #939393;
	}

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

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

	.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: 5.3333vw;
		margin-left: 0;
		display: block;
		opacity: 1;
		overflow: hidden;
	}


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

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

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

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

	.history-item.on .info.show {
		opacity: 1;
	}


	/* .history company */
	.history-item.history-company .thumb {
		float: right;
	}

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

	.history-item.history-company .info h4 {
		display: none;
	}

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

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

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

	.about-page .main {
		width: 100%;
	}

	.about-top {
		left: 0;
		top: 0;
	}

	.about-meters {
		width: 50.9333vw;
		height: 18.1333vw;
		margin: 0 0 0 0;
		padding: 1.6vw 0 0 3.7333vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.about-meters h3 {
		margin-bottom: 0;
		font-size: 8.5333vw;
		line-height: 10.1333vw;
	}

	.about-meters h4 {
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.about-intro {
		padding: 2.9333vw 4vw 0 4vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.about-content {
		width: 60%;
		float: left;
		margin: 12vw 0 0 0;
	}

	.about-main-pic {
		border-radius: 0;
	}

	.about-main-pic img {
		width: 100%;
		height: auto;
		display: block;
	}

	.about-title {
		padding: 0 4vw;
		height: 11.7333vw;
		margin-top: 10.6667vw;
		font-size: 3.7333vw;
		line-height: 10.1333vw;
	}

	.about-title span::before {
		height: 5px;
	}

	.about-box {
		padding: 0 4vw;
		margin-top: 5.3333vw;
		padding-bottom: 2.6667vw;
		border-bottom: 0;
	}

	.about-box:last-child {
		border: 0;
	}

	.about-info {
		width: 100%;
	}

	.about-info li {
		margin-bottom: 5.3333vw;
		padding: 0 0 0 3.7333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.about-info li::before {
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.about-pic {
		width: 100%;
		margin-top: 5.3333vw;
		border-radius: 6px;
	}


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

	.rd-page .main {
		width: 100%;
	}

	.rd-box {
		padding: 13.3333vw 4vw 0 4vw;
	}

	.rd-title {
		padding-bottom: 1px;
		font-size: 3.7333vw;
		line-height: 6.4vw;
	}

	.rd-info {
		width: 100%;
		margin: 5.3333vw 0 0 0;
	}

	.rd-info li {
		margin-bottom: 5.3333vw;
		padding: 0 0 0 3.7333vw;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.rd-info li::before {
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.rd-cert {
		height: 62vw;
		padding: 0 0 5.8667vw 0;
		position: relative;
	}
	
	.rd-cert-images {
		width: 300vw;
		height: 50vw;
		padding: 0;
		margin-left: -18.72vw; /* img width * scale * 0.5  */
		justify-content: flex-start;
		column-gap: 9.6vw;
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 30;
		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);
	}
	
	.rd-cert img {
		width: 27.7333vw;
		border-radius: 5px;
	}
	
	.rd-cert img.on {
		transform: scale(1.35, 1.35);
		-webkit-transform: scale(1.35, 1.35);
		-ms-transform: scale(1.35, 1.35);
		-moz-transform: scale(1.35, 1.35);
	}
	
	.rd-cert::before {
		height: 20.5333vw;
		border-radius: 0;
		bottom: 5.8667vw;
	}

	.rd-cert .swiper-pagination {
		width: 100%;
		bottom: 0;
	}

	.sales {
		margin-top: 16vw;
		padding: 0 4vw;
	}

	.sales img {
		width: 100%;
		float: right;
	}

	.sales-box {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}

	.sales-info {
		margin: 5.3333vw 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}

	.countries {
		float: none;
		margin-left: 0;
		position: absolute;
		left: 6.6667vw;
		bottom: 8vw;
	}

	.countries h3 span{
		padding-right: 4.2667vw;
		font-size: 6.6667vw;
		line-height: 8.5333vw;
	}

	.countries h3 span::after {
		font-size: 4.2667vw;
		line-height: 4.2667vw;
	}

	.countries h5 {
		margin-top: 0;
		font-size: 1.8667vw;
		line-height: 2.1333vw;
		overflow: visible;
	}

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

	.search-top {
		margin-bottom: 0;
		padding: 5.3333vw 0 3.2vw 0;
	}

	.search-top p {
		color: #949494;
		font-size: 3.2vw;
		line-height: 3.7333vw;
	}

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

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

	.search-box input {
		width: 69.3333vw;
		padding: 0 4vw;
		font-size: 4.2667vw;
	}

	.rs-title {
		margin-top: 5.8667vw;
		font-size: 3.2vw;
		line-height: 4vw;
	}

	.rs-products li {
		margin: 5.3333vw 0 0 0;
		padding: 0 0 5.3333vw 0;
	}

	.rs-products li .thumb {
		width: 28.8vw;
		height: 28.8vw;
		margin-right: 2.6667vw;
		border-radius: 5px;
	}


	.rs-products li .video-thumb::after {
		background-size: 30px;
	}

	.rs-products li .info {
		height: auto;
		font-size: 3.2vw;
		line-height: 4.8vw;
	}

	.rs-products li h3 {
		margin-bottom: 3.2vw;
	}

	.rs-products li h3 a {
		font-size: 3.2vw;
		line-height: 4vw;
	}

	.rs-products li p {
		height: 9.6vw;
		text-overflow: -o-ellipsis-lastline;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}


	.rs-news li{
		margin: 0;
		padding: 5.3333vw 0;
	}

	.rs-news li h3 {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 3.2vw;
	}

	.rs-news li h3 a {
		font-size: 3.2vw;
		line-height: 4vw;
	}

	.rs-news li p {
		height: 9.6vw;
		font-size: 3.2vw;
		line-height: 4.8vw;
		text-overflow: -o-ellipsis-lastline;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

}