@charset "utf-8";

/* CSS Document */
a,
big,
blockquote,
body,
caption,
cite,
code,
dd,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
th,
thead,
tr,
tt,
ul,
var {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}

body {
	line-height: 1
}

body,
html {
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	background-color: #fff;
}



/*清除默认样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
audio,
video {
	display: block;
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

ul,
ol {
	list-style: none
}

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

a:hover {
	text-decoration: none
}

p,
span {
	color: inherit
}

table {
	border-collapse: collapse
}

input,
textarea {
	outline: none;
	border: none
}

input {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none
}

:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.55;
	font-size: 14px
}

textarea {
	resize: none;
	overflow: auto
}

input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px white inset
}

button,
input,
select,
textarea {
	font-size: 100%
}

img {
	max-width: 100%
}

a img {
	border: 0
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

input,
textarea,
select {
	outline: none
}

a,
a:hover {
	text-decoration: none;
	outline: none
}

ul li {
	list-style-type: none
}

img {
	border: none
}


/* CSS Document */
/*Bebas Neue*/
@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/bebasneue.eot');
	src: url('../fonts/bebasneue.eot') format('embedded-opentype'), url('../fonts/bebasneue.woff2') format('woff2'), url('../fonts/bebasneue.woff') format('woff'), url('../fonts/bebasneue.ttf') format('truetype'), url('../fonts/bebasneue.svg#bebasneue') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

/*Inter*/
@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-black.woff2') format('woff2'), url('../fonts/inter-black.woff') format('woff'), url('../fonts/inter-black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-extrabold.woff2') format('woff2'), url('../fonts/inter-extrabold.woff') format('woff'), url('../fonts/inter-extrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-semibold.woff2') format('woff2'), url('../fonts/inter-semibold.woff') format('woff'), url('../fonts/inter-semibold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-medium.woff2') format('woff2'), url('../fonts/inter-medium.woff') format('woff'), url('../fonts/inter-medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-bold.woff2') format('woff2'), url('../fonts/inter-bold.woff') format('woff'), url('../fonts/inter-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-regular.woff2') format('woff2'), url('../fonts/inter-regular.woff') format('woff'), url('../fonts/inter-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}


.clearfix:before,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html *,
html :after,
html :before {
	box-sizing: border-box
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.hide {
	display: none;
}

textarea {
	outline: none;
}

table {
	border-spacing: 0;
}

b,
strong {
	font-weight: Bold;
}

em {
	font-style: italic
}

sup {
	font-size: small;
	vertical-align: top
}


.fixed {
	position: fixed
}

.flex {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
}

.flex-wrap {
	flex-flow: wrap
}

.flex-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.inline-block {
	display: inline-block
}

.block {
	display: block
}

.hide {
	display: none
}

* {
	text-decoration: none;
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	background: none;
	text-decoration: none
}

.w1780 {
	width: 94%;
	max-width: 1780px;
	margin: 0 auto;
}

.container {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto;
}

body {
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.8
}

html,
body {
	font-size: 10px;
}

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

	html,
	body {
		font-size: 8px;
	}
}

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

	html,
	body {
		font-size: 7px;
	}
}

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

	html,
	body {
		font-size: 10px;
	}

	.w1780 {
		width: 90%;
	}
}


@font-face {
	font-family: 'DIN';
	src: url('../fonts/dincoros-black.eot');
	src: url('../fonts/dincoros-black.eot') format('embedded-opentype'), url('../fonts/dincoros-black.woff2') format('woff2'), url('../fonts/dincoros-black.woff') format('woff'), url('../fonts/dincoros-black.ttf') format('truetype'), url('../fonts/dincoros-black.svg#dincoros-black') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

.f_Helvetica {
	font-family: 'DIN', Arial, Helvetica, sans-serif;
}

.f_BebasNeue {
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Frick';
	src: url('../fonts/frick03-condensed.eot');
	src: url('../fonts/frick03-condensed.eot') format('embedded-opentype'), url('../fonts/frick03-condensed.woff2') format('woff2'), url('../fonts/frick03-condensed.woff') format('woff'), url('../fonts/frick03-condensed.ttf') format('truetype'), url('../fonts/frick03-condensed.svg#frick0.3-condensed') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

*[lang|="vn"] .f_Helvetica {
	font-family: 'Frick', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
}

*[lang|="vn"] .f_BebasNeue {
	font-family: 'Frick', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
}





h1,
h1 a,
h1 em,
h1 span,
h1 strong {
	font-size: 48px;
	line-height: 1.333
}

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

	h1,
	h1 a,
	h1 em,
	h1 span,
	h1 strong {
		font-size: 32px
	}
}

h2,
h2 a,
h2 em,
h2 span,
h2 strong {
	font-size: 32px;
	line-height: 1.333
}

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

	h2,
	h2 a,
	h2 em,
	h2 span,
	h2 strong {
		font-size: 20px
	}
}

h3,
h3 a,
h3 em,
h3 span,
h3 strong {
	font-size: 24px;
	line-height: 1.333
}

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

	h3,
	h3 a,
	h3 em,
	h3 span,
	h3 strong {
		font-size: 18px
	}
}

h4,
h4 a,
h4 em,
h4 span,
h4 strong {
	font-size: 22px;
	line-height: 1.5
}

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

	h4,
	h4 a,
	h4 em,
	h4 span,
	h4 strong {
		font-size: 17px
	}
}

h5,
h5 a,
h5 em,
h5 span,
h5 strong {
	font-size: 20px;
	line-height: 1.5
}

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

	h5,
	h5 a,
	h5 em,
	h5 span,
	h5 strong {
		font-size: 16px
	}
}

h6,
h6 a,
h6 em,
h6 span,
h6 strong {
	font-size: 18px;
	line-height: 1.5
}

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

	h6,
	h6 a,
	h6 em,
	h6 span,
	h6 strong {
		font-size: 15px
	}
}

/*h1{margin-top:60px;margin-bottom:40px}
@media only screen and (max-width:1024px){h1{margin-top:40px;margin-bottom:20px}}
h2{margin-top:50px;margin-bottom:30px}
@media only screen and (max-width:1024px){h2{margin-top:30px;margin-bottom:20px}}
h3{margin-top:40px;margin-bottom:20px}
@media only screen and (max-width:1024px){h3{margin-top:20px;margin-bottom:10px}}
h4{margin-top:30px}
@media only screen and (max-width:1024px){h4{margin-top:10px}}
*/

/*swiper*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}



/*****************************header*****************************/
.header-wrapper {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 30;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease
}

.header-wrapper.shadow {
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.header-wrapper.on {
	background-color: #fff
}

.header-wrapper.on .pc-nav-box ul li:hover>a {
	color: #dc0307
}

.header-wrapper.on .pc-nav-box ul li a {
	color: #000000;
}

.header-wrapper.on .language .top-lan {
	background-image: url(../images/top-lan1.png)
}

.header-wrapper.on .language .top-lan::after {
	background-image: url(../images/icon-v1.png)
}

/*logo-box*/
.header-wrapper .box {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	height: 10rem;
	padding: 0 0.6rem 0 0.56rem
}

.header-wrapper .logo-box {
	width: 22rem
}

.header-wrapper .logo-box a {
	display: block;
	line-height: 0;
}

.header-wrapper .logo-box img {
	max-width: 100%
}

.header-wrapper .other-box {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center
}

/*language*/
.header-wrapper .language {
	display: inline-block;
	position: relative;
	line-height: 10rem;
	z-index: 3;
}

.header-wrapper .language .top-lan {
	height: 2.3rem;
	background: url(../images/top-lan.png) no-repeat left center;
	background-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	padding-left: 2rem;
	padding-right: 2rem;
	position: relative;
	cursor: pointer;
	transition: all 0.5s ease;
}

.header-wrapper .language .top-lan::after {
	content: '';
	width: 1rem;
	height: 0.7rem;
	background: url(../images/icon-v.png) no-repeat center;
	background-size: 1rem;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.4rem;
}

.header-wrapper .language .lan_list {
	position: absolute;
	width: 8rem;
	left: -18%;
	top: 100%;
	background: #fff;
	padding: 1rem 0;
	border-radius: 1rem;
	display: none;
}

.header-wrapper .language .lan_list {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	padding: 0 1.8rem;
	width: 23rem;
	left: auto;
	right: -1.8rem;
	padding-top: 2rem;
	padding-bottom: 0.5rem;
}

.header-wrapper .language .lan_list dt {
	color: #000;
	font-size: 1.8rem;
	line-height: 1.5;
	padding-left: 4.5rem;
	box-sizing: border-box;
	margin-bottom: 1rem;
}

.header-wrapper .language .lan_list dd {
	color: #5d5d5d;
	line-height: 4rem;
	border-top: 1px solid #d6d6d6;
	padding-left: 4.5rem;
	box-sizing: border-box;
}

.header-wrapper .language .lan_list dd a {
	position: relative;
	color: #000;
	padding-left: 2rem;
	font-size: 1.8rem;
}

.header-wrapper .language .lan_list dd a::before {
	content: '';
	width: 1rem;
	height: 1rem;
	border: 1px solid #5d5d5d;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5rem;
}

.header-wrapper .language .lan_list dd:hover a {
	color: #dc0307;
}

.header-wrapper .language .lan_list dd:hover a::before {
	border-color: #dc0307;
	transition: all 0.5s ease;
}

.header-wrapper .language .lan_list dd.on a::before {
	background: #dc0307;
	border-color: #dc0307;
}

.header-wrapper .language .lan_list dd.on a {
	color: #dc0307;
}

.mask {
	background: url(../images/bg50.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	display: none;
}


/*pc-nav-box*/
.pc-nav-box {
	flex: 1;
	text-align: right;
	margin-right: 25px;
	line-height: 0;
}

.pc-nav-box ul {
	font-size: 0;
	display: inline-block;
}

.pc-nav-box li {
	position: relative;
	margin-right: 4.4rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pc-nav-box li:hover>a:after,
.pc-nav-box li.on>a:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.pc-nav-box li:hover .nav {
	opacity: 1;
	visibility: visible
}

.pc-nav-box li:hover .nav:before {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.pc-nav-box li:hover .nav a {
	display: block;
	animation: navInUp50 0.6s ease;
	animation-fill-mode: forwards
}

.pc-nav-box li:first-child a:before {
	display: none
}

.pc-nav-box li:hover>a:before {
	opacity: 1;
	visibility: visible
}

.pc-nav-box li>a {
	position: relative;
	font-size: 1.8rem;
	line-height: 10rem;
	color: #fff;
	font-weight: 500;
}

.pc-nav-box li>a:before {
	content: "";
	border: 0.08rem solid transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 10;
	margin-left: -0.08rem;
	border-bottom-color: #fff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.pc-nav-box a {
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease
}

.pc-nav-box .nav {
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 10;
	text-align: left;
	width: 26rem;
	margin-left: -13rem;
	border-radius: 10px;
	padding: 0.16rem;
	background-color: rgba(205, 25, 40, 0.9);
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05)
}

.pc-nav-box .nav:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	transform: translateY(-110%);
	-webkit-transform: translateY(-110%);
	-moz-transform: translateY(-110%);
	-ms-transform: translateY(-110%);
	-o-transform: translateY(-110%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pc-nav-box .navB {
	padding: 3.5rem 2rem;
}

.pc-nav-box .nav a {
	position: relative;
	z-index: 1;
	font-size: 1.6rem;
	line-height: 2.6rem;
	padding: 1rem 0;
	display: none;
	opacity: 0;
	visibility: hidden;
}

.pc-nav-box .nav a {
	color: #fff !important;
}

.pc-nav-box .nav a span {
	display: block;
	position: relative;
	padding-left: 1.7rem;
}

.pc-nav-box .nav a span:after {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.3rem;
}

.pc-nav-box .nav:hover a span {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.pc-nav-box .nav:hover a:hover span {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.pc-nav-box .nav,
.pc-nav-box .nav a span {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.phone-nav {
	display: none
}

@media screen and (min-width:1024px) {
	.header-wrapper.active {
		transform: translate(0, -1.2rem)
	}


	.headerWhite {
		padding-top: 10rem;
	}

	.headerWhite .header-wrapper,
	.header-wrapper:hover {
		background-color: #fff
	}

	.headerWhite .header-wrapper .pc-nav-box ul li:hover>a,
	.header-wrapper:hover .pc-nav-box ul li:hover>a {
		color: #dc0307;
	}

	.headerWhite .header-wrapper .pc-nav-box ul li .nav a:hover,
	.header-wrapper:hover .pc-nav-box ul li .nav a:hover {
		color: #dc0307;
	}

	.headerWhite .header-wrapper .pc-nav-box ul li a,
	.header-wrapper:hover .pc-nav-box ul li a {
		color: #000
	}

	.headerWhite .header-wrapper .language .top-lan,
	.header-wrapper:hover .language .top-lan {
		color: #333;
		background-image: url(../images/top-lan1.png)
	}

	.headerWhite .header-wrapper .language .top-lan::after,
	.header-wrapper:hover .language .top-lan::after {
		background-image: url(../images/icon-v1.png)
	}

}

@media screen and (max-width:1600px) {
	.box-container {
		width: 14rem
	}

	.pc-nav-box {
		margin: 0 1rem
	}

	.pc-nav-box ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.pc-nav-box li {
		margin-right: 4rem
	}

}

@media screen and (max-width:1024px) {
	.box-container {
		width: 100%;
	}

	.pc-nav-box {
		display: none
	}

	.header-wrapper .box {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		height: 6rem;
		padding: 0 0;
	}

	.header-wrapper .logo-box {
		width: 15rem
	}

	.header-wrapper .logo-box a {
		display: block
	}

	.header-wrapper .logo-box img {
		width: 100%
	}

	.header-wrapper .other-box {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		align-items: center
	}

	.header-wrapper .language {
		order: 0;
		line-height: 6rem;
	}

	.header-wrapper .language .top-lan {
		padding-left: 0;
		font-size: 0;
		line-height: 6rem;
		width: 3.6rem;
		height: 3.6rem;
		margin-right: 2rem;
	}


	.header-wrapper.on .Mobilemenu span {
		background-color: #000
	}

	/*Mobilemenu*/
	.Mobilemenu {
		font-size: 0;
		order: 2;
		width: 2.6rem;
		height: 2.6rem;
		position: relative
	}

	.Mobilemenu.on span:nth-child(1) {
		transform: rotate(45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms
	}

	.Mobilemenu.on span:nth-child(2) {
		opacity: 0
	}

	.Mobilemenu.on span:nth-child(3) {
		transform: rotate(-45deg);
		margin: 0;
		transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms
	}

	.Mobilemenu span {
		display: inline-block;
		width: 100%;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 0;
		top: 1.3rem;
		z-index: 10;
		transform-origin: center center;
		border-radius: 5px;
		transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms
	}

	.Mobilemenu span:nth-child(1) {
		margin-top: -0.8rem
	}

	.Mobilemenu span:nth-child(2) {
		margin-top: 0
	}

	.Mobilemenu span:nth-child(3) {
		margin-top: 0.8rem
	}

	/*phone-nav*/
	.phone-nav {
		width: 100%;
		height: calc(100% - 6rem);
		position: fixed;
		right: 0;
		top: 6rem;
		background: #fff;
		z-index: 501;
		overflow: auto;
	}

	.phone-nav ul {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		transition: max-height 0.8s ease;
		-webkit-transition: max-height 0.8s ease;
		-moz-transition: max-height 0.8s ease;
		-ms-transition: max-height 0.8s ease;
		-o-transition: max-height 0.8s ease
	}

	.phone-nav ul::-webkit-scrollbar {
		width: 4px
	}

	.phone-nav ul::-webkit-scrollbar-track {
		background-color: #eaeaea
	}

	.phone-nav ul::-webkit-scrollbar-thumb {
		background-color: #dc0307
	}

	.phone-nav ul li {
		position: relative
	}

	.phone-nav ul li.active .a1 {
		color: #dc0307;
		font-weight: 700
	}

	/*.phone-nav ul li.active .a1:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}*/
	.phone-nav ul li .a1 {
		position: relative;
		display: block;
		font-size: 2rem;
		font-weight: 500;
		color: #000;
		line-height: 6rem;
		padding: 0 3rem;
		border-bottom: 1px solid #f3f3f3
	}

	.phone-nav ul li .a1:before {
		content: "";
		display: inline-block;
		background: #dc0307;
		position: absolute;
		z-index: 10
	}

	.phone-nav ul li .a1:before {
		width: 2.6rem;
		height: 2.6rem;
		right: 1.3rem;
		top: 50%;
		margin-top: -1.3rem;
		background: url(../images/arrow-r2.png) no-repeat center;
		background-size: 1rem;
		transition: transform 0.3s ease;
		-webkit-transition: transform 0.3s ease;
		-moz-transition: transform 0.3s ease;
		-ms-transition: transform 0.3s ease;
		-o-transition: transform 0.3s ease
	}

	.phone-nav ul li.on .a1 {
		font-weight: 700;
		color: #dc0307
	}

	.phone-nav ul li .navs {
		background: #f9f9f9;
		width: 100%;
		display: none
	}

	.phone-nav ul li .navs .navB {
		padding: 1.5rem 1.5rem;
	}

	.phone-nav ul li .navs a {
		font-size: 1.8rem;
		display: block;
		color: #000;
		font-weight: 500;
		padding-left: 0;
		line-height: 5rem;
		padding: 0 3rem;
	}

	.phone-nav ul li .navs a:last-child {
		margin-bottom: 0;
		border-bottom: none
	}


	.headerWhite {
		padding-top: 6rem;
	}

	.headerWhite .header-wrapper .language .top-lan {
		background-image: url(../images/top-lan1.png)
	}

	.headerWhite .header-wrapper .language .top-lan::after {
		background-image: url(../images/icon-v1.png)
	}

	.headerWhite .header-wrapper .Mobilemenu span {
		background-color: #000
	}
}






/*****************************footer start*****************************/
/*footer*/
.footer {
	background: #1f1f1f;
	padding-top: 9rem;
}

.footer .footer-top {
	padding-bottom: 8.5rem;
}

/*listBox*/
.footer .listBox {
	float: left;
	color: #757575;
	width: 35%;
}

.footer .listBox .li {
	float: left;
	width: 50%;
}

.footer .listBox .title i {
	display: none;
}

.footer .listBox .title,
.footer .listBox .title a {
	font-size: 2.2rem;
	line-height: 4.2rem;
	color: rgba(255, 255, 255, 0.8);
	font-weight: bold;
}

.footer .listBox .title a:hover {
	color: #fff;
}

.footer .listBox .navigations li {
	font-size: 0;
	padding: 1rem 0;
}

.footer .listBox .navigations li a {
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: rgba(255, 255, 255, 0.6);
	display: inline-block;
	position: relative;
}

.footer .listBox .navigations li a:after {
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer .listBox .navigations li a:hover {
	color: #fff;
}

.footer .listBox .navigations li a:hover:after {
	background: #fff;
}

/*rightBox*/
.footer .rightBox {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.8);
	width: 24.375%;
}

.footer .rightBox h2 a,
.footer .rightBox h2 {
	font-size: 1.8rem;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.footer .footer-subscribe {
	margin-top: 2rem;
	margin-bottom: 3.5rem
}

.footer .footer-subscribe .footer-subscribeBox {
	align-items: center;
	background: #1f1f1f;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	display: flex;
	height: 5rem;
	max-width: 33rem;
	z-index: 1;
	padding: 5px 6px;
}

.footer .footer-subscribe .subscribeInput {
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.8);
	flex: 1;
	font-weight: normal;
	font-size: 16px;
	height: 100%;
	outline: none;
	width: auto;
	padding-left: 10px;
}

.footer .footer-subscribe .subscribeInput::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.footer .footer-subscribe .subscribeBtn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	cursor: pointer;
	color: #1f1f1f;
	font-weight: normal;
	font-size: 15px;
	border-radius: 5px;
	height: 100%;
	width: 11rem;
}

/*footer-logo*/
.footer .footer-logoBox {
	float: left;
	width: 35%;
}

.footer .footer-logo {
	padding-top: 1.5rem;
	margin-bottom: 4.5rem;
	line-height: 0;
}

.footer .footer-logo img {
	height: 4rem;
	max-width: 100%;
}

.footer .slogan {
	font-size: 2.2rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.5;
}

@media screen and (max-width:1600px) {
	.footer .footer-logoBox {
		width: 30%;
	}

	.footer .rightBox {
		width: 30%;
	}

	.footer .footer-subscribe .footer-subscribeBox {
		max-width: 100%;
	}
}

@media screen and (max-width:1220px) {
	.footer .footer-lx p br {
		display: none;
	}
}

@media screen and (max-width:1024px) {
	.footer {
		padding-top: 5rem;
	}

	.footer .footer-top {
		padding-bottom: 5rem;
	}

	.footer .listBox {
		float: none;
		width: 100%;
	}

	.footer .listBox .li {
		float: none;
		width: 100%;
	}

	.footer .listBox .title a,
	.footer .listBox .title {
		font-size: 1.8rem;
		line-height: 5.2rem;
	}

	.footer .listBox .title a {
		display: block;
	}

	.footer .listBox .title {
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		position: relative;
	}

	.footer .listBox .title i {
		display: block;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -8px;
		background: url(../images/icon-v.png) no-repeat center center;
		background-size: 100%;
	}

	.footer .listBox .title i {
		transform: rotate(0deg);
	}

	.footer .listBox .on .title i {
		transform: rotate(180deg);
	}

	.footer .listBox .navigations {
		margin-bottom: 0rem;
		display: none;
	}

	.footer .listBox .on .navigations {
		display: block;
	}

	.footer .listBox .navigations li a {
		font-size: 1.6rem;
	}

	.footer .listBox .navigations li a:after {
		display: none;
	}

	.footer .rightBox {
		font-size: 1.4rem;
		line-height: 1.3;
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding-top: 3rem;
		text-align: left;
	}

	.footer .footer-logoBox {
		width: 100%;
		float: none;
		margin-bottom: 3rem;
	}

	.footer .footer-logo {
		margin-bottom: 1.5rem;
	}

	.footer .footer-logo img {
		height: 3rem;
	}

	.footer .slogan {
		font-size: 1.8rem;
	}

	.footer .footer-subscribe .footer-subscribeBox {
		max-width: 100%;
	}


	.footer .rightBox h2 a,
	.footer .rightBox h2 {
		font-size: 1.6rem;
		line-height: 26px;
	}
}





/*footer-bottom footer-copyright*/
.footer .footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.footer .footer-copyright {
	font-size: 15px;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.8);
}

.footer .footer-copyright a {
	color: rgba(255, 255, 255, 0.8);
}

.footer .footer-copyright a:hover {
	color: #fff;
}

@media screen and (max-width:1024px) {
	.footer .footer-bottom {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.footer .footer-copyright {
		font-size: 13px;
	}
}


/*footer-share*/
.footer .footer-share {
	text-align: left;
	position: relative;
	padding-top: 5rem;
}

.footer .footer-share .icon-line {
	line-height: 0;
}

.footer .footer-share .icon-line a {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 23px;
	cursor: pointer;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.footer .footer-share .icon-line a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.footer .footer-share .icon-line .mr0 {
	margin-right: 0 !important
}

.footer .footer-share .icon-line a.footer-icon-fb {
	background-image: url(../images/icon-fb.png);
}

.footer .footer-share .icon-line a.footer-icon-fb-cai {
	background-image: url(../images/icon-fb.png);
}

.footer .footer-share .icon-line a.footer-icon-dy {
	background-image: url(../images/icon-dy.png);
}

.footer .footer-share .icon-line a.footer-icon-dy-cai {
	background-image: url(../images/icon-dy.png);
}

.footer .footer-share .icon-line a.footer-icon-ins {
	background-image: url(../images/icon-ins.png);
}

.footer .footer-share .icon-line a.footer-icon-ins-cai {
	background-image: url(../images/icon-ins.png);
}

.footer .footer-share .icon-line a.footer-icon-youtube {
	background-image: url(../images/icon-ytb.png);
}

.footer .footer-share .icon-line a.footer-icon-youtube-cai {
	background-image: url(../images/icon-ytb.png);
}

.footer .footer-share .qrcode-modal {
	width: 130px;
	min-height: 130px;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
	border: 1px solid #fff;
	background-color: #fff;
	position: absolute;
	border-radius: 4px;
	left: 0;
	bottom: 37px;
	display: none
}

.footer .footer-share .qrcode-modal:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid rgba(0, 0, 0, 0);
	border-right: 12px solid rgba(0, 0, 0, 0);
	border-top: 12px solid #fff;
	position: absolute;
	bottom: -12px;
	right: 12px
}

.footer .footer-share .qrcode-modal:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 12px solid rgba(0, 0, 0, 0);
	border-right: 12px solid rgba(0, 0, 0, 0);
	border-top: 12px solid #fff;
	position: absolute;
	bottom: -11px;
	right: 12px
}

.footer .footer-share .qrcode-modal .modalBox {
	padding: 5px 5px;
}

.footer .footer-share .qrcode-modal img {
	display: block;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}

.footer .footer-share .qrcode-modal .text {
	font-size: 12px;
	line-height: 30px;
	color: #86868b;
	text-align: center
}

#douyin-qrcode {
	width: 226px;
	margin-left: -95px;
}

@media screen and (max-width:1024px) {
	.footer .footer-share {
		display: none;
	}
}


/*footer mobileshare*/
.footer-mobileShare {
	display: none;
}

.footer-mobileShare .platform-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.footer-mobileShare .platform-container>li {
	margin-right: 15px;
	height: 32px
}

.footer-mobileShare .platform-container>li a {
	display: block
}

.footer-mobileShare .platform-container>li img {
	height: 32px
}

/*mobileshare弹窗*/
#weixin-qrcode {
	align-items: center;
	justify-content: center;
	flex-direction: row
}

#weixin-qrcode {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255, 255, 255, .6);
	display: none;
	z-index: 1000000000000
}

.qrcode-container {
	width: 100%;
	padding: 0 15px;
	margin: 60px auto 0
}

.qrcode-box {
	width: 200px;
	padding: 10px;
	background: #fff;
	box-shadow: 1px 3px 5px #666;
	border-radius: 5px;
	font-size: 12px;
	color: #000;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto
}

.qrcode-box img {
	width: 100%;
	margin-bottom: 8px
}

@media screen and (max-width:1024px) {
	.footer-mobileShare {
		display: block;
		margin-top: 2rem;
		padding-bottom: 2%;
	}
}




/*****************************page start*****************************/
.navbg {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/navbg.png) center top no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

/*pagebanner*/
.pagebanner {
	position: relative;
	overflow: hidden;
	padding-right: 12.5vw;
	padding-bottom: 4.166666666666667vw;
}

.pagebanner:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #eeeef2;
	bottom: 0;
	left: 14.58vw;
	z-index: 0;
}

.pagebanner .pic {
	display: block;
	overflow: hidden;
	height: auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #fff;
	color: #fff;
	padding-bottom: 51.19047619047619%;
	position: relative;
	z-index: 2;
}

.pagebanner .pagebanner-tt {
	color: #ffffff;
	position: absolute;
	right: 0;
	left: 0;
	top: 30.72vw;
	z-index: 3;
}

.pagebanner .pagebanner-tt h2 {
	font-size: 4rem;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
}

.pagebanner .pagebanner-tt .des {
	font-size: 15px;
	line-height: 1.5;
	/*filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;*/
}

.pagebanner .pagebanner-tt .pagebanner-ttB {
	min-width: 47rem;
	padding: 2.4rem 4.4rem;
	background: #cd1928;
	float: right;
}

/*other*/
.pageFaq .pagebanner .pagebanner-tt {
	top: 30.72vw;
}

.pageNews .pagebanner .pagebanner-tt {
	top: 29vw;
}

.pageNetwork .pagebanner .pagebanner-tt {
	top: 30.72vw;
}

.pageProduct .pagebanner .pagebanner-tt {
	top: 28.90625vw;
}

@media screen and (min-width:1921px) {
	.pagebanner .container {
		max-width: 100%;
		width: 83.3%;
	}
}

@media screen and (max-width:1024px) {
	.pagebanner .pagebanner-tt h2 {
		font-size: 3rem;
	}

	.pagebanner .pagebanner-tt .des {
		font-size: 14px;
	}

	.pagebanner .pagebanner-tt .pagebanner-ttB {
		min-width: 38rem;
		padding: 1.4rem 3.4rem;
	}
}

@media screen and (max-width:768px) {
	.pagebanner {
		padding-right: 0;
		padding-bottom: 3rem;
	}

	.pagebanner .pagebanner-tt {
		top: auto !important;
		bottom: 1rem;
	}

	.pagebanner .pagebanner-tt h2 {
		font-size: 2rem;
	}

	.pagebanner .pagebanner-tt .des {
		font-size: 12px;
	}

	.pagebanner .pagebanner-tt .pagebanner-ttB {
		min-width: 0;
		padding: 1.4rem 1.4rem;
	}
}



/*pageInfo*/
.page img {
	max-width: 100%;
}


/*sectionBox*/
.sectionBox {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

@media screen and (max-width: 768px) {
	.sectionBox {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
}



/*faq-list*/
.faq-list dl dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3.8rem 0;
	border-bottom: 1px solid #f4f6f8;
	cursor: pointer;
	position: relative
}

.faq-list dl dt::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #cd1928;
	bottom: -1px;
	left: 0;
	-webkit-transition: opacity 0s linear .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: opacity 0s linear .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
	transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, opacity 0s linear .3s;
	transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, opacity 0s linear .3s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	z-index: 1
}

.faq-list dl .q {
	display: block;
	font-size: 5rem;
	line-height: 1;
	width: 3rem;
	margin-right: 3rem;
	color: #cd1928;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

*[lang|="vn"] .faq-list dl .q {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.faq-list dl .tit {
	font-size: 2.2rem;
	width: calc(100% - 12.5rem);
	font-weight: 500;
	line-height: 1.5;
}

.faq-list dl .txt {
	font-size: 1.8rem;
	line-height: 1.8;
	color: #333333;
	width: calc(100% - 1.5rem);
	font-weight: 500;
}

.faq-list dl .acdn-toggle-icon {
	width: 6rem;
	height: 6rem;
	margin-right: 4px;
	border-radius: 50%;
	background-color: #f4f6f8;
	position: relative;
	-webkit-transition: background-color .2s linear, -webkit-transform .2s linear;
	transition: background-color .2s linear, -webkit-transform .2s linear;
	transition: background-color .2s linear, transform .2s linear;
	transition: background-color .2s linear, transform .2s linear, -webkit-transform .2s linear;
	pointer-events: all;
	cursor: pointer
}

.faq-list dl dt .acdn-toggle-icon::after,
.faq-list dl dt .acdn-toggle-icon::before {
	position: absolute;
	content: "";
	width: 2.4rem;
	height: 2px;
	background-color: #000000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.faq-list dl dt .acdn-toggle-icon::after {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	-webkit-transition: -webkit-transform .2s linear;
	transition: -webkit-transform .2s linear;
	transition: transform .2s linear;
	transition: transform .2s linear, -webkit-transform .2s linear
}

.faq-list dl dd {
	padding: 3rem 6rem;
	background-color: #f4f6f8;
	border-bottom: 1px solid #cd1928
}

.faq-list dl .acdn-toggle.is-active::before {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	transition: opacity 0s linear
}

.faq-list dl .acdn-toggle.is-active .acdn-toggle-icon {
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	background-color: transparent
}

.faq-list dl .acdn-toggle.is-active .acdn-toggle-icon::after {
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0)
}

.faq-list dl .acdn-box {
	display: none
}

@media only screen and (min-width:1025px) {
	.faq-list dl .acdn-toggle:hover::before {
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.faq-list dl .acdn-toggle:hover .acdn-toggle-icon {
		background-color: transparent
	}
}

@media only screen and (max-width:1024px) {
	.faq-list dl .q {
		font-size: 4.2rem;
		width: 25px;
		margin-right: 2rem
	}

	.faq-list dl .tit {
		font-size: 1.4rem;
		width: calc(100% - (35px + 32px))
	}

	.faq-list dl .txt {
		font-size: 1.2rem;
		width: calc(100% - 15px)
	}

	.faq-list dl dt .acdn-toggle-icon {
		width: 32px;
		height: 32px;
		margin-right: 0
	}

	.faq-list dl dt .acdn-toggle-icon::after,
	.faq-list dl dt .acdn-toggle-icon::before {
		width: 13px
	}

	.faq-list dl dd {
		padding: 2rem 32px 2rem 45px
	}
}

@media only screen and (max-width:768px) {
	.faq-list dl .q {
		font-size: 3rem;
	}

	.faq-list dl .tit {
		font-size: 1.4rem;
	}

	.faq-list dl .txt {
		font-size: 13px;
	}
}

.faq-listBox .pageTit {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 5rem 0;
	top: 5rem
}

@media only screen and (max-width:1024px) {
	.faq-listBox .pageTit {
		padding: 4rem 0;
		top: 4rem
	}
}

@media only screen and (max-width:768px) {
	.faq-listBox .pageTit {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		grid-row: 1;
		width: 100%;
		position: static;
		padding: 2rem 0;
		margin-bottom: 0rem;
	}
}

.faq-listBox .pageTit {
	float: left;
	width: 54rem;
	width: 33.75%;
}

.faq-listBox .faq {
	width: calc(100% - 54rem);
	width: 66.25%;
	position: relative;
	float: right;
}

@media screen and (max-width: 768px) {
	.faq-listBox .pageTit {
		width: 100%;
	}

	.faq-listBox .faq {
		width: 100%;
	}
}


/*pageTit*/
.pageTit {
	text-align: left;
	position: relative;
	z-index: 2;
}

.pageTit h2 {
	color: #000000;
	font-size: 6rem;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

*[lang|="vn"] .pageTit h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

.pageTit .des {
	color: #000000;
	font-size: 1.8rem;
	line-height: 1.3;
	max-width: 72%;
}

@media screen and (max-width: 1024px) {
	.pageTit h2 {
		font-size: 4rem;
	}

	.pageTit .des {
		font-size: 1.4rem;
	}

	.pageTit .des br {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.pageTit h2 {
		font-size: 3rem;
	}

	.pageTit .des {
		font-size: 1.2rem;
	}

	.pageTit .des br {
		display: none;
	}
}



/*page-tab*/
.page-tab {
	margin: 0 auto;
	padding: 3.5rem 0 3.5rem 0;
	text-align: center;
}

.page-tab ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 4rem;
	line-height: 4rem;
	font-size: 0;
}

.page-tab ul {
	margin: 0;
	padding: 0;
	display: flex;
	;
	zoom: 1;
	position: relative;
	height: 4rem;
	line-height: 4rem;
	border-radius: 5px;
	vertical-align: top;
	justify-content: center;
}

.page-tab ul a {
	font-size: 1.6rem;
	padding: 0 0.5rem;
	margin: 0 5px;
	min-width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border: 1px solid #eaeaea;
	display: block;
	text-align: center;
	background-color: #ffffff;
	color: #000;
	border-radius: 5px;
	font-weight: 500;
}

.page-tab ul a.next-page {
	background: url(../images/arrow-r2.png) center center no-repeat;
	background-size: 7px;
	width: 4rem;
	padding: 0;
}

.page-tab ul a.prev-page {
	background: url(../images/arrow-l2.png) center center no-repeat;
	background-size: 7px;
	width: 4rem;
	padding: 0;
}

.page-tab ul a:hover {
	background-color: #f7f7f7;
}

.page-tab ul a.page-num-current {
	background-color: #cd1928;
	color: #fff;
}

@media screen and (max-width:1024px) {
	.page-tab {
		margin: 0 auto;
		padding: 30px 0 30px 0;
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	.page-tab ul li {
		display: none;
	}

	.page-tab ul li.next-page,
	.page-tab ul li.prev-page {
		display: inline-block;
	}
}



/*pageNewsList*/
.pageNewsList {
	overflow: hidden;
}

.pageNewsList ul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -1.5rem;
}

.pageNewsList ul li {
	width: 50%;
	margin-bottom: 6rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pageNewsList ul li .item {
	display: block;
	margin: 0 1.5rem;
	position: relative;
}

.pageNewsList ul li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 5px;
	padding-bottom: 66.66666666666667%;
}

.pageNewsList ul li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageNewsList ul li .imgBox,
.pageNewsList ul li .imgBox img,
.pageNewsList ul li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageNewsList ul li .item:hover .imgBox img {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.pageNewsList ul li .infoBox {
	padding-top: 30px;
}

.pageNewsList ul li .date {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #767574;
	font-weight: 500;
}

.pageNewsList ul li .title {
	font-size: 1.8rem;
	min-height: 5.6rem;
	line-height: 2.8rem;
	/*margin-bottom:3rem;*/
	color: #000000;
	font-weight: bold;
	overflow: hidden;
}

.pageNewsList ul li .more {
	background: url(../images/m2.png) left top no-repeat;
	background-size: 2rem;
	height: 1rem;
	display: none;
}

.pageNewsList ul li .item:hover .title {
	color: #cd1928;
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:768px) {
	.pageNewsList ul {
		margin: 0;
	}

	.pageNewsList ul li .item {
		margin: 0;
	}

	.pageNewsList ul li {
		width: 100%;
	}
}




/*ProSec-proList*/
.pageNewsRight {
	width: 40rem;
	float: right;
	padding-top: 11.5rem;
	padding-bottom: 6rem;
}

.pageNewsLeft {
	width: calc(100% - 40rem);
	float: left;
	position: relative;
	padding-top: 11.5rem;
	padding-bottom: 6rem;
}

.pageNewsLeft .pageNewsLeftB {
	padding-right: 9rem;
}

@media screen and (max-width:1220px) {
	.pageNewsRight {
		float: none;
		width: 100%;
		padding-top: 5rem;
	}

	.pageNewsLeft {
		width: 100%;
		position: relative;
		float: none;
	}

	.pageNewsLeft .pageNewsLeftB {
		padding-right: 0;
	}
}



/*page-newSearch*/
.page-newSearch {
	border: 1px solid #E5E7EB;
	position: relative;
	border-radius: 10px;
	margin-bottom: 4.3rem;
}

.page-newSearch input.text {
	font-size: 1.6rem;
	height: 5rem;
	line-height: 5rem;
	padding: 0 10rem 0 2rem;
	border-radius: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: #4b4b4b;
	width: 100%;
	background: #fff;
	border: none;
	display: block;
	border-radius: 10px;
}

.page-newSearch input::-webkit-input-placeholder,
.page-newSearch input:-moz-placeholder,
.page-newSearch input::-moz-placeholder,
.page-newSearch input:-ms-input-placeholder {
	color: #c9cdd4;
	font-size: 0.14rem;
}

.page-newSearch .newSearchbtn {
	display: inline-block;
	width: 5rem;
	font-size: 0;
	margin-right: 0;
	border-radius: 0;
	height: 5rem;
	border-radius: 10px;
	margin-bottom: 0;
	text-align: center;
	border: none;
	overflow: hidden;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
	background-image: url(../images/icon-search.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.5rem;
	position: absolute;
	right: 0;
	top: 0;
}

.page-newSearch .delete {
	display: none;
	width: 1.4rem;
	height: 5rem;
	font-size: 0;
	margin-right: 5rem;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
	border: none;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../images/icon-close2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.4rem;
	position: absolute;
	right: 0.3rem;
	top: 0;
	z-index: 3;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}


/*page-tagList*/
.page-tagList {
	margin-bottom: 3rem;
}

.page-tagList .page-tagListB {
	margin: 0 -5px;
}

.page-tagList a {
	font-size: 1.6rem;
	padding: 0 1.7rem;
	margin: 0 5px;
	line-height: 4.5rem;
	border-radius: 4.5rem;
	margin-bottom: 1.6rem;
	display: inline-block;
	background-color: #eeeef2;
	color: #454547;
	font-weight: 500;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	transition: All 0.3s ease;
}

.page-tagList a:hover {
	background-color: #cd1928;
	color: #fff;
}



/*recommendList*/
.recommendList .rec_tit {
	font-size: 2.4rem;
	line-height: 8.6rem;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
}

.recommendList .rec_tit span {
	display: block;
	border-bottom: 1px solid #e9e9e9;
}

.recommendList .rec_tit:after {
	content: '';
	display: block;
	width: 11rem;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #cd1928;
}

.recommendList ul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
}

.recommendList ul li {
	width: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	border-bottom: 1px solid #e9e9e9;
}

.recommendList ul li .item {
	display: block;
	position: relative;
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
}

.recommendList ul li .date {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #adadad;
	font-weight: 500;
}

.recommendList ul li .title {
	font-size: 1.7rem;
	line-height: 2.4rem;
	margin-bottom: 1rem;
	color: #000000;
	font-weight: 500;
}

.recommendList ul li .item:hover .title {
	color: #cd1928;
}

.recommendList ul li .title i {
	display: inline-block;
	width: 0.3rem;
	line-height: 2.4rem;
	height: 2.4rem;
	margin-right: 1rem;
	background-image: url(../images/line2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0.3rem;
	vertical-align: baseline;
	position: relative;
	top: 0.5rem;
}




/*news-share*/
.news-share {
	padding-bottom: 30px;
	position: relative;
	display: inline-block;
	padding: 12px 40px;
	background: #eeeef2;
	border-radius: 48px;
	line-height: 0;
}

.news-share .iconfont {
	width: 24px;
	height: 24px;
	font-size: 20px;
	display: inline-block;
	margin-right: 24px;
}

.news-share .icon-ins {
	background: url(../images/share-icon-ins.png) left center no-repeat;
	background-size: 24px;
}

.news-share .icon-fb {
	background: url(../images/share-icon-fb.png) left center no-repeat;
	background-size: 24px;
}

.news-share .icon-lianjie {
	background: url(../images/share-icon-copy.png) left center no-repeat;
	background-size: 24px;
	margin-right: 0 !important;
	cursor: pointer;
}

/*icon-weixin cover-share*/
#cover-share {
	position: fixed;
	background-color: rgba(255, 255, 255, .8);
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
	display: none;
}

#qrCode {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.cover-cancel {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	background: url(../images/close.png) center center no-repeat;
	background-size: 15px;
}

.news-detial-cover {
	width: 100%;
	height: 225px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent)
}

/*icon-lianjie copy-success-message*/
.copy-success-message {
	width: 100px;
	line-height: 24px;
	position: absolute;
	border: 1px solid #e3e3e3;
	text-align: center;
	font-size: 12px !important;
	top: -32px;
	right: -20px;
	background: #fff;
}

.copy-success-message:after,
.copy-success-message:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	left: 36px
}

.copy-success-message:after {
	border-top: 6px solid #e3e3e3;
	top: 25px
}

.copy-success-message:before {
	border-top: 6px solid #fff;
	top: 23px;
	z-index: 1000
}






/*pageNewsInfo*/
.news-detail {
	max-width: 104rem;
}

.news-detail .lei {
	display: inline-block;
	background: #eeeef2;
	color: #4b4b4b;
	text-align: center;
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 4.5rem;
	border-radius: 4.5rem;
	padding: 0 2.4rem;
	margin-bottom: 2.7rem;
}

.news-detail .tit {
	font-size: 4rem;
	margin-bottom: 3rem;
	line-height: 1.4;
	color: #000000;
	font-weight: 500;
	position: relative;
}

.news-detail .tit span {
	padding-bottom: 2.3rem;
	display: block;
	border-bottom: 1px solid #e9e9e9;
}

.news-detail .tit:after {
	content: '';
	display: block;
	width: 11rem;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #cd1928;
}

.news-detail .shuju {
	font-size: 1.6rem;
	color: #4b4b4b;
	font-weight: normal;
	line-height: normal;
}

.news-detail .shuju span {
	padding-left: 2rem;
	display: inline-block;
}

.news-detail .shuju span.date {
	background: url(../images/icon-d.png) left center no-repeat;
	background-size: 1.4rem;
	margin-right: 4.2rem;
}

.news-detail .shuju span.user {
	background: url(../images/icon-u.png) left center no-repeat;
	background-size: 1.4rem;
}

.news-detail .newsTxt {
	font-size: 1.8rem;
	color: #333333;
	line-height: 1.7;
	overflow: hidden;
	padding-top: 5.6rem;
	padding-bottom: 3rem;
}

.news-detail .newsTxt img {
	display: inline-block;
	border-radius: 10px;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.news-detail .newsBtnBOX {
	margin-bottom: 3.2rem;
	border-top: 1px solid #d9d9dc;
	padding-top: 3rem;
}

.news-detail .newsBtn {
	display: block;
	color: #000000;
	font-size: 1.6rem;
	line-height: 3rem;
	height: 3rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 7px;
}

.news-detail .newsBtn a:hover {
	text-decoration: underline;
}

.news-detail .newsBtn strong {
	font-size: 1.8rem;
}

@media screen and (max-width:1024px) {
	.news-detail .lei {
		font-size: 1.3rem;
		line-height: 3.5rem;
		border-radius: 3.5rem;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}

	.news-detail .tit {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.news-detail .tit span {
		padding-bottom: 2.3rem;
	}

	.news-detail .shuju {
		font-size: 1.3rem;
	}

	.news-detail .shuju span {
		padding-left: 2rem;
	}

	.news-detail .newsTxt {
		font-size: 1.4rem;
		line-height: 1.6;
		padding-top: 5.6rem;
	}

	.news-detail .newsBtnBOX {
		margin-bottom: 3.2rem;
	}

	.news-detail .newsBtn {
		font-size: 1.4rem;
		line-height: 2.4rem;
		height: 2.4rem;
	}

	.news-detail .newsBtn strong {
		font-size: 1.6rem;
	}
}





/*swbtn*/
.swbtn .swiper-button-next,
.swbtn .swiper-button-prev {
	width: 7rem;
	height: 7rem;
	background: url(../images/arrow-l.png) no-repeat center center #fff;
	background-size: 100%;
	border-radius: 50%;
	opacity: 1;
	position: absolute;
	top: 30%;
	margin-top: -3.5rem;
	outline: none;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.swbtn .swiper-button-prev {
	left: 0;
}

.swbtn .swiper-button-next {
	background-image: url(../images/arrow-r.png);
	right: 0;
}

.swbtn .swiper-button-prev.swiper-button-disabled,
.swbtn .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.swbtn .swiper-button-next:hover {
	background-image: url(../images/arrow-r.png);
}

.swbtn .swiper-button-prev:hover {
	background-image: url(../images/arrow-l.png);
}

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

	.swbtn .swiper-button-next,
	.swbtn .swiper-button-prev {
		width: 6rem;
		height: 6rem;
	}
}

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

	.swbtn .swiper-button-next,
	.swbtn .swiper-button-prev {
		width: 5rem;
		height: 5rem;
	}
}



/*pageTit*/
.pageTit2 {
	position: relative;
	z-index: 2;
	line-height: 0;
	font-size: 0;
	margin-bottom: 7.4rem;
}

.pageTit2 h2 {
	font-size: 6rem;
	margin-bottom: 14px;
	line-height: normal;
	text-transform: uppercase;
	font-weight: 900;
	color: #333333;
}

*[lang|="vn"] .pageTit2 h2 {
	font-weight: 700;
}

.pageTit2 .line {
	width: 5.7rem;
	height: 3px;
	background: #cd1928;
	display: inline-block;
	margin: 0 auto;
	width: 3.3rem;
	height: 6px;
}

.pageTit2 .des {
	color: #000000;
	font-size: 1.8rem;
	line-height: 1.3;
	max-width: 72%;
}

.pageTit2 h2 b,
.pageTit2 h2 strong {
	color: #cd1928;
	font-weight: 900;
}

*[lang|="vn"] .pageTit2 h2 b,
*[lang|="vn"] .pageTit2 h2 strong {
	font-weight: 700;
}

@media screen and (max-width: 1024px) {
	.pageTit2 {
		margin-bottom: 6.4rem;
	}

	.pageTit2 h2 {
		font-size: 4rem;
	}

	.pageTit2 .des {
		font-size: 1.4rem;
	}

	.pageTit2 .des br {
		display: none;
	}

	.pageTit2 .line {
		width: 4.7rem;
		height: 2px;
		width: 2.3rem;
		height: 4px;
	}
}

@media screen and (max-width: 768px) {
	.pageTit2 {
		margin-bottom: 3.4rem;
	}

	.pageTit2 h2 {
		font-size: 3rem;
	}

	.pageTit2 .line {
		width: 2.7rem;
		height: 2px;
		width: 2rem;
		height: 3px;
	}
}



/*pageNewsXgList*/
.pageNewsXgList {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -1.5rem;
}

.pageNewsXgList li {
	width: 33.333333%;
	margin-bottom: 6rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.pageNewsXgList li .item {
	display: block;
	margin: 0 1.5rem;
	position: relative;
}

.pageNewsXgList li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 10px;
	padding-bottom: 66.66666666666667%;
}

.pageNewsXgList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageNewsXgList li .imgBox,
.pageNewsXgList li .imgBox img,
.pageNewsXgList li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageNewsXgList li .item:hover .imgBox img {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.pageNewsXgList li .infoBox {
	padding-top: 30px;
}

.pageNewsXgList li .date {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #767574;
	font-weight: 500;
}

.pageNewsXgList li .title {
	font-size: 1.8rem;
	min-height: 5.6rem;
	line-height: 2.8rem;
	/*margin-bottom:3rem;*/
	color: #000000;
	font-weight: bold;
	overflow: hidden;
}

.pageNewsXgList li .more {
	background: url(../images/m2.png) left top no-repeat;
	background-size: 2rem;
	height: 1rem;
	display: none;
}

.pageNewsXgList li .item:hover .title {
	color: #cd1928;
}

/**/
.detail-xgBox {
	padding-top: 7rem;
	padding-bottom: 2rem;
}

.detail-xgList {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

.detail-xgList .swbtn .swiper-button-prev {
	left: 4.2rem;
}

.detail-xgList .swbtn .swiper-button-next {
	right: 4.2rem;
}

@media screen and (max-width:1024px) {
	.detail-xgBox {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.pageNewsXgList li .date {
		font-size: 1.3rem;
	}

	.pageNewsXgList li .title {
		font-size: 1.4rem;
		min-height: 5.2rem;
		line-height: 2.6rem;
	}
}

@media screen and (max-width:768px) {
	.pageNewsXgList li {
		width: 100%;
	}
}





/*supportBox*/
.supportBox1 {
	padding-top: 15rem;
}

.dealer .dealerBOX {
	padding: 7rem 4rem;
	background: #eeeef2;
	border-radius: 10px;
	margin-bottom: 5.6rem;
}

.dealer input,
.dealer select {
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	resize: none;
	border-radius: 0;
	border: none;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	outline: none;
}

.dealer .select {
	height: 6rem;
	outline: none;
	width: 50%;
	float: left;
}

.dealer .select1 #Country {
	width: 100%;
	height: 6rem;
	line-height: 6rem;
	padding-left: 3rem;
	font-size: 1.8rem;
	color: #000;
	border-radius: 10px;
	background: url(../images/icon-v1.png) 95% center no-repeat #fff;
	background-size: 1.6rem;
}

.dealer .select1 option {
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 10px 3rem;
}

.dealer .custom-select {
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0 1.2rem;
}

.dealer .custom-select-trigger {
	position: relative;
	display: block;
	width: 100%;
	height: 6rem;
	line-height: 6rem;
	padding-left: 3rem;
	font-size: 1.8rem;
	color: #000;
	border-radius: 10px;
	background: url(../images/icon-v1.png) 95% center no-repeat #fff;
	background-size: 1.6rem;
}

.dealer .custom-options {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 10px;
	z-index: 999;
	border: 1px solid #e4e7ed;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
}

.dealer .custom-options ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.dealer .custom-options li {
	cursor: pointer;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 10px 3rem;
}

.dealer .custom-options li:hover {
	background-color: #f1f1f1
}

.dealer .custom-select.active .custom-options {
	display: block
}

/*selectSearch*/
.selectSearch {
	position: relative;
	border-radius: 10px;
	margin: 0 1.2rem;
}

.selectSearch input.text {
	font-size: 1.6rem;
	height: 6rem;
	line-height: 6rem;
	padding: 0 10rem 0 2.3rem;
	border-radius: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: #000;
	width: 100%;
	background: #fff;
	border: none;
	display: block;
	border-radius: 10px;
}

.selectSearch input::-webkit-input-placeholder,
.selectSearch input:-moz-placeholder,
.selectSearch input::-moz-placeholder,
.selectSearch input:-ms-input-placeholder {
	color: #adadad;
	font-size: 1.6rem;
}

.selectSearch .Searchbtn {
	display: inline-block;
	width: 6rem;
	height: 6rem;
	font-size: 0;
	margin-right: 0;
	border-radius: 0;
	border-radius: 10px;
	margin-bottom: 0;
	text-align: center;
	border: none;
	overflow: hidden;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
	cursor: pointer;
	background-image: url(../images/icon-search2.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.6rem;
	position: absolute;
	right: 0;
	top: 0;
}

.selectSearch .delete {
	display: none;
	width: 1.4rem;
	height: 6rem;
	font-size: 0;
	margin-right: 6rem;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
	border: none;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../images/icon-close2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.4rem;
	position: absolute;
	right: 0.3rem;
	top: 0;
	z-index: 3;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}

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

	.supportBox1 {
		padding-top: 10rem;
	}

	.dealer .dealerBOX {
		padding: 6rem 2rem;
		margin-bottom: 4.6rem;
	}

	.dealer .select {
		height: 5rem;
	}

	.dealer .select1 #Country {
		height: 5rem;
		line-height: 5rem;
		padding-left: 2rem;
		font-size: 1.6rem;
		background-size: 1.4rem;
	}

	.dealer .select1 option {
		font-size: 1.4rem;
		padding: 7px 2rem;
	}

	.dealer .custom-select {
		margin: 0 1rem;
	}

	.dealer .custom-select-trigger {
		height: 5rem;
		line-height: 5rem;
		padding-left: 2rem;
		font-size: 1.6rem;
		background-size: 1.4rem;
	}

	.dealer .custom-options li {
		font-size: 1.4rem;
		padding: 7px 2rem;
	}


	.selectSearch {
		margin: 0 1.2rem;
	}

	.selectSearch input.text {
		font-size: 1.4rem;
		height: 5rem;
		line-height: 5rem;
		padding: 0 7rem 0 2.3rem;
	}

	.selectSearch input::-webkit-input-placeholder,
	.selectSearch input:-moz-placeholder,
	.selectSearch input::-moz-placeholder,
	.selectSearch input:-ms-input-placeholder {
		font-size: 1.4rem;
	}

	.selectSearch .Searchbtn {
		width: 5rem;
		height: 5rem;
		background-size: 1.4rem;
	}

	.selectSearch .delete {
		width: 1.2rem;
		height: 5rem;
		background-size: 1.2rem;
		right: 0.3rem;
	}
}

@media screen and (max-width:768px) {
	.supportBox1 {
		padding-top: 7rem;
	}

	.dealer .custom-options li {
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 5px 3rem;
	}

	.dealer .dealerBOX {
		padding: 4rem 1.5rem;
		margin-bottom: 2rem;
	}

	.dealer .select {
		height: 4rem;
	}

	.dealer .select1 #Country {
		height: 4rem;
		line-height: 4rem;
		padding-left: 1rem;
		font-size: 1.4rem;
		background-size: 1.2rem;
	}

	.dealer .select1 option {
		font-size: 1.2rem;
		padding: 7px 1.5rem;
	}

	.dealer .custom-select {
		margin: 0;
	}

	.dealer .custom-select-trigger {
		height: 4rem;
		line-height: 4rem;
		padding-left: 1rem;
		font-size: 1.4rem;
		background-size: 1.2rem;
	}

	.dealer .custom-options li {
		font-size: 1.2rem;
		padding: 7px 1.5rem;
	}

	.dealer .select {
		width: 100%;
		float: none;
	}

	.dealer .select1 {
		margin-bottom: 1rem;
	}


	.selectSearch {
		margin: 0;
	}

	.selectSearch input.text {
		font-size: 1.2rem;
		height: 4rem;
		line-height: 4rem;
		padding: 0 5rem 0 1rem;
	}

	.selectSearch input::-webkit-input-placeholder,
	.selectSearch input:-moz-placeholder,
	.selectSearch input::-moz-placeholder,
	.selectSearch input:-ms-input-placeholder {
		font-size: 1.2rem;
	}

	.selectSearch .Searchbtn {
		width: 4rem;
		height: 4rem;
		background-size: 1.2rem;
	}

	.selectSearch .delete {
		width: 1rem;
		height: 4rem;
		background-size: 1rem;
		right: 0.3rem;
	}
}



/*deul*/
.deul {
	overflow: hidden;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -1.5rem;
}

.deul li {
	width: 50%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-bottom: 3rem;
}

.deul li .debox {
	margin: 0 1.5rem;
	padding: 3.5rem 4rem;
	border-radius: 10px;
	background: #eeeef2;
}

.deul li h2 {
	font-size: 2.2rem;
	padding-bottom: 2.2rem;
	margin-bottom: 2rem;
	text-align: left;
	border-bottom: 1px dashed #d2d2d2;
	font-weight: bold;
	color: #000;
}

.deul li .des,
.deul li p {
	font-size: 1.8rem;
	line-height: 3rem;
	font-weight: normal;
	color: #333;
}

.deul li .des {
	min-height: 9rem;
	padding-right: 10rem;
	position: relative;
}

.deul li .add_link {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url(../images/icon-add2.png) no-repeat center center #cd1928;
	background-size: 100%;
}

.deul li .add_link {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.deul li .add_link:hover {
	background-color: #a90412;
}

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


	.deul {
		margin: 0 -1rem;
	}

	.deul li {
		margin-bottom: 2rem;
	}

	.deul li .debox {
		margin: 0 1rem;
		padding: 2.5rem 3rem;
	}

	.deul li h2 {
		font-size: 1.8rem;
		padding-bottom: 1.2rem;
		margin-bottom: 1rem;
	}

	.deul li .des,
	.deul li p {
		font-size: 1.4rem;
		line-height: 2rem;
	}

	.deul li .des {
		min-height: 8rem;
		padding-right: 7rem;
	}

	.deul li .add_link {
		width: 4rem;
		height: 4rem;
	}
}

@media screen and (max-width:768px) {
	.deul {
		margin: 0 -0.5rem;
	}

	.deul li {
		width: 100%;
	}

	.deul li {
		margin-bottom: 1rem;
	}

	.deul li .debox {
		margin: 0 0.5rem;
		padding: 1.5rem 2rem;
	}

	.deul li h2 {
		font-size: 1.6rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	.deul li .des,
	.deul li p {
		font-size: 1.2rem;
		line-height: 2rem;
	}

	.deul li .des {
		min-height: 6rem;
		padding-right: 5rem;
	}

	.deul li .add_link {
		width: 3rem;
		height: 3rem;
	}
}


.supportBox2 {
	padding-top: 8rem;
}

/*support2Table*/
#support2Table {
	min-width: 80%;
	margin: 0 auto;
}

#support2Table td {
	vertical-align: middle;
	line-height: 1;
	padding: 0 3rem;
}

#support2Table td img {
	display: inline-block;
	vertical-align: middle;
	width: 6.2rem;
}

#support2Table td h2 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 1.5rem;
	padding-right: 1rem;
	font-size: 7rem;
	color: #cd1928;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#support2Table td p {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: #4b4b4b;
	font-weight: normal;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#support2Table td sup {
	font-size: 4rem;
	text-transform: uppercase;
	color: #cd1928;
	font-weight: normal;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

*[lang|="vn"] #support2Table td h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

*[lang|="vn"] #support2Table td p {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

*[lang|="vn"] #support2Table td sup {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

@media screen and (max-width:1024px) {
	.supportBox2 {
		padding-top: 7rem;
	}

	#support2Table td img {
		width: 5.2rem;
	}

	#support2Table td h2 {
		font-size: 6rem;
	}

	#support2Table td p {
		font-size: 1.8rem;
	}

	#support2Table td sup {
		font-size: 3rem;
	}
}

@media screen and (max-width:768px) {
	.supportBox2 {
		padding-top: 5rem;
	}

	#support2Table td {
		display: block;
		padding: 0;
		width: 100% !important;
	}

	#support2Table td img {
		width: 4.2rem;
	}

	#support2Table td h2 {
		font-size: 5rem;
	}

	#support2Table td p {
		font-size: 1.6rem;
	}

	#support2Table td sup {
		font-size: 2.6rem;
	}
}

@media screen and (max-width:350px) {
	#support2Table td p {
		font-size: 1.6rem;
	}

	#support2Table td img {
		width: 4.2rem;
	}

	#support2Table td h2 {
		font-size: 5rem;
	}

	#support2Table td sup {
		font-size: 2rem;
	}
}



/*supportBox3*/
.supportBox3 {
	padding-bottom: 8rem;
	padding-top: 3rem;
}

.supportService ul {
	font-size: 0;
	position: relative;
	margin: 0 -1rem;
}

.supportService ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	vertical-align: top;
	margin-bottom: 2rem;
}

.supportService ul li .item {
	margin: 0 1rem;
	display: block;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
}

.supportService ul li .item .picB {
	display: block;
}

.supportService ul li .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 38rem;
	overflow: hidden;
	vertical-align: bottom;
}

.supportService ul li .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.supportService ul li .item .pic:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	background: url(../images/support2-sd.png) repeat-y left top;
	background-size: 100%;
}

.supportService ul li .item .tit {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
}

.supportService ul li .item .tit .titNr {
	padding-left: 5.5rem;
	padding-right: 5.5rem;
	padding-top: 12rem;
}

.supportService ul li .item .tit .des {
	font-size: 1.8rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
}

.supportService ul li .item .tit .t {
	font-size: 2.4rem;
	color: #fff;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 8px;
	padding-top: 6.3rem;
	text-transform: uppercase;
	background: url(../images/support2-fw-icon1.png) no-repeat left top;
	background-size: 5rem;
}

.supportService ul li.li2 .item .tit .t {
	background-image: url(../images/support2-fw-icon2.png);
}

.supportService ul li.li3 .item .tit .t {
	background-image: url(../images/support2-fw-icon3.png);
}

.supportService ul li.li4 .item .tit .t {
	background-image: url(../images/support2-fw-icon4.png);
}

.supportService ul li .item .picB,
s .supportService ul li .item .titNr,
.supportService ul li .item .des,
.supportService ul li .item,
.supportService ul li .item .t,
.supportService ul li .item .icon,
.supportService ul li .item .pic img,
.supportService ul li .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.supportService ul li .item:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:1024px) {
	.supportService ul li {
		width: 100%;
	}

	.supportBox3 {
		padding-bottom: 7rem;
		padding-top: 2rem;
	}

	.supportService ul {
		margin: 0 -0.5rem;
	}

	.supportService ul li {
		margin-bottom: 2rem;
	}

	.supportService ul li .item {
		margin: 0 0.5rem;
	}

	.supportService ul li .item .pic {
		padding-bottom: 35rem;
	}

	.supportService ul li .item .tit .titNr {
		padding-left: 4.5rem;
		padding-right: 4.5rem;
		padding-top: 10rem;
	}

	.supportService ul li .item .tit .des {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.supportService ul li .item .tit .t {
		font-size: 2rem;
		line-height: 1.5;
		margin-bottom: 8px;
		padding-top: 5.3rem;
		background-size: 4rem;
	}
}

@media screen and (max-width:992px) {
	.supportBox3 {
		padding-bottom: 5rem;
		padding-top: 2rem;
	}

	.supportService ul {
		margin: 0 -0.5rem;
	}

	.supportService ul li {
		margin-bottom: 1rem;
	}

	.supportService ul li .item {
		margin: 0 0.5rem;
	}

	.supportService ul li .item .pic {
		padding-bottom: 30rem;
	}

	.supportService ul li .item .tit .titNr {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
		padding-top: 7rem;
	}

	.supportService ul li .item .tit .des {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.supportService ul li .item .tit .t {
		font-size: 2rem;
		line-height: 1.3;
		margin-bottom: 8px;
		padding-top: 4.3rem;
		background-size: 3rem;
	}
}

@media screen and (max-width:768px) {
	.supportService ul li .item .pic {
		padding-bottom: 48vw;
	}

	.supportService ul li .item .tit .t {
		font-size: 1.8rem;
		line-height: 1.3;
		margin-bottom: 8px;
		padding-top: auto;
		background-size: 3rem;
	}

	.supportService ul li .item .tit .titNr {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: 0;
		padding-bottom: 3rem;
	}

	.supportService ul li .item .tit .des {
		font-size: 1.3rem;
		line-height: 1.3;
	}

	.supportService ul li .item .tit {
		height: auto;
		top: auto;
		bottom: 0;
	}
}


/*socialBox1*/
.socialBox1 {
	padding-bottom: 5rem;
	padding-top: 12rem;
	font-size: 2rem;
	color: #000000;
	line-height: 1.8;
	font-weight: normal;
}

.socialDedailul {
	padding-top: 5rem;
	font-size: 0;
	position: relative;
	margin: 0 -1rem;
}

.socialDedailul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.333333%;
	vertical-align: top;
	margin-bottom: 2rem;
}

.socialDedailul li .item {
	margin: 0 1rem;
	padding: 5.5rem 6rem;
	display: block;
	position: relative;
	border-radius: 10px;
	min-height: 29.2rem;
	overflow: hidden;
	background: #eeeef2;
}

.socialDedailul li .item .icon {
	text-align: right;
}

.socialDedailul li .item .icon img {
	width: 5rem;
}

.socialDedailul li .item .tit {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	right: 0;
}

.socialDedailul li .item .tit .titNr {
	padding-left: 6rem;
	padding-right: 6rem;
	padding-bottom: 6rem;
}

.socialDedailul li .item .tit .des {
	font-size: 2rem;
	font-weight: 500;
	color: #000000;
	line-height: 1.5;
}

.socialDedailul li .item .tit .t {
	font-size: 5rem;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}

.socialDedailul li .item .tit .t b {
	font-size: 3.4rem;
}

@media screen and (max-width:1024px) {
	.socialBox1 {
		padding-bottom: 5rem;
		padding-top: 7rem;
		font-size: 1.4rem;
	}

	.socialBox1 table {
		width: 100%;
		margin: 0 auto;
	}

	.socialDedailul li {
		width: 100%;
	}

	.socialDedailul li .item {
		padding: 2.5rem 3rem;
		min-height: 20rem;
	}

	.socialDedailul li .item .tit .des {
		font-size: 1.4rem;
	}

	.socialDedailul li .item .tit .t {
		font-size: 3rem;
	}

	.socialDedailul li .item .tit .t b {
		font-size: 2.4rem;
	}
}


/*socialBox2*/
.socialBox2 {
	padding-bottom: 5rem;
	padding-top: 3rem;
	font-size: 2rem;
	color: #000000;
	line-height: 1.8;
	font-weight: normal;
}

.socialDedailul2 {
	font-size: 0;
	position: relative;
	margin: 0;
}

.socialDedailul2 li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	vertical-align: top;
	margin-bottom: 16rem;
}

.socialDedailul2 li .item {
	display: block;
	position: relative;
}

.socialDedailul2 li .item .picB {
	display: block;
	margin-bottom: 8.6rem;
}

.socialDedailul2 li .item .pic {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 46.25%;
	overflow: hidden;
	border-radius: 10px;
}

.socialDedailul2 li .item .pic img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.socialDedailul2 li .item .tit {
	position: relative;
	min-height: 12.5rem;
}

.socialDedailul2 li .item .tit .des {
	font-size: 2rem;
	font-weight: normal;
	color: #000000;
	line-height: 2;
	vertical-align: baseline;
	padding-top: 11.5rem;
	width: 50%;
	float: right;
}

.socialDedailul2 li .item .tit .t {
	font-size: 5rem;
	color: #000;
	min-height: 12.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 8px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/social-tit.png) no-repeat left top;
	background-size: 11.8rem;
	width: 50%;
	float: left;
}

.socialDedailul2 li .item .tit .t .num {
	font-size: 14rem;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: absolute;
	left: 6rem;
	top: 6rem;
	-webkit-text-stroke: 1px #f0babe;
	-webkit-text-fill-color: transparent;
}

*[lang|="vn"] .socialDedailul2 li .item .tit .t .num {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.socialDedailul2 li .item .tit .t h2 {
	padding-top: 12rem;
	padding-left: 10rem;
	padding-right: 10rem;
	font-size: 6rem;
	font-weight: bold;
	position: relative;
	z-index: 2;
	line-height: 1.2;
	color: #cd1928;
}

.socialDedailul2 li .item,
.socialDedailul2 li .item .pic img,
.socialDedailul2 li .item {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.socialDedailul2 li .item:hover .pic img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:1024px) {
	.socialDedailul2 li {
		margin-bottom: 7rem;
	}

	.socialDedailul2 li .item .tit .t {
		width: 100%;
		float: none;
		position: static;
	}

	.socialDedailul2 li .item .tit .des {
		width: 100%;
		float: none;
		padding-top: 5rem;
	}


	.socialDedailul2 li .item .tit .des {
		font-size: 1.4rem;
	}

	.socialDedailul2 li .item .tit .t {
		font-size: 3rem;
		color: #000;
		min-height: 12.5rem;
	}

	.socialDedailul2 li .item .tit .t .num {
		font-size: 7rem;
	}

	.socialDedailul2 li .item .tit .t h2 {
		padding-top: 7rem;
		padding-left: 7rem;
		padding-right: 0;
		font-size: 4rem;
	}

}

@media screen and (max-width:768px) {
	.socialDedailul2 li {
		margin-bottom: 5rem;
	}
}



/*socialBox4*/
.socialBox4 {
	padding-bottom: 7rem;
	padding-top: 12rem;
	font-size: 2rem;
	color: #000000;
	line-height: 1.8;
	font-weight: normal;
}

.socialBox4 img {
	display: block;
	border-radius: 10px;
}

#socialTable_data {
	margin-top: 2rem;
}

#socialTable_data td {
	vertical-align: middle;
	line-height: 1;
	padding: 0 2rem;
	text-align: center;
	font-size: 1.8rem;
	color: #000000;
	line-height: 1.5;
	width: 25%;
	border-left: 1px solid #e4e4e4;
}

#socialTable_data td h2 {
	font-size: 5rem;
	color: #cd1928;
	font-weight: bold;
	margin-bottom: 1rem;
}

#socialTable_data td:nth-child(1) {
	border: none;
}

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

	.socialBox4 {
		padding-bottom: 5rem;
		padding-top: 7rem;
		font-size: 1.4rem;
		line-height: 1.5;
		font-weight: normal;
	}

	#socialTable_data {
		margin-top: 2rem;
	}

	#socialTable_data td {
		font-size: 1.4rem;
	}

	#socialTable_data td h2 {
		font-size: 3rem;
	}
}

@media screen and (max-width:768px) {
	#socialTable_data td {
		display: block;
		padding: 0;
		width: 100% !important;
		border-left: none;
		border-top: 1px solid #e4e4e4;
	}


	.socialBox4 {
		padding-bottom: 5rem;
		padding-top: 7rem;
		font-size: 1.4rem;
		line-height: 1.5;
		font-weight: normal;
	}

	#socialTable_data {
		margin-top: 2rem;
	}

	#socialTable_data td {
		font-size: 1.4rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	#socialTable_data td h2 {
		font-size: 3rem;
	}
}








.socialBox3 {
	padding-top: 8rem;
	padding-bottom: 7rem;
	background: url(../images/social2-bg.jpg) no-repeat center center;
	background-size: cover;
}

/*socialBox3_ImgBox*/
.socialBox3_Box {
	margin: 0 auto;
	position: relative;
}

.socialBox3_Box .socialBox3_ImgBox {
	width: 66.5%;
	height: auto;
	float: right;
	text-align: left;
	overflow: hidden;
}

.socialBox3_Box .socialBox3_ImgBox .swiper-slide {
	width: 100%;
	border-radius: 10px;
}

.socialBox3_Box .socialBox3_ImgBox .ImgBox {
	overflow: hidden;
	/*padding-bottom:60.37735849056604%;*/
	padding-bottom: 64rem;
	position: relative;
	border-radius: 10px;
}

.socialBox3_Box .socialBox3_ImgBox .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.socialBox3_Box .socialBox3_ImgBox a,
.socialBox3_Box .socialBox3_ImgBox .ImgBox,
.socialBox3_Box .socialBox3_ImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.socialBox3_Box .socialBox3_ImgBox .ImgBox:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*socialBox3_List*/
.socialBox3_Box .socialBox3_lunboBox {
	width: 49.0625%;
	position: absolute;
	left: 0;
	top: 7.8rem;
	height: 100%;
}

.socialBox3_Box .socialBox3_lunbo {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.socialBox3_Box .socialBox3_List {
	font-size: 0;
	line-height: 0;
}

.socialBox3_Box .socialBox3_List li {
	width: 100%;
	display: block;
}

.socialBox3_Box .socialBox3_List li .item {
	display: block;
	min-height: 46.5rem;
	border-radius: 10px;
	background: #cd1928;
}

.socialBox3_Box .socialBox3_List li,
.socialBox3_Box .socialBox3_List li a {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.socialBox3_Box .socialBox3_List li .infoB {
	padding-top: 12rem;
	padding-left: 8.4rem;
	padding-bottom: 8.4rem;
	padding-right: 8.4rem;
}

.socialBox3_Box .socialBox3_List li .des {
	font-size: 1.8rem;
	color: #fff;
	line-height: 3rem;
	height: 18rem;
	overflow: hidden;
}

/**/
.socialBox3 .swiper-pagination {
	position: absolute;
	bottom: 4.6rem !important;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}

.socialBox3 .swiper-container-horizontal>.swiper-pagination-bullets,
.socialBox3 .swiper-pagination-custom,
.socialBox3 .swiper-pagination-fraction {
	bottom: 0;
}

.socialBox3 .swiper-pagination-bullet {
	width: 6.8rem;
	height: 6px;
	background-color: #d74753;
	border-radius: 0;
	opacity: 1;
}

.socialBox3 .swiper-pagination-bullet-active {
	background-color: #ffffff;
}

@media screen and (max-width:1024px) {
	.socialBox3_Box .socialBox3_ImgBox {
		width: 100%;
		height: auto;
		float: none;
		text-align: left;
		overflow: hidden;
	}

	.socialBox3_Box .socialBox3_ImgBox .ImgBox {
		padding-bottom: 60.37735849056604%;
	}

	.socialBox3_Box .socialBox3_lunboBox {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		margin-top: 2rem;
		height: auto;
	}

	.socialBox3_Box .socialBox3_lunbo {
		position: static;
	}

	.socialBox3_Box .socialBox3_List li .infoB {
		padding-top: 7rem;
		padding-left: 3rem;
		padding-bottom: 6rem;
		padding-right: 3rem;
	}


	.socialBox3_Box .socialBox3_List li .des {
		font-size: 1.4rem;
	}

	.socialBox3_Box .socialBox3_List li .item {
		min-height: 40rem;
	}

}






/*****************************pageNav start*****************************/
.pageTop {
	border-bottom: 1px solid #ededed;
}

.pageNav {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 1.5rem;
}

.pageNav ul {
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.pageNav li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
}

.pageNav li a {
	display: block;
	color: #000000;
	font-size: 1.8rem;
	padding: 0 2.2rem;
	margin: 0 2.5rem;
	line-height: 6.5rem;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pageNav li:last-child a {
	margin-right: 0 !important;
}

.pageNav li a span {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding-right: 4rem;
	background: url(../images/icon-v1.png) no-repeat right center;
	background-size: 10px;
}

.pageNav li a:after {
	content: '';
	height: 3px;
	background: #cd1928;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.pageNav li a.aNow:after {
	width: 100%;
}

.pageNav li a:hover:after {
	width: 100%;
}

.pageNav-tit {
	display: none;
}

.pageNav::-webkit-scrollbar,
.pageNav ul::-webkit-scrollbar {
	display: none;
}

.pageNav ul {
	overflow: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

@media screen and (max-width:1024px) {
	.pageNav li a {
		font-size: 1.6rem;
		padding: 0 1.8rem;
		margin: 0 1.2rem;
		line-height: 5.5rem;
	}
}

@media screen and (max-width:768px) {
	.pageTop {
		display: none !important;
	}

	.pageTop {
		position: relative;
	}

	.pageTop .w1560 {
		position: relative;
	}

	.pageNav-tit {
		display: block;
		height: 60px;
		line-height: 60px;
		color: #000;
		text-align: left;
		padding-right: 20px;
		position: relative;
		font-size: 16px;
	}

	.pageNav-tit:after {
		content: '';
		display: inline-block;
		width: 26px;
		height: 13px;
		background: url(../images/v2.png) no-repeat 60% center;
		background-size: 13px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -6px;
	}

	.pageNav {
		display: none;
		position: absolute;
		width: 100%;
		background: #fff;
		z-index: 9;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
	}

	.pageNav ul {
		display: block;
		float: none;
		margin-right: 0;
		padding: 10px 10px;
		padding-right: 0;
		height: auto;
	}

	.pageNav li {
		display: block;
		line-height: normal;
		float: none;
		font-size: 14px;
	}

	.pageNav li a {
		display: block;
		color: #333;
		padding: 10px 10px;
		text-align: left;
		line-height: 24px;
		border: none;
		width: 100%;
		min-width: 0;
	}

	.pageNav li a span {}

	.pageNav li .aNow,
	.pageNav li a:hover {
		background: none;
		color: #4f7efc;
	}
}

@media screen and (max-width:640px) {
	.pageNav-tit {
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}
}



/*pageTit3*/
.pageTit3 {
	position: relative;
	z-index: 2;
	line-height: 0;
	font-size: 0;
}

.pageTit3 h2 {
	font-size: 8rem;
	margin-bottom: 10px;
	line-height: normal;
	text-transform: uppercase;
	color: #333333;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

*[lang|="vn"] .pageTit3 h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.pageTit3 .des {
	color: #767574;
	font-size: 1.8rem;
	line-height: 1.3;
	margin-bottom: 3rem;
}

.pageTit3 .line {
	width: 11rem;
	height: 7px;
	background: #cd1928;
	display: inline-block;
	margin: 0 auto;
}

@media screen and (max-width: 1024px) {
	.pageTit3 h2 {
		font-size: 7rem;
		margin-bottom: 55px;
	}

	.pageTit3 .line {
		width: 9rem;
		height: 5px;
	}

	.pageTit3 .des {
		font-size: 1.4rem;
	}

	.pageTit3 .des br {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	.pageTit3 h2 {
		font-size: 5rem;
		margin-bottom: 0px;
	}

	.pageTit3 .line {
		width: 7rem;
		height: 3px;
	}
}

@media screen and (max-width: 768px) {
	.pageTit3 h2 {
		font-size: 3rem;
		margin-bottom: 0px;
	}

	.pageTit3 .line {
		width: 5rem;
		height: 3px;
	}
}





.productInfo {}

.productInfo .pageTit3 {
	padding-top: 7rem;
	padding-bottom: 7.4rem;
	border-bottom: 1px solid #ededed;
}

.productHotBox {
	position: relative;
	overflow: hidden;
	background: #FFF;
	padding-top: 5rem;
	padding-bottom: 5rem;
	border-bottom: 1px solid #ededed;
}

.productHot {
	overflow: hidden;
	position: relative;
}

.productHot .swiper-slide {
	overflow: hidden;
	position: relative;
}

.productHot .text {
	width: 100%;
	z-index: 3;
	padding-left: 12.5%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.productHot .text h2 {
	font-size: 6rem;
	margin-bottom: 1rem;
	line-height: 1.2;
	color: #fff;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

*[lang|="vn"] .productHot .text h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.productHot .text .des {
	font-size: 1.6rem;
	line-height: 1.7;
	color: #fff;
	font-weight: 500;
	max-width: 55rem;
}

.productHot .ImgBox {
	overflow: hidden;
	padding-bottom: 34.375%;
	position: relative;
}

.productHot .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.productHot .text h2,
.productHot .text .des {
	opacity: 0;
	transform: translateY(-60px)
}

.productHot .swiper-slide-active .text h2 {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

.productHot .swiper-slide-active .text .des {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	-webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	-ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
}

/*swiper-button*/
.productHot .swiper-button-prev {
	position: absolute;
	left: 3.4rem;
	top: 50%;
	opacity: 1;
	width: 2.5rem;
	height: 4.4rem;
	margin-top: -2.2rem;
	background: url("../images/arrow-l3.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.productHot .swiper-button-next {
	position: absolute;
	right: 3.4rem;
	top: 50%;
	opacity: 1;
	width: 2.5rem;
	height: 4.4rem;
	margin-top: -2.2rem;
	background: url("../images/arrow-r3.png") center center no-repeat;
	background-size: 100%;
	z-index: 2;
	outline: none;
}

.productHot .swiper-button-prev.swiper-button-disabled,
.productHot .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

@media screen and (max-width: 1024px) {
	.productInfo .pageTit3 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.productHot .text h2 {
		font-size: 5rem;
	}

	.productHot .text .des {
		font-size: 1.4rem;
		max-width: 80%;
		line-height: 1.5;
	}

	.productHot .swiper-button-prev,
	.productHot .swiper-button-next {
		width: 1.5rem;
	}
}

@media screen and (max-width: 992px) {
	.productHot .text h2 {
		font-size: 4rem;
	}
}

@media screen and (max-width: 768px) {
	.productHot .text h2 {
		font-size: 3rem;
	}

	.productHot .text .des {
		font-size: 1.2rem;
		max-width: 90%;
		line-height: 1.3;
	}

	.productHot .ImgBox {
		padding-bottom: 45%;
	}

	.productHot .swiper-button-prev,
	.productHot .swiper-button-next {
		display: none;
	}

	.productHotBox {
		padding-top: 0;
		padding-bottom: 0;
	}

	.productHotBox .container {
		width: 100%;
	}
}








/*pageProList*/
.pageProList {
	padding-top: 12rem;
	padding-bottom: 6.5rem;
	margin: 0 auto;
}

.pageProListul {
	font-size: 0;
	margin: 0 -4rem;
}

.pageProListul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 50%;
	margin-bottom: 11rem;
	vertical-align: top;
}

.pageProListul li a {
	display: block;
}

.pageProListul .item {
	display: block;
	margin: 0 4rem;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.pageProListul h2 {
	font-size: 4.8rem;
	margin-bottom: 0;
	line-height: 1;
	color: #000000;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-right: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

*[lang|="vn"] .pageProListul h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.pageProListul .des {
	font-size: 2rem;
	line-height: 1.5;
	color: #767574;
	font-weight: 500;
	margin-right: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/*ImgBoxB*/
.pageProListul .ImgBoxB {
	position: relative;
}

.pageProListul .ImgBoxB .ImgBox {
	display: block;
	overflow: hidden;
	padding-bottom: 56.7%;
	position: relative;
}

.pageProListul .ImgBoxB .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.pageProListul .ImgBoxB .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pageProListul .ImgBoxB .ImgBox:hover img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

/*hot*/
.pageProListul .hot {
	width: 10rem;
	height: 10rem;
	background: url("../images/icon-hot.png") center center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 10rem;
	top: 3rem;
}

/*moreimg*/
.pageProListul .moreimg img {
	display: none;
}

.pageProListul .moreimg dl {
	display: block;
	text-align: center;
	font-size: 0;
	line-height: 0;
	width: 16px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 6;
}

.pageProListul .moreimg dl dd {
	display: block;
	margin-right: 6px;
	margin-bottom: 6px;
}

.pageProListul .moreimg dl dd a {
	display: block;
	background: #D3D2D3;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	border: 1px solid #c1c1c1;
}

.pageProListul .moreimg dl dd.on a {
	border-color: #999;
}

/*text*/
.pageProListul .t {
	font-size: 3rem;
	line-height: normal;
	color: #000;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom: 6px;
	margin-bottom: 1.4rem;
	text-transform: uppercase;
}

*[lang|="vn"] .pageProListul .t {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.pageProListul .text {
	font-size: 1.8rem;
	line-height: 3.4rem;
	color: #333;
	font-weight: 500;
	margin-right: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.pageProListul .text p {
	padding-left: 2rem;
	background: url("../images/icon-y.png") left 1.2rem no-repeat;
	background-size: 1rem;
}

/*m*/
.pageProListul .m {
	margin-top: 1.4rem;
	border-top: 1px solid #d4d4d4;
	padding-top: 3.5rem;
}

.pageProListul .m a {
	width: 30rem;
	line-height: 6rem;
	border-radius: 6rem;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	display: block;
	font-weight: bold;
	float: right;
	background: #cd1928;
	overflow: hidden;
	position: relative;
}

.pageProListul .m a span {
	display: block;
	position: relative;
	z-index: 1;
}

.pageProListul .m a:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	background-color: #f11b2d;
	position: absolute;
	left: 0;
	top: 0;
}

.pageProListul .m a:hover:after {
	width: 100%;
	left: auto;
	right: 0;
}

.pageProListul .m a,
.pageProListul .m a:after {
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media screen and (max-width: 1024px) {
	.pageProListul {
		margin: 0 -3rem;
	}

	.pageProListul .item {
		margin: 0 3rem;
	}

	.pageProListul h2 {
		font-size: 3.8rem;
	}

	.pageProListul .des {
		font-size: 1.8rem;
	}

	.pageProListul .t {
		font-size: 2rem;
	}

	.pageProListul .text {
		font-size: 1.4rem;
	}

	.pageProList {
		padding-top: 6rem;
		padding-bottom: 4rem;
		margin: 0 auto;
	}

	.pageProListul li {
		width: 100%;
		margin-bottom: 8rem;
	}

	.pageProListul .m a {
		width: 20rem;
		line-height: 5rem;
		border-radius: 5rem;
		font-size: 1.4rem;
	}

	.pageProListul .text {
		font-size: 1.4rem;
		line-height: 3rem;
		margin-right: 2rem;
	}

	.pageProListul .hot {
		width: 7rem;
		height: 7rem;
		right: 5rem;
		top: 0rem;
	}
}

@media screen and (max-width:768px) {
	.pageProListul .m a {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}









.pageProListul2 .moreimg img {
	display: none;
}

.pageProListul2 .moreimg dl {
	display: block;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.pageProListul2 .moreimg dl dd {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-right: 6px;
	margin-bottom: 6px;
}

.pageProListul2 .moreimg dl dd a {
	display: block;
	background: #D3D2D3;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	border: 1px solid #c1c1c1;
}

.pageProListul2 .moreimg dl dd.on a {
	border-color: #999;
}







/*product-images-big*/
.product-images-big {
	width: 100%;
}

/*bigImg*/
.bigImg {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
}

.bigImg .swiper-container {
	width: 100%;
}

.bigImg .swiper-container .swiper-slide {
	height: auto;
	position: relative;
	width: 100%;
}

.bigImg .swiper-container .swiper-slide .img {
	overflow: hidden;
	padding-bottom: 56.48148148148148%;
	position: relative;
}

.bigImg .swiper-container .swiper-slide img {
	display: block;
	margin: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: none;
	height: 100%;
	width: auto;
	width: 100%;
	object-fit: contain;
}

.bigImg .mbtn {
	width: 35px;
	height: 35px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -12.5px;
	cursor: pointer;
	z-index: 9;
	outline: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 11px;
}

.bigImg:hover .mbtn {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.bigImg .mbtn.mprevbtnb {
	background-image: url(../images/pro-left.svg);
	left: 0;
}

.bigImg .mbtn.mnextbtnb {
	background-image: url(../fonts/pro-right.svg);
	right: 0;
}

.bigImg .mbtn.swiper-button-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

/*swiper-pagination*/
.bigImg .swiper-pagination {
	padding: 0 10px;
	display: none;
	bottom: 0 !important;
}

.bigImg .swiper-pagination .swiper-pagination-bullet {
	flex-basis: 100%;
	width: auto;
	height: 2px;
	margin: 0 !important;
	border-radius: 0;
}

.bigImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000
}

@media screen and (min-width:1600.1px) {
	.product-images-big {
		height: 61rem;
		overflow: hidden;
	}

	.bigImg .swiper-container .swiper-slide .img {
		padding-bottom: 61rem;
	}
}

@media screen and (max-width:1600px) {
	.product-images-big {
		height: 80rem;
		overflow: hidden;
	}

	.bigImg .swiper-container .swiper-slide .img {
		padding-bottom: 80rem;
	}
}

@media screen and (max-width:1024px) {
	.bigImg .mbtn {
		background-size: 12px;
	}

	.product-images-big {
		height: 52vw;
	}

	.bigImg .swiper-container .swiper-slide .img {
		padding-bottom: 56.48148148148148%;
	}
}

@media screen and (max-width:992px) {
	.bigImg .swiper-container {
		padding-bottom: 20px;
	}

	.bigImg .swiper-pagination {
		display: flex;
	}

	.bigImg .mbtn {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}



/*prodetailimg*/
.prodetailimg {
	background: url(../images/pro2bg.jpg) no-repeat center center #d3d8dc;
	background-size: 100%;
	padding-top: 16.5rem;
}

@media screen and (max-width:1024px) {
	.prodetailimg {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}


/*slick初始化*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: 0;
	margin-right: 0
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url(../images/ajax-loader.gif) center center no-repeat
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 1.5625rem;
	width: 1.8125rem;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
	z-index: 1
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: 0 0;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-family: slick;
	font-size: 28px;
	line-height: 1;
	color: #000;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir=rtl] .slick-prev {
	left: auto;
	right: -25px
}

.slick-next {
	right: -25px
}

[dir=rtl] .slick-next {
	left: -25px;
	right: auto
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}



/*bigImg*/
.bigImg {
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
}

.bigImg .item {
	height: auto;
	position: relative;
	width: 100%;
}

.bigImg .item .img {
	overflow: hidden;
	padding-bottom: 56.48148148148148%;
	position: relative;
}

.bigImg .item img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/*product-images-small*/
.product-images-small {
	height: 12.2rem;
	overflow: hidden;
	position: relative;
	margin: 4.5rem auto;
}

.smallImg {
	margin: 0 auto;
	max-width: 648px;
	font-size: 0;
	overflow: hidden;
	text-align: center;
	position: static;
}

.smallImg .slick-list {
	margin: 0 auto;
	padding: 0 !important;
}

.smallImg .slick-track {
	margin: 0 auto;
	padding: 0 !important;
}

.smallImg .thumbnail {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
}

.smallImg .thumbnail .item {
	height: 12.2rem;
	position: relative;
}

.smallImg .thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	z-index: 1;
}

.smallImg .thumbnail img {
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

.smallImg .thumbnail.slick-current img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/*Arrows*/
.smallImg .slick-next,
.smallImg .slick-prev {
	height: 6rem;
	width: 6rem;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	border: none;
	text-align: center;
	font-size: 0;
	z-index: 5;
	outline: none;
	padding: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all .5s ease-in-out;
	background-size: 100%;
	border-radius: 50%;
	background-color: #fff;
}

.smallImg .slick-prev {
	left: 0;
	background-image: url("../images/arrow-l.png");
}

.smallImg .slick-next {
	right: 0;
	background-image: url("../images/arrow-r.png");
}

.smallImg .slick-next.slick-disabled,
.smallImg .slick-prev.slick-disabled {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

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

	.smallImg .slick-next,
	.smallImg .slick-prev {
		width: 5rem;
		height: 5rem;
		margin-top: -2.5rem;
		transform: translate(0);
	}
}

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

	.smallImg .slick-next,
	.smallImg .slick-prev {
		width: 4rem;
		height: 4rem;
		margin-top: -2rem;
		transform: translate(0);
	}

	.product-images-small {
		height: 15.8vw;
		margin: 0 auto;
	}

	.smallImg .thumbnail .item {
		height: 15.8vw;
		position: relative;
	}
}



/*detailNr*/
.detailNr {
	/*margin-bottom:15rem;*/
	margin-bottom: 10rem;
}

.detailNr .proLeft {
	width: 46%;
	float: left;
}

.detailNr .proText {
	width: 48%;
	float: left;
}

.detailNr .proColor {
	width: 52%;
	float: right;
}

.detailNr .procs {
	width: 54%;
	float: right;
}

.detailNr .detailNrBox {
	border-bottom: 1px solid #ededed;
	padding-top: 5.5rem;
	padding-bottom: 5.5rem;
}

.detailNr .proText .proTit {
	font-size: 6rem;
	color: #000;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

*[lang|="vn"] .detailNr .proText .proTit {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.detailNr .proText .proTit-des {
	font-size: 1.8rem;
	color: #4b4b4b;
	line-height: 1.2;
	font-weight: 500;
}

@media screen and (max-width: 1024px) {
	.detailNr .detailNrBox {
		padding-top: 4.5rem;
		padding-bottom: 4.5rem;
	}

	.detailNr {
		margin-bottom: 10rem;
	}

	.detailNr .proText .proTit {
		font-size: 5rem;
	}

	.detailNr .proText .proTit-des {
		font-size: 1.6rem;
	}

	.detailNr .proText {
		width: 100%;
		float: none;
	}

	.detailNr .proColor {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width:768px) {
	.detailNr .detailNrBox {
		padding-top: 5rem;
		padding-bottom: 3.5rem;
	}

	.detailNr {
		margin-bottom: 7rem;
	}

	.detailNr .proLeft {
		width: 100%;
		float: none;
	}

	.detailNr .procs {
		width: 100%;
		float: none;
	}
}


/*colorlist*/
.colorlist {
	padding-top: 3rem;
	display: block;
	text-align: left;
	font-size: 0;
	line-height: 0;
}

.colorlist li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	margin-right: 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 50%;
	cursor: pointer;
}

.colorlist li.active {
	border-color: #c2c2c2;
}

.colorlist li span {
	display: block;
	background: #fff;
	border-radius: 50%;
	height: 2.4rem;
	width: 2.4rem;
	margin: 1rem;
	border: 1px solid #c2c2c2;
	cursor: pointer;
}

@media screen and (max-width: 1024px) {
	.colorlist li span {
		height: 2rem;
		width: 2rem;
		margin: 0.9rem;
	}
}

@media screen and (max-width: 768px) {
	.colorlist li span {
		height: 1.8rem;
		width: 1.8rem;
		margin: 0.6rem;
	}
}

/*procs*/
.procs ul {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	/*flex-direction:row;*/
	flex-flow: wrap;
	flex: 1;
	justify-content: space-between;
	grid-template-columns: auto auto
}

.procs ul li {
	text-align: center;
}

.procs ul li .t1 {
	display: block;
	font-size: 4rem;
	color: #000;
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.procs ul li .des {
	display: block;
	font-size: 1.4rem;
	color: #8f9294;
	line-height: 1.2;
	font-weight: 500;
}

@media screen and (max-width:1024px) {
	.procs ul li .t1 {
		font-size: 3rem;
	}

	.procs ul li .des {
		font-size: 1.4rem;
	}

	.procs ul li {
		width: 50%;
		padding: 2rem 0;
	}
}

@media screen and (max-width:768px) {
	.procs ul li .num {
		font-size: 2rem;
	}

	.procs ul li .des {
		font-size: 1.2rem;
	}

	.procs ul li {
		width: auto;
	}
}

@media screen and (max-width:640px) {
	.procs ul {
		grid-gap: 0 50px;
		gap: 0;
	}

	.procs ul li {
		width: 50%;
		padding: 2rem 0;
		text-align: left;
	}
}



/*bigImg*/
.SliderGalleryBox {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15rem;
}

.SliderGallery .item {
	display: block;
	height: auto;
	position: relative;
	/*width:27%;*/
	width: 20%;
	float: left;
}

.SliderGallery .item .img {
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
	/*background:url("../images/probg.jpg") center center no-repeat; background-size:cover;*/
	background: #efefef;
}

.SliderGallery .item img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.SliderGallery {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	margin: 0 auto;
	max-width: 1920px;
}

.SliderGallery .swiper-wrapper {
	padding: 0;
	margin: 0;
	cursor: grab;
}

.SliderGallery .swiper-slide {
	list-style: none
}

@media screen and (max-width:1024px) {
	.SliderGalleryBox {
		margin-bottom: 10rem;
	}

	.SliderGallery .item {
		/*width:33.3333%;*/
		width: 25%;
	}
}

@media screen and (max-width:768px) {
	.SliderGalleryBox {
		margin-bottom: 7rem;
	}

	.SliderGallery .item {
		/*width:40%;*/
		width: 33.3333%;
	}
}


/*swiper-button*/
.SliderGalleryBox .swiper-buttonB .container {
	position: relative;
}

.SliderGalleryBox .swiper-scrollbar {
	position: relative;
	z-index: 2;
	margin: 30px 0 0;
	width: 100%;
	height: 30px;
	opacity: 1 !important;
	background: none;
}

.SliderGalleryBox .swiper-scrollbar:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14px;
	border-bottom: 1px solid #cfcfcf;
}

.SliderGalleryBox .swiper-scrollbar-drag {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	padding-bottom: 14px;
	cursor: pointer;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: none;
}

.SliderGalleryBox .swiper-scrollbar-drag:after {
	content: "";
	display: block;
	height: 4px;
	width: 100%;
	background: #cd1928;
}

.SliderGalleryBox .swiper-scrollbar-drag:focus:after,
.SliderGalleryBox .swiper-scrollbar-drag:hover:after {
	height: 5px
}

.SliderGalleryBox .swiper-button-next,
.SliderGalleryBox .swiper-button-prev {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	bottom: 5px;
	cursor: pointer;
	background: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.55005 10.7133C4.55005 10.4834 4.64 10.2435 4.81991 10.0736L13.9054 0.988127C14.2652 0.628307 14.8349 0.628307 15.1947 0.988127C15.5545 1.34795 15.5545 1.91766 15.1947 2.27748L6.73895 10.7133L15.1847 19.159C15.5446 19.5189 15.5446 20.0886 15.1847 20.4484C14.8249 20.8082 14.2552 20.8082 13.8954 20.4484L4.81991 11.3529C4.64 11.173 4.55005 10.9431 4.55005 10.7133Z' fill='black'/%3E%3C/svg%3E") no-repeat 50%;
	background-size: auto 16px;
	border-radius: 50%;
	top: auto;
	margin-top: 0;
}

.SliderGalleryBox .swiper-button-next.swiper-button-disabled,
.SliderGalleryBox .swiper-button-prev.swiper-button-disabled {
	opacity: .4
}

.SliderGalleryBox .swiper-button-next.swiper-button-disabled,
.SliderGalleryBox .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}

.SliderGalleryBox .swiper-button-next.swiper-button-lock,
.SliderGalleryBox .swiper-button-prev.swiper-button-lock {
	display: none
}

.SliderGalleryBox .swiper-button-prev {
	left: auto;
	right: 30px;
}

.SliderGalleryBox .swiper-button-next {
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4546 10.7133C15.4546 10.4834 15.3646 10.2435 15.1847 10.0736L6.09927 0.988127C5.74945 0.628307 5.16974 0.628307 4.81991 0.988127C4.47009 1.34795 4.46009 1.91766 4.81991 2.26749L13.2557 10.7133L4.81991 19.159C4.46009 19.5189 4.46009 20.0886 4.81991 20.4484C5.17973 20.8082 5.74945 20.8082 6.10927 20.4484L15.1847 11.3529C15.3646 11.173 15.4546 10.9431 15.4546 10.7133Z' fill='black'/%3E%3C/svg%3E")
}

.SliderGalleryBox .swiper-scrollbar {
	width: calc(100% - 80px);
	left: 0;
}

@media(min-width:768px) {
	.SliderGalleryBox .swiper-scrollbar {
		margin-top: 40px
	}

	.SliderGalleryBox .swiper-scrollbar:before {
		bottom: 14px
	}

	.SliderGalleryBox .swiper-button-next,
	.SliderGalleryBox .swiper-button-prev {
		bottom: 5px;
	}

	.SliderGalleryBox .swiper-scrollbar-drag {
		padding-bottom: 14px
	}
}







/*detailBoxParameters*/
.detailBoxParameters {
	margin-bottom: 12rem;
}

.detailBoxParameters .img {
	width: 50%;
	float: left;
	/*min-height:33vw;*/
	background: url("../images/pro-cs-tubg.png") left top no-repeat;
	background-size: 100%;
}

.detailBoxParameters .img img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.detailBoxParameters .parameters {
	width: 50%;
	float: right;
}

.detailBoxParameters .parametersTit {
	display: block;
	font-size: 5rem;
	color: #000;
	line-height: 9.6rem;
	border-bottom: 1px solid #bbbbbb;
	text-transform: uppercase;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url("../images/icon-v3.png") right center no-repeat;
	background-size: 3rem;
}

*[lang|="vn"] .detailBoxParameters .parametersTit {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.detailBoxParameters .parametersTable {
	display: block;
}

.detailBoxParameters .parametersTable .parametersTableB {
	padding: 2.2rem 0;
}

.detailBoxParameters .parametersTable table {
	width: 100%;
}

.detailBoxParameters .parametersTable table td {
	width: 50%;
	font-size: 1.6rem;
	color: #333333;
	line-height: 1.6;
	font-weight: 500;
	vertical-align: top;
	padding: 1.1rem 0;
}

.detailBoxParameters .parametersTable table td strong {
	font-size: 1.8rem;
	color: #000;
	font-weight: bold;
}

@media screen and (max-width:1024px) {
	.detailBoxParameters {
		margin-bottom: 10rem;
	}

	.detailBoxParameters .img {
		width: 100%;
		float: none;
	}

	.detailBoxParameters .parameters {
		width: 100%;
		float: none;
	}

	.detailBoxParameters .parametersTit {
		font-size: 4rem;
	}

	.detailBoxParameters .parametersTable table td {
		font-size: 1.4rem;
	}

	.detailBoxParameters .parametersTable table td strong {
		font-size: 1.6rem;
	}
}

@media screen and (max-width:768px) {
	.detailBoxParameters {
		margin-bottom: 7rem;
	}

	.detailBoxParameters .img {
		width: 100%;
		float: none;
	}

	.detailBoxParameters .parameters {
		width: 100%;
		float: none;
	}

	.detailBoxParameters .parametersTit {
		font-size: 3rem;
	}

	.detailBoxParameters .parametersTable table td {
		font-size: 1.2rem;
	}

	.detailBoxParameters .parametersTable table td strong {
		font-size: 1.4rem;
	}
}




/*detailBoxFeature*/
.detailBoxFeature ul {
	max-width: 1920px;
	margin: 0 auto;
}

.detailBoxFeature ul li {
	margin-bottom: 6.6rem;
}

.detailBoxFeature ul li .item {
	display: block;
	height: auto;
	position: relative;
	padding-top: 3vw;
	width: 100%;
	overflow: hidden;
}

.detailBoxFeature ul li .img {
	float: left;
	height: 31.25vw;
	max-height: 60rem;
	/*width:57%;*/
	width: 50%;
	position: relative;
	z-index: 2;
	top: -3vw;
}

.detailBoxFeature ul li .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.detailBoxFeature ul li .info {
	float: right;
	position: relative;
	z-index: 1;
	/*width:43%;*/
	width: 50%;
}

.detailBoxFeature ul li .infoB {
	min-height: 31.25vw;
	align-items: center;
	margin-left: -7.5vw;
	width: 50vw;
	background: #eeeef2;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	align-items: center;
	flex-direction: row;
}

.detailBoxFeature ul li .infoBox {
	padding-left: 15vw;
	padding-right: 7vw;
	padding-top: 5vw;
	padding-bottom: 5vw;
	width: 100%;
}

.detailBoxFeature ul li h2 {
	font-size: 5rem;
	line-height: 1;
	color: #000;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 3rem;
	text-transform: uppercase;
}

*[lang|="vn"] .detailBoxFeature ul li h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.detailBoxFeature ul li .des {
	font-size: 2rem;
	line-height: 3.8rem;
	color: #333;
	font-weight: 500;
}

.detailBoxFeature ul li .des p {
	padding-left: 2.4rem;
	background: url("../images/icon-y.png") left 1.4rem no-repeat;
	background-size: 1.2rem;
}

.detailBoxFeature ul li:nth-child(2n) .img {
	float: right;
}

.detailBoxFeature ul li:nth-child(2n) .info {
	float: left;
}

.detailBoxFeature ul li:nth-child(2n) .infoB {
	margin-right: 0;
	margin-left: 7.5vw;
}

.detailBoxFeature ul li:nth-child(2n) .infoBox {
	padding-left: 7vw;
	padding-right: 15vw;
}

@media screen and (min-width:1921px) {
	.detailBoxFeature ul li .img {
		height: 60rem;
	}

	.detailBoxFeature ul li .infoB {
		min-height: 60rem;
		width: 111rem;
	}

	.detailBoxFeature ul li .infoB {
		margin-left: -15rem;
	}

	.detailBoxFeature ul li:nth-child(2n) .infoB {
		margin-left: 0;
		margin-right: -15rem;
	}

	.detailBoxFeature ul li .infoBox {
		padding-left: 30rem;
		padding-right: 15rem;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}

	.detailBoxFeature ul li:nth-child(2n) .infoBox {
		padding-left: 15rem;
		padding-right: 30rem;
	}

}

@media screen and (max-width:1024px) {
	.detailBoxFeature ul li h2 {
		font-size: 4rem;
		margin-bottom: 2rem;
	}

	.detailBoxFeature ul li .des {
		font-size: 1.6rem;
	}

	.detailBoxFeature ul li .infoB {
		margin-left: -5vw;
	}

	.detailBoxFeature ul li .infoBox {
		padding-left: 10vw;
		padding-right: 5vw;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}

	.detailBoxFeature ul li:nth-child(2n) .infoB {
		margin-right: -5vw;
		margin-left: 4vw;
	}

	.detailBoxFeature ul li:nth-child(2n) .infoBox {
		padding-left: 5vw;
		padding-right: 10vw;
	}
}

@media screen and (max-width:992px) {
	.detailBoxFeature ul li h2 {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.detailBoxFeature ul li .des {
		font-size: 1.4rem;
		line-height: 3rem;
	}

	.detailBoxFeature ul li .des p {
		background-position: left 0.85rem;
	}

	.detailBoxFeature ul li .item {
		padding-top: 0 !important;
	}

	.detailBoxFeature ul li .img {
		top: 0 !important;
	}

	.detailBoxFeature ul li {
		margin-bottom: 5rem;
	}

	.detailBoxFeature ul li .img {
		float: none !important;
		width: 100%;
		height: 0 !important;
		padding-bottom: 62.7272%;
	}

	.detailBoxFeature ul li .info {
		float: none !important;
		width: 100%;
	}

	.detailBoxFeature ul li .infoB {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
		display: block !important;
	}

	.detailBoxFeature ul li .infoBox {
		padding-left: 7vw !important;
		padding-right: 7vw !important;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
}





/*detailBoxVideo*/
.detailBoxVideo {
	position: relative;
	overflow: hidden;
}

.detailBoxVideo .pic {
	position: relative;
	height: 0;
	padding-bottom: 44.27083333333333%;
	overflow: hidden;
}

.detailBoxVideo .pic:after {
	content: "";
	pointer-events: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.detailBoxVideo .pic video,
.detailBoxVideo .pic img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.detailBoxVideo .videoicon {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	p-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: -o-transform:translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	text-align: center;
}

.detailBoxVideo .videoicon a {
	width: 7rem;
	height: 7rem;
	background: url("../images/icon-play3.png") center center no-repeat;
	background-size: 100%;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.detailBoxVideo .videoicon a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
	height: 20%;
	border-radius: 50%;
	content: '';
	z-index: -1;
}

.detailBoxVideo .videoicon a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
	height: 20%;
	border-radius: 50%;
	content: '';
	z-index: -1;
}

.detailBoxVideo .videoicon a::before {
	animation: scale 2s ease-out infinite;
	background: #fff;
	opacity: 0.5;
	animation-delay: 0;
}

.detailBoxVideo .videoicon a::after {
	animation: scale2 2s ease-out infinite;
	background: #fff;
	opacity: 0.3;
	animation-delay: 0;
}

@keyframes scale {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: .9
	}

	100% {
		transform: translate(-50%, -50%) scale(7);
		opacity: 0;
	}
}

@keyframes scale2 {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: .9;
	}

	100% {
		transform: translate(-50%, -50%) scale(10);
		opacity: 0;
	}
}

@media screen and (min-width:1921px) {
	.detailBoxVideo .pic {
		padding-bottom: 85rem;
	}
}

@media screen and (max-width:1024px) {
	.detailBoxVideo .videoicon a {
		width: 6rem;
		height: 6rem;
	}
}

@media screen and (max-width:768px) {
	.detailBoxVideo .pic {
		padding-bottom: 50%;
	}

	.detailBoxVideo .videoicon a {
		width: 5rem;
		height: 5rem;
	}
}

@media screen and (max-width:640px) {
	.detailBoxVideo .videoicon a {
		width: 4rem;
		height: 4rem;
	}
}



/*c-video-box*/
#c-video-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	text-align: center
}

#c-video-box .c-btn {
	position: fixed;
	top: 3rem;
	right: 3rem;
	width: 5rem;
	height: 5rem;
	color: #fff;
	background: #fff;
	border-radius: 50%;
	transition: .5s;
	z-index: 9;
}

#c-video-box .c-btn:after,
#c-video-box .c-btn:before {
	content: "";
	position: absolute;
	bottom: 2.4rem;
	left: 1rem;
	width: 3rem;
	height: 2px;
	background: #333;
	transition: .5s
}

#c-video-box .c-btn:hover {
	background: #cd1928;
}

#c-video-box .c-btn:hover:after,
#c-video-box .c-btn:hover:before {
	background: #fff
}

#c-video-box .c-btn:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#c-video-box .c-btn:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#c-video-box video {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000
}

@media screen and (max-width:1024px) {
	#c-video-box .c-btn {
		top: 1.5rem;
		right: 1.5rem;
		width: 4rem;
		height: 4rem;
	}

	#c-video-box .c-btn:after,
	#c-video-box .c-btn:before {
		bottom: 1.9rem;
		left: 1rem;
		width: 2rem;
		height: 2px;
	}
}



/*pagePartner*/
.pagePartner .pageInfo {
	background: url("../images/partner-1bg.jpg") center top no-repeat;
	background-size: 100%;
}


/*partner1*/
.partner1 {
	padding-top: 16rem;
	padding-bottom: 12rem;
	position: relative;
}

.partner1 .line {
	content: '';
	width: 100%;
	height: 9px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("../images/partner-line.png") center bottom no-repeat;
}

.partner1 td {
	width: 33.333333%;
	text-align: center;
}

.partner1 td img {
	width: 18rem;
	border-radius: 50%;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);
}

.partner1 td h2 {
	font-size: 4rem;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ce1928;
	background: linear-gradient(to right, #ec1d21, #ce1928, #e91d22);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	text-transform: uppercase;
	padding-top: 2.5rem;
	margin-bottom: 1.2rem;
	line-height: 1;
}

*[lang|="vn"] .partner1 td h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

.partner1 td,
.partner1 td p {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 500;
}

.partner1 td img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.partner1 td:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

@media screen and (max-width:1024px) {
	.partner1 {
		padding-top: 12rem;
		padding-bottom: 10rem;
	}

	.partner1 td img {
		width: 16rem;
	}

	.partner1 td h2 {
		font-size: 3rem;
		padding-top: 1.5rem;
		margin-bottom: 1rem;
	}

	.partner1 td,
	.partner1 td p {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:768px) {
	.partner1 {
		padding-top: 7rem;
		padding-bottom: 7rem;
	}

	.partner1 td img {
		width: 10rem;
	}

	.partner1 td h2 {
		font-size: 2rem;
		padding-top: 1rem;
		margin-bottom: 1rem;
	}

	.partner1 td,
	.partner1 td p {
		font-size: 1.4rem;
	}

	.partner1 td {
		display: block !important;
		width: 100%;
		text-align: center;
		padding: 3rem 0;
	}
}



/*partner2*/
.partner2 {
	padding-top: 11rem;
	padding-bottom: 9rem;
	position: relative;
	font-size: 1.8rem;
	line-height: 3.2rem;
	color: #000000;
}

.partner2 .pageTit2 {
	margin-bottom: 3.5rem;
}

.partner2 .pageTit2 h2 {
	font-size: 5rem;
}

@media screen and (max-width:1024px) {
	.partner2 {
		padding-top: 9rem;
		padding-bottom: 7rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

	.partner2 .pageTit2 {
		margin-bottom: 3.5rem;
	}

	.partner2 .pageTit2 h2 {
		font-size: 4rem;
	}
}

@media screen and (max-width:768px) {
	.partner2 {
		padding-top: 7rem;
		padding-bottom: 6rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

	.partner2 .pageTit2 {
		margin-bottom: 2.5rem;
	}

	.partner2 .pageTit2 h2 {
		font-size: 3rem;
	}
}

/*partner3*/
.partner3 {
	padding-bottom: 10rem;
}

@media screen and (max-width:1024px) {
	.partner3 {
		padding-bottom: 8rem;
	}
}

@media screen and (max-width:768px) {
	.partner3 {
		padding-bottom: 6rem;
	}
}

/*VideoBox*/
.VideoBox {
	position: relative;
	overflow: hidden;
}

.VideoBox .pic {
	position: relative;
	height: 0;
	padding-bottom: 39.375%;
	overflow: hidden;
}

.VideoBox .pic:after {
	content: "";
	pointer-events: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.VideoBox .pic video,
.VideoBox .pic img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.VideoBox .videoicon {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	text-align: center;
}

.VideoBox .videoicon a {
	width: 7rem;
	height: 7rem;
	background: url("../images/icon-play3.png") center center no-repeat;
	background-size: 100%;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.VideoBox .videoicon a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
	height: 20%;
	border-radius: 50%;
	content: '';
	z-index: -1;
}

.VideoBox .videoicon a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20%;
	height: 20%;
	border-radius: 50%;
	content: '';
	z-index: -1;
}

.VideoBox .videoicon a::before {
	animation: scale 2s ease-out infinite;
	background: #fff;
	opacity: 0.5;
	animation-delay: 0;
}

.VideoBox .videoicon a::after {
	animation: scale2 2s ease-out infinite;
	background: #fff;
	opacity: 0.3;
	animation-delay: 0;
}

@keyframes scale {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: .9
	}

	100% {
		transform: translate(-50%, -50%) scale(7);
		opacity: 0;
	}
}

@keyframes scale2 {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: .9;
	}

	100% {
		transform: translate(-50%, -50%) scale(10);
		opacity: 0;
	}
}

@media screen and (max-width:1024px) {
	.VideoBox .videoicon a {
		width: 6rem;
		height: 6rem;
	}
}

@media screen and (max-width:768px) {
	.VideoBox .pic {
		padding-bottom: 50vw;
	}

	.VideoBox .videoicon a {
		width: 5rem;
		height: 5rem;
	}
}

@media screen and (max-width:640px) {
	.VideoBox .videoicon a {
		width: 4rem;
		height: 4rem;
	}
}


.partnerUNNews .pageTit2 {
	width: 90%;
	margin: 0 auto;
}

/*detailBoxFeature*/
.UNNewsList ul li {
	background: #f5f5f8;
}

.UNNewsList ul li .item {
	display: block;
	height: auto;
	position: relative;
	padding-top: 8rem;
	padding-bottom: 8rem;
	width: 100%;
	overflow: hidden;
}

.UNNewsList ul li .img {
	float: left;
	height: 43rem;
	width: 50%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 10px;
}

.UNNewsList ul li .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.UNNewsList ul li .item,
.UNNewsList ul li .img img,
.UNNewsList ul li .img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.UNNewsList ul li .item:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.UNNewsList ul li .info {
	float: right;
	/* position:relative;*/
	width: 50%;
}

.UNNewsList ul li .infoB {
	min-height: 43rem;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: auto;
	align-items: center;
	flex-direction: row;
	position: relative;
	z-index: 2;
}

.UNNewsList ul li .infoBox {
	padding-left: 3vw;
	padding-right: 3vw;
}

.UNNewsList ul li h2 {
	font-size: 5rem;
	line-height: 1;
	color: #000;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 3rem;
	text-transform: uppercase;
}

.UNNewsList ul li .des {
	font-size: 1.8rem;
	line-height: 1.7;
	color: #000;
	font-weight: normal;
}

.UNNewsList ul li .line {
	width: 5.2rem;
	height: 0.9rem;
	background: #cd1928;
	margin-top: 2.4rem;
}

.UNNewsList ul li .num {
	font-size: 30rem;
	line-height: 30rem;
	color: #e7e7eb;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 3rem;
	text-transform: uppercase;
	position: absolute;
	bottom: -12rem;
	right: 0;
	z-index: 0;
}

*[lang|="vn"] .UNNewsList ul li h2 {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

*[lang|="vn"] .UNNewsList ul li .num {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.UNNewsList ul li:nth-child(2n) {
	background: #fff;
}

.UNNewsList ul li:nth-child(2n) .img {
	float: right;
}

.UNNewsList ul li:nth-child(2n) .info {
	float: left;
}

.UNNewsList ul li:nth-child(2n) .infoB {}

.UNNewsList ul li:nth-child(2n) .infoBox {}

.UNNewsList ul li:nth-child(2n) .num {
	left: 0;
	right: auto;
}

@media screen and (max-width:1024px) {
	.UNNewsList ul li h2 {
		font-size: 4rem;
		margin-bottom: 2rem;
	}

	.UNNewsList ul li .des {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.UNNewsList ul li .line {
		width: 3.8rem;
		height: 0.5rem;
		margin-top: 1.4rem;
	}

	.UNNewsList ul li .num {
		font-size: 26rem;
		line-height: 26rem;
	}

	.UNNewsList ul li .img {
		height: 30rem;
	}

	.UNNewsList ul li .infoB {
		min-height: 30rem;
	}
}

@media screen and (max-width:992px) {
	.UNNewsList ul li h2 {
		font-size: 3rem;
		margin-bottom: 2rem;
	}

	.UNNewsList ul li .des {
		font-size: 1.4rem;
		line-height: 2.4rem;
	}

	.UNNewsList ul li .des p {
		background-position: left 0.85rem;
	}

	.UNNewsList ul li .line {
		width: 3.5rem;
		height: 0.5rem;
		margin-top: 1rem;
	}

	.UNNewsList ul li .num {
		font-size: 20rem;
		line-height: 25rem;
	}



	.UNNewsList ul li .img {
		float: none !important;
		width: 100%;
		height: 0 !important;
		padding-bottom: 53.75%;
	}

	.UNNewsList ul li .info {
		float: none !important;
		width: 100%;
	}

	.UNNewsList ul li .infoB {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
		display: block !important;
		min-height: 4.3rem;
	}

	.UNNewsList ul li .infoBox {
		padding-left: 3vw !important;
		padding-right: 3vw !important;
		padding-top: 7vw;
	}

}



/*partnerHistory*/
.partnerHistory {
	padding-top: 14rem;
	padding-bottom: 7rem;
	overflow: hidden;
}

.partnerHistory .pageTit2 {
	margin-bottom: 6rem;
}

.historyList {
	position: relative;
}

.historyList .historyListul {
	position: relative;
	padding: 0
}

.historyList .default-line {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -1px;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #a6a6a7;
}

.historyList .draw-line {
	width: 1px;
	height: 0;
	position: absolute;
	left: 50%;
	background: #cd1928;
	margin-left: -1px;
}

/*dian*/
.historyList .dian {
	position: absolute;
	top: 50%;
	right: -7.5px;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	border: 5px solid #cd1928;
	font-size: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.historyList .date {
	position: absolute;
	top: 50%;
	right: -5rem;
	margin-top: -5rem;
	width: 10rem;
	height: 10rem;
	line-height: 10rem;
	border-radius: 50%;
	background: #cd1928;
	border-width: 0;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.historyList .date {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

/*itemB*/
.historyList .itemB {
	width: 86.25%;
	overflow: hidden;
}

.historyList .item {
	display: block;
	height: auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #eeeef2;
	border-radius: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.historyList .item .info {
	padding: 5rem 5rem;
}

.historyList .item h2 {
	font-size: 2.6rem;
	line-height: 2.6rem;
	/*height:2.6rem;overflow:hidden;*/
	color: #000;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.historyList .item .des {
	font-size: 1.6rem;
	line-height: 2.6rem;
	height: 7.8rem;
	color: #000;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.historyList .item .line {
	width: 2.8rem;
	height: 0.6rem;
	background: #cd1928;
	margin-top: 2.4rem;
}

.historyList .item .img {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 44%;
}

.historyList .item .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*li*/
.historyList ul li {
	position: relative;
	width: 50%;
}

.historyList ul li:nth-child(2n) {
	margin-left: 50%;
	position: relative;
	margin-top: -10rem;
}

.historyList ul li:nth-child(2n) .itemB {
	margin-left: 13.75%;
}

.historyList ul li:nth-child(2n) .dian {
	left: -7.5px;
	right: auto;
}

.historyList ul li:nth-child(2n) .date {
	left: -5rem;
	right: auto;
}

.historyList .item:hover,
.historyList ul li.in-view .item {
	background: #cd1928;
}

.historyList .item:hover h2,
.historyList ul li.in-view .item h2 {
	color: #fff;
}

.historyList .item:hover .des,
.historyList ul li.in-view .item .des {
	color: #fff;
}

.historyList .item:hover .line,
.historyList ul li.in-view .item .line {
	background: #fff;
}

.historyList ul li.in-view.last .date {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/*MoreBtn*/
.MoreBtn {
	text-align: center;
	cursor: pointer;
	display: block;
	padding-top: 5.4rem;
}

.MoreBtn a {
	text-align: center;
	position: relative;
	display: inline-block;
	background: #cd1928;
	min-width: 17rem;
	padding: 0 3rem;
	font-size: 1.8rem;
	line-height: 6rem;
	height: 6rem;
	border-radius: 6rem;
	overflow: hidden;
	color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 10px 30px rgba(220, 3, 7, 0.3)
}

.MoreBtn a:hover {
	background: #a50714;
}

@media screen and (max-width:1024px) {
	.partnerHistory {
		padding-top: 10rem;
		padding-bottom: 5rem;
	}

	.partnerHistory .pageTit2 {
		margin-bottom: 5rem;
	}

	.historyList .item .info {
		padding: 3rem 3rem;
	}

	.historyList .item h2 {
		font-size: 1.6rem;
		line-height: 1.6rem;
		height: 1.6rem;
		margin-bottom: 1rem;
	}

	.historyList .item .des {
		font-size: 1.2rem;
		line-height: 2.2rem;
		height: 6.2rem;
	}

	.historyList .item .line {
		width: 2rem;
		height: 0.3rem;
		margin-top: 1.4rem;
	}

	.historyList .date {
		right: -3rem;
		margin-top: -3rem;
		width: 6rem;
		height: 6rem;
		line-height: 6rem;
		font-size: 1.4rem;
	}

	.historyList ul li:nth-child(2n) .date {
		left: -3rem;
		right: auto;
	}

	.MoreBtn {
		padding-top: 5.4rem;
	}

	.MoreBtn a {
		min-width: 15rem;
		font-size: 1.6rem;
		padding: 0 2rem;
		line-height: 5rem;
		height: 5rem;
		border-radius: 5rem;
	}
}

@media screen and (max-width:768px) {
	.partnerHistory {
		padding-top: 7rem;
		padding-bottom: 5rem;
	}

	.partnerHistory .pageTit2 {
		margin-bottom: 3rem;
	}

	.historyList .default-line {
		left: 0;
	}

	.historyList .draw-line {
		left: 0;
	}

	.historyList .dian {
		right: auto;
		left: -7.5px;
	}

	.historyList .date {
		right: auto;
		left: -3rem;
	}

	.historyList {
		padding-left: 25px;
	}

	.historyList ul li {
		width: 100%;
	}

	.historyList ul li:nth-child(2n) {
		margin-left: 0;
		margin-top: 0;
	}

	.historyList ul li .itemB {
		margin-left: 13.75%;
		margin-bottom: 2rem;
	}

	.historyList ul li:nth-child(2n) .itemB {
		margin-left: 13.75%;
	}

	.MoreBtn {
		padding-top: 4.4rem;
	}

	.MoreBtn a {
		min-width: 15rem;
		font-size: 1.4rem;
		padding: 0 2rem;
		line-height: 4.5rem;
		height: 4.5rem;
		border-radius: 4.5rem;
	}
}






/*pagebanner2{*/
.pagebanner2 {
	position: relative;
	overflow: hidden;
	/*padding-bottom:4.166666666666667vw;*/
}

.pagebanner2:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #eeeef2;
	bottom: 0;
	left: 14.58vw;
	z-index: 0;
}

.pagebanner2 .VideoBox .pic {
	padding-bottom: 48.95833333333333%;
}

@media screen and (max-width:768px) {
	.pagebanner2 {
		/*padding-bottom:3rem;*/
	}
}



/*aboutInfo*/
.aboutInfo {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	margin-top: 17rem;
	margin-bottom: 6rem;
	overflow: hidden;
}

.aboutInfo:after {
	position: absolute;
	content: "";
	width: 49%;
	height: 100%;
	background-color: #eeeef2;
	bottom: 0;
	left: 51%;
	z-index: 0;
}

.aboutInfo .aboutInfoBox {
	position: relative;
	padding: 12rem 0;
	z-index: 1;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	align-items: center;
	flex-direction: row;
}

.aboutInfo .pageTit2 {
	position: absolute;
	left: 12rem;
	top: 0;
	text-align: left;
}

.aboutInfo .pageTit2 .line {
	margin: 0;
	margin-bottom: 2.5rem;
}

.aboutInfo .pageTit2 h2 b,
.aboutInfo .pageTit2 h2 strong {
	color: #cd1928;
}

.aboutInfo .img {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 67.34%;
}

.aboutInfo .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutInfo .imgB {
	width: 61.25%;
	float: left;
}

.aboutInfo .info {
	width: 38.75%;
	float: right;
}

.aboutInfo .info .infoB {
	margin-left: 9rem;
	font-size: 2rem;
	line-height: 3.4rem;
	color: #3b4048;
	position: relative;
	padding-bottom: 5vw;
}

.aboutInfo .line2 {
	position: absolute;
	width: 1px;
	height: 10vw;
	background-color: #d8d8db;
	bottom: 0;
	left: 61.25%;
	margin-left: 8rem;
	z-index: 2;
}

.aboutInfo .line2:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 4.2rem;
	background-color: #cd1928;
	top: 0;
	left: 0;
	z-index: 2;
}

@media screen and (max-width:1024px) {
	.aboutInfo {
		margin-top: 15rem;
		margin-bottom: 5rem;
	}

	.aboutInfo .aboutInfoBox {
		padding: 9rem 0;
	}

	.aboutInfo .pageTit2 {
		left: 10rem;
	}

	.aboutInfo .pageTit2 .line {
		margin-bottom: 1.5rem;
	}

	.aboutInfo .info .infoB {
		margin-left: 5rem;
		font-size: 1.4rem;
		line-height: 1.5;
		padding-bottom: 4vw;
	}

	.aboutInfo .line2 {
		height: 8vw;
		margin-left: 4rem;
	}

	.aboutInfo .line2:after {
		height: 3.2rem;
	}

	.aboutInfo .imgB {
		width: 58%;
	}

	.aboutInfo .info {
		width: 42%;
	}

	.aboutInfo .line2 {
		left: 58%;
	}
}

@media screen and (max-width:992px) {
	.aboutInfo {
		margin-top: 7rem;
		margin-bottom: 5rem;
	}

	.aboutInfo .aboutInfoBox {
		display: block;
	}

	.aboutInfo .pageTit2 {
		left: 5rem;
	}

	.aboutInfo .img {
		padding-bottom: 67.3469387755102%;
	}

	.aboutInfo .imgB {
		width: 100%;
		float: none;
	}

	.aboutInfo .info {
		width: 100%;
		float: none;
	}

	.aboutInfo .info .infoB {
		margin-left: 0rem;
		padding-bottom: 2rem;
		padding-top: 5rem;
	}

	.aboutInfo .line2 {
		left: 0%;
		height: 6rem;
		margin-left: 0;
	}

	.aboutInfo .line2:after {
		height: 2.2rem;
	}

	.aboutInfo:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 70%;
		left: 0;
	}

}




/*aboutCulture*/
.aboutCulture {
	position: relative;
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
}

.aboutCulture .aboutCultureBox {
	z-index: 1;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	flex-direction: row;
}

.aboutCulture .img {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-radius: 10px;
	padding-bottom: 45.5rem;
}

.aboutCulture .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutCulture .imgB {
	width: 54.375%;
	float: right;
}

.aboutCulture .info {
	width: 45.625%;
	float: left;
}

.aboutCulture .info .infoB {
	margin-right: 8.5rem;
	font-size: 1.8rem;
	line-height: 2.8rem;
	color: #3b4048;
}

.aboutCulture .info td {
	/*vertical-align:top;height:18rem; padding-bottom:2rem;*/
	vertical-align: middle;
	height: 15rem;
	padding-bottom: 0;
}

.aboutCulture .info td h2 {
	color: #cd1928;
	font-weight: bold;
}

@media screen and (max-width:1024px) {
	.aboutCulture {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.aboutCulture .imgB {
		width: 55%;
	}

	.aboutCulture .info {
		width: 45%;
	}


	.aboutCulture .img {
		padding-bottom: 30rem;
	}

	.aboutCulture .info .infoB {
		margin-right: 3rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.aboutCulture .info td {
		height: 12rem;
		padding-bottom: 2rem;
		width: auto;
	}

	.aboutCulture .info td h2 {
		padding-right: 2rem;
	}
}

@media screen and (max-width:992px) {
	.aboutCulture {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.aboutCulture .aboutCultureBox {
		display: block;
	}

	.aboutCulture .imgB {
		width: 100%;
		float: none;
	}

	.aboutCulture .info {
		width: 100%;
		float: none;
	}

	.aboutCulture .info .infoB {
		margin-right: 0;
	}

	.aboutCulture .info td {
		height: 8rem;
		padding-bottom: 2rem;
		width: auto;
	}

	.aboutCulture .img {
		padding-bottom: 58%;
	}
}


/*pageAbout partnerHistory*/
.pageAbout .partnerHistory {
	padding-top: 8rem;
	overflow: hidden;
}

@media screen and (max-width:1024px) {
	.pageAbout .partnerHistory {
		padding-top: 7rem;
	}
}

@media screen and (max-width:768px) {
	.pageAbout .partnerHistory {
		padding-top: 5rem;
	}
}

/*aboutData*/
.aboutData {
	width: 100%;
	position: relative;
	background: #cd1928;
	padding-top: 8.7rem;
	padding-bottom: 8.7rem;
	overflow: hidden;
}

.aboutData .info .infoB {
	font-size: 2rem;
	line-height: 1.7;
	color: #fff;
}

.aboutData .info td {
	vertical-align: top;
	height: 18rem;
	padding-bottom: 4rem;
	padding-top: 4rem;
	text-align: center;
	width: 33.333333%;
}

.aboutData .info td img {
	width: 8rem;
	margin-bottom: 1rem;
}

@media screen and (max-width:1024px) {
	.aboutData {
		padding-top: 7rem;
		padding-bottom: 7rem;
	}

	.aboutData .info .infoB {
		font-size: 1.6rem;
		line-height: 1.5;
	}

	.aboutData .info td {
		vertical-align: top;
		height: 15rem;
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

	.aboutData .info td img {
		width: 6rem;
	}
}

@media screen and (max-width:992px) {
	.aboutData {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.aboutData .info .infoB {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.aboutData .info td {
		height: 10rem;
		padding-bottom: 3rem;
		padding-top: 3rem;
	}

	.aboutData .info td img {
		width: 5rem;
	}
}

@media screen and (max-width:640px) {
	.aboutData {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.aboutData .info td {
		padding-bottom: 3rem;
		padding-top: 3rem;
		display: block !important;
		width: 100% !important;
		height: auto;
	}
}

/*aboutLong*/
.aboutLong {
	position: relative;
	background: url(../images/about-cxh-bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.aboutLong .aboutLongBox {
	position: relative;
	z-index: 1;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	align-items: center;
	flex-direction: row;
}

.aboutLong .pageTit h2 {
	margin-bottom: 4rem;
}

.aboutLong .pageTit h2 b,
.aboutLong .pageTit h2 strong {
	color: #cd1928;
}

.aboutLong .pageTit .des {
	max-width: 100%;
	font-size: 2rem;
	color: #3b4048;
	line-height: 3.4rem;
}

.aboutLong .img {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-bottom: 102.1978021978022%;
}

.aboutLong .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutLong .imgB {
	width: 56.875%;
	float: left;
}

.aboutLong .info {
	width: 43.125%;
	float: right;
}

.aboutLong .info .infoB {
	margin-left: 6.5rem;
	font-size: 2rem;
	line-height: 3.4rem;
	color: #3b4048;
	position: relative;
	padding: 5vw 0;
}

@media screen and (max-width:1024px) {
	.aboutLong .pageTit h2 {
		margin-bottom: 3rem;
	}

	.aboutLong .pageTit .des {
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.aboutLong .info .infoB {
		margin-left: 5.5rem;
		font-size: 1.6rem;
		line-height: 1.7;
	}

}

@media screen and (max-width:992px) {
	.aboutLong .pageTit h2 {
		margin-bottom: 2rem;
	}

	.aboutLong .pageTit .des {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.aboutLong .info .infoB {
		margin-left: 3rem;
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 7rem 0 3rem 0;
	}

	.aboutLong .aboutLongBox {
		display: block;
	}

	.aboutLong .imgB {
		width: 100%;
		float: none;
	}

	.aboutLong .info {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width:480px) {
	.aboutLong .pageTit h2 br {
		display: none;
	}

}


/*aboutLab*/
.aboutLab {
	position: relative;
	overflow: hidden;
}

.aboutLab .aboutLabBox {
	padding-top: 18rem;
	padding-bottom: 17rem;
	position: relative;
	z-index: 1;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	align-items: center;
	flex-direction: row;
	background: url(../images/about-sys-bg.png) no-repeat center center;
	background-size: 100%;
}

.aboutLab .pageTit h2 {
	margin-bottom: 4rem;
}

.aboutLab .pageTit h2 b,
.aboutLab .pageTit h2 strong {
	color: #cd1928;
}

.aboutLab .pageTit .des {
	max-width: 100%;
	font-size: 2rem;
	color: #3b4048;
	line-height: 3.4rem;
}

.aboutLab .img {
	width: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-bottom: 56.35245901639344%;
	border-radius: 10px;
}

.aboutLab .img img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aboutLab .imgB {
	width: 56.875%;
	float: left;
}

.aboutLab .info {
	width: 43.125%;
	float: right;
}

.aboutLab .info .infoB {
	margin-left: 9rem;
	font-size: 2rem;
	line-height: 3.4rem;
	color: #3b4048;
	position: relative;
	padding: 5vw 0;
}

@media screen and (max-width:1024px) {
	.aboutLab .aboutLabBox {
		padding-top: 12rem;
		padding-bottom: 10rem;
	}

	.aboutLab .pageTit h2 {
		margin-bottom: 3rem;
	}

	.aboutLab .pageTit .des {
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.aboutLab .info .infoB {
		margin-left: 5.5rem;
		font-size: 1.6rem;
		line-height: 1.7;
	}

}

@media screen and (max-width:992px) {
	.aboutLab .aboutLabBox {
		padding-top: 10rem;
		padding-bottom: 9rem;
	}

	.aboutLab .pageTit h2 {
		margin-bottom: 2rem;
	}

	.aboutLab .pageTit .des {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.aboutLab .info .infoB {
		margin-left: 3rem;
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 7rem 0 0rem 0;
	}

	.aboutLab .aboutLabBox {
		display: block;
	}

	.aboutLab .imgB {
		width: 100%;
		float: none;
	}

	.aboutLab .info {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width:768px) {
	.aboutLab .aboutLabBox {
		padding-top: 7rem;
		padding-bottom: 5rem;
	}

	.aboutLab .info .infoB {
		padding: 5rem 0 0rem 0;
	}
}


/*factoryList*/
.factoryListB {
	/*width:60.41666666666667%;*/
	margin: 0 auto;
	position: relative;
	width: 50%;
}

.factoryList {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -5vw;
}

.factoryList .swiper-container {
	overflow: visible;
}

.factoryList li {
	width: 100%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.factoryList li .item {
	display: block;
	margin: 0 5vw;
	position: relative;
}

.factoryList li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 10px;
	padding-bottom: 46.55172413793103%;
}

.factoryList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.factoryList li .imgBox,
.factoryList li .imgBox img,
.factoryList li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.factoryList li .item:hover .imgBox img {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.factoryList li .title {
	font-size: 2.4rem;
	line-height: 7rem;
	font-weight: 500;
	text-align: center;
	padding: 0 4.3rem;
	border-radius: 10px;
	margin-bottom: 3rem;
	color: #fff;
	background: #cd1928;
	overflow: hidden;
	position: relative;
	top: -3.5rem;
	margin-left: 4.6rem;
	display: inline-block;
}

.factoryList li .item:hover .title {
	background: #dd0a1c;
}

/**/
.factoryBox {
	padding-top: 16rem;
	padding-bottom: 5rem;
	background: #eeeef2;
	overflow: hidden;
}

.factoryListBox {
	position: relative;
	overflow: hidden;
}

.factoryListBox .swbtn .swiper-button-prev {
	left: -13rem;
	margin-top: 0.5rem;
}

.factoryListBox .swbtn .swiper-button-next {
	right: -13rem;
	margin-top: 0.5rem;
}

@media screen and (max-width:1024px) {
	.factoryBox {
		padding-top: 10rem;
		padding-bottom: 5rem;
	}


	.factoryList li .title {
		font-size: 1.6rem;
		line-height: 5rem;
		padding: 0 3.3rem;
		top: -2.5rem;
		margin-left: 3.6rem;
	}

	.factoryListB {
		width: 80%;
	}

	.factoryList {
		margin: 0 -2rem;
	}

	.factoryList li .item {
		margin: 0 2rem;
	}

	.factoryListBox .swbtn .swiper-button-prev {
		left: -3rem;
		margin-top: 0.5rem;
	}

	.factoryListBox .swbtn .swiper-button-next {
		right: -3rem;
		margin-top: 0.5rem;
	}
}

@media screen and (max-width:768px) {
	.factoryBox {
		padding-top: 7rem;
		padding-bottom: 5rem;
	}

	.factoryList li {
		width: 100%;
	}

	.factoryList li .title {
		font-size: 1.4rem;
		line-height: 4rem;
		padding: 0 2rem;
		top: -2rem;
		margin-left: 1.6rem;
	}

	.factoryListB {
		width: 80%;
	}

	.factoryList {
		margin: 0 -1rem;
	}

	.factoryList li .item {
		margin: 0 1rem;
	}

	.factoryListBox .swbtn .swiper-button-prev {
		left: -3rem;
		margin-top: 0.3rem;
	}

	.factoryListBox .swbtn .swiper-button-next {
		right: -3rem;
		margin-top: 0.3rem;
	}

	.factoryList li .imgBox {
		padding-bottom: 60%;
	}
}




/*honorList*/
.honorBox {
	overflow: hidden;
}

.honorBox .pageTit2 {
	margin-bottom: 2rem;
}

.honorListBox {
	padding-bottom: 9rem;
}

.honorListB {
	margin: 0 auto;
	position: relative;
}

.honorList {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -3rem;
}

.honorList li {
	width: 28%;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.honorList li .item {
	display: block;
	margin: 0 3rem;
	position: relative;
}

.honorList li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	padding-bottom: 51%;
}

.honorList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.honorList li .imgBox,
.honorList li .imgBox img,
.honorList li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.honorList li .title {
	font-size: 2rem;
	/*font-size:1.8rem;*/
	line-height: 1.5;
	/* font-weight: bold;*/
	text-align: center;
	color: #000000;
	overflow: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	margin: 0 -30rem;
	margin-top: 7rem;
	display: none;
	min-height: 4.9rem;
}

/*.honorList li .infoBox{ margin:0 -100px;}*/
/*.smallhonor li .title{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}*/


.honorList li .item {
	padding: 12rem 0 0px 0;
	cursor: grab;
}

.honorList .swiper-slide-duplicate-active .title,
.honorList .swiper-slide-active .title {
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transform: scale(0.7)
}

/*.honorList .swiper-slide-duplicate-next{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
.honorList .swiper-slide-duplicate-prev{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}*/


/**/
.honorList .swiper-slide {
	transform: scale(1);
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.honorList .swiper-slide-active,
.honorList .swiper-slide-duplicate-active {
	transform: scale(1.5);
}

/*.honorList .swiper-slide-active .imgBox,
.honorList .swiper-slide-duplicate-active .imgBox{padding-bottom:334px;}*/
.bighonor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #fff;
	width: 67.4rem;
	z-index: 3;
}

.bighonor .swiper-container {
	cursor: grab;
}

.bighonor {
	display: none;
}


/*.bighonor .swiper-slide-duplicate-active .title,
.bighonor .swiper-slide-active .title{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}*/

.smallhonor {
	width: 76%;
	margin: 0 auto;
}

.smallhonor .swiper-container {
	overflow: visible;
	cursor: grab;
}

/**/
.honorBox {
	padding-top: 14rem;
	padding-bottom: 9rem;
	background: #fff;
}

.honorListBox {
	position: relative;
}

.swbtn2 .swiper-button-next,
.swbtn2 .swiper-button-prev {
	width: 7rem;
	height: 7rem;
	background: url(../images/arrow-l.png) no-repeat center center #fff;
	background-size: 100%;
	border-radius: 50%;
	opacity: 1;
	position: absolute;
	top: auto;
	margin-top: 0;
	outline: none;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
	z-index: 3;
}

.swbtn2 .swiper-button-prev {
	left: 0;
}

.swbtn2 .swiper-button-next {
	background-image: url(../images/arrow-r.png);
	right: 0;
}

.swbtn2 .swiper-button-prev.swiper-button-disabled,
.swbtn2 .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}

.swbtn2 .swiper-button-next:hover {
	background-image: url(../images/arrow-r.png);
}

.swbtn2 .swiper-button-prev:hover {
	background-image: url(../images/arrow-l.png);
}

.honorListBox .swbtn2 .swiper-button-prev {
	left: 12%;
	bottom: 0;
}

.honorListBox .swbtn2 .swiper-button-next {
	right: 12%;
	bottom: 0;
}

.honorListB:after {
	right: 0;
	position: absolute;
	top: 0;
	content: "";
	width: 12%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.honorListB:before {
	left: 0;
	position: absolute;
	top: 0;
	content: "";
	width: 12%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


@media screen and (max-width:1024px) {
	.honorList li .item {
		padding: 10rem 0 0px 0;
	}

	.honorListBox {
		padding-bottom: 7rem;
	}

	.honorBox {
		padding-top: 10rem;
		padding-bottom: 9rem;
	}

	.honorList li .title {
		font-size: 1.6rem;
		margin: 0 -10rem;
		margin-top: 6rem;
	}
}

@media screen and (max-width:992px) {
	.honorList li .item {
		padding: 7rem 0 0px 0;
	}

	.honorListBox {
		padding-bottom: 7rem;
	}

	.honorList li {
		width: 100%;
	}

	.smallhonor {
		width: 76%;
	}

	.honorListBox .swbtn2 .swiper-button-prev {
		left: 5%;
	}

	.honorListBox .swbtn2 .swiper-button-next {
		right: 5%;
	}

	.honorListB:after {
		width: 15%;
	}

	.honorListB:before {
		width: 15%;
	}

	.honorBox {
		padding-top: 7rem;
		padding-bottom: 10rem;
	}

	/*.honorList{margin:0 -10px; }
.honorList li .item{margin:0 10px;}*/

	.honorList li .title {
		margin: 0 -1.5rem;
		margin-top: 3rem;
		font-size: 1.4rem;
		min-height: 0;
	}

	.swbtn2 .swiper-button-next,
	.swbtn2 .swiper-button-prev {
		width: 5rem;
		height: 5rem;
	}
}

@media screen and (max-width:768px) {
	.honorBox {
		padding-top: 7rem;
		padding-bottom: 7rem;
	}

	.honorListBox {
		padding-bottom: 5rem;
	}
}





/*css3*/
.fadeInUp50 {
	-webkit-animation-name: fadeInUp50;
	-moz-animation-name: fadeInUp50;
	-ms-animation-name: fadeInUp50;
	animation-name: fadeInUp50
}

@-webkit-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-moz-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInLeft50 {
	-webkit-animation-name: fadeInLeft50;
	-moz-animation-name: fadeInLeft50;
	-ms-animation-name: fadeInLeft50;
	animation-name: fadeInLeft50
}

@-webkit-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		-moz-transform: translate3d(-50px, 0, 0);
		-ms-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRight50 {
	-webkit-animation-name: fadeInRight50;
	-moz-animation-name: fadeInRight50;
	-ms-animation-name: fadeInRight50;
	animation-name: fadeInRight50
}

@-webkit-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-moz-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		-moz-transform: translate3d(50px, 0, 0);
		-ms-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@media (print),
(prefers-reduced-motion:reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}
}



@keyframes navInUp50 {
	0% {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-o-transform: translateY(-30px)
	}

	100% {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-webkit-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-moz-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@-ms-keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1)
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9)
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05)
	}

	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	25% {
		-webkit-transform: scale(0.9, 1.1);
		transform: scale(0.9, 1.1)
	}

	50% {
		-webkit-transform: scale(1.1, 0.9);
		transform: scale(1.1, 0.9)
	}

	75% {
		-webkit-transform: scale(0.95, 1.05);
		transform: scale(0.95, 1.05)
	}
}

@keyframes iconScale2 {
	from {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		opacity: 1
	}

	to {
		transform: scale(1.7);
		-webkit-transform: scale(1.7);
		-moz-transform: scale(1.7);
		-ms-transform: scale(1.7);
		-o-transform: scale(1.7);
		opacity: 0
	}
}



/*****************************右侧栏漂浮 start*****************************/
.public-celan {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 101;
	border: 1px solid #eeeef2;
	background: #fff;
	/*border-radius:10px;*/
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 7rem;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1)
}

.public-celan li {
	position: relative;
}

.public-celan li a {
	display: block;
	padding-top: 2rem;
	padding-bottom: 1.8rem;
	position: relative;
}

.public-celan li .icon {
	display: block;
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
}

.public-celan li .icon img {
	margin: 0 auto;
	width: 2.5rem;
	display: block;
	overflow: hidden;
}

.public-celan li .t {
	text-align: center;
	font-size: 1.4rem;
	color: #cd1928;
	font-weight: bold;
}

.public-celan li:nth-child(1) a:after {
	content: '';
	position: absolute;
	width: 3.6rem;
	height: 1px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	background: #e1e1e1;
}

/*.public-celan li a:hover{background-color:#e1e1e1;}*/
.public-celan li:nth-child(1) a {
	border-top-left-radius: 10px;
}

.public-celan li:nth-last-child(1) a {
	border-bottom-left-radius: 10px;
}

@media screen and (max-width:1024px) {
	.public-celan {
		width: 6rem;
	}

	.public-celan li a {
		padding-top: 1.8rem;
		padding-bottom: 1.6rem;
	}

	.public-celan li .icon {
		height: 2.2rem;
	}

	.public-celan li .icon img {
		width: 2.2rem;
	}

	.public-celan li .t {
		font-size: 1.3rem;
	}

	.public-celan li:nth-child(1) a:after {
		width: 3.4rem;
	}
}

@media screen and (max-width:768px) {
	.public-celan {
		right: 0;
		top: auto;
		bottom: 20%;
	}

	.public-celan {
		width: 5rem;
	}

	.public-celan li a {
		padding-top: 1.2rem;
		padding-bottom: 1rem;
	}

	.public-celan li .icon {
		height: 2rem;
	}

	.public-celan li .icon img {
		width: 2rem;
	}

	.public-celan li .t {
		font-size: 1.2rem;
	}

	.public-celan li:nth-child(1) a:after {
		width: 3rem;
		;
	}
}




/*****************************banner start*****************************/






/*indexBanner*/
.wrap {
	/*width:83.3%; margin-right:auto; margin-left:auto;*/
}

.indexBanner {
	height: 100vh;
	width: 100%;
}

/*.indexBanner .swiper-slide{clip-path:none; opacity:0; z-index:0;}
.indexBanner .swiper-slide-prev{clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%); opacity:0; transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 3;}
.indexBanner .swiper-slide-active{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%); opacity:1; transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 2;}
.indexBanner .swiper-slide-next{z-index: 1;}*/

.indexBanner .img_box,
.indexBanner .video_slide .img_box {
	position: relative;
	height: 100%;
}

.indexBanner .img_box img,
.indexBanner .video_slide .img_box video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 视频遮罩 */
.indexBanner .video_slide .img_box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 0;
}

.indexBanner .intro_box {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	margin-top: -1rem;
	z-index: 10;
}

.indexBanner .intro_box .tit {
	font-size: 8rem;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-transform: uppercase;
	display: none;
}


.indexBanner .widgets .wrap {
	position: relative;
}

.indexBanner .swiper-button-prev {
	width: 5rem;
	height: 5rem;
	background: url(../images/prev.png) no-repeat center;
	background-size: cover;
	border-radius: 50%;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -2.5rem;
	transition: all 0.5s ease;
}

.indexBanner .swiper-button-next {
	width: 5rem;
	height: 5rem;
	background: url(../images/next.png) no-repeat center;
	background-size: cover;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -2.5rem;
	transition: all 0.5s ease;
}

.indexBanner .swiper-button-prev::after,
.indexBanner .swiper-button-next::after {
	display: none;
}

.indexBanner .btn-area {
	position: absolute;
	right: 0;
	bottom: 4rem;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	z-index: 1;
}

.indexBanner .btn-area .btn-stop,
.indexBanner .btn-area .btn-play {
	display: inline-block;
	width: 28px;
	height: 0;
	overflow: hidden;
	display: none;
}

.indexBanner .btn-area .btn-stop {
	background: url(../images/btn-slider-stop.png) no-repeat center
}

.indexBanner .btn-area .btn-play {
	display: none;
	background: url(../images/btn-slider-play.png) no-repeat center
}

.indexBanner .swiper-pagination {
	position: static
}

.indexBanner .swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	width: 6.8rem;
	height: auto;
	margin: 0 0.7rem !important;
	vertical-align: middle;
	background: transparent;
	opacity: 1;
	outline: none;
}

.indexBanner .swiper-pagination .swiper-pagination-bullet .tit {
	font-size: 1.5rem;
	color: #fff;
	text-align: left;
	opacity: .6;
	transition: all .5s ease;
}

.indexBanner .swiper-pagination .swiper-pagination-bullet-active .tit {
	opacity: 1;
}

.indexBanner .swiper-pagination-bullet-active .timer,
.indexBanner .swiper-pagination-bullet .timer {
	display: block;
	position: relative;
	width: 6.8rem;
	height: 5px;
	margin-top: 1rem;
	background: transparent;
	opacity: 1;
}

.indexBanner .swiper-pagination-bullet .timer::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .2;
	content: ''
}

/*.indexBanner .swiper-pagination .swiper-pagination-bullet{width:auto;}*/
.indexBanner .swiper-pagination-bullet-active .timer,
.indexBanner .swiper-pagination-bullet .timer {
	width: auto;
}

/*process*/
.indexBanner .swiper-pagination-bullet .process {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	opacity: 0;
	height: 100%;
	background: #fff;
	transition-property: width;
	transition-timing-function: linear;
}

.indexBanner .swiper-pagination-bullet-active .process {
	opacity: 1;
	width: 100%;
}

/*.indexBanner .swiper-pagination-bullet.play.stop .process{transition:none}*/



/**/
.indexBanner .left-area {
	position: absolute;
	top: 50%;
	left: 0.35rem;
	transform: translateY(-50%);
	z-index: 1;
	display: none;
}

.indexBanner .left-area .pagination-left .line {
	width: 1.55rem;
	height: 2px;
	padding: 0.7rem 0;
	transition: all .5s ease;
	cursor: pointer;
}

.indexBanner .left-area .pagination-left .line::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: rgba(255, 255, 255, 0.3);
}

.indexBanner .left-area .pagination-left .line:first-child {
	margin-top: 0;
}

.indexBanner .left-area .pagination-left .line.active {
	width: 3rem;
}

.indexBanner .left-area .pagination-left .line.active::after {
	background: rgba(255, 255, 255, 1);
}


/*scroll_down*/
.indexBanner .scroll_down {
	position: absolute;
	left: 0;
	bottom: 9rem;
	z-index: 1;
}

.indexBanner .scroll_down .txt {
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.indexBanner .scroll_down .line {
	display: block;
	width: 3px;
	height: 7.6rem;
	position: absolute;
	top: 4rem;
	left: 50%;
	margin-left: -1.5px;
	overflow: hidden;
}

.indexBanner .scroll_down .line:before {
	height: 100%;
	background: rgba(255, 255, 255, .7);
	opacity: .5;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	position: absolute;
	width: 2px;
}

.indexBanner .scroll_down .line:after {
	background: #fff;
	left: 0px;
	top: 0;
	content: '';
	position: absolute;
	width: 2px;
	-webkit-animation: about_scroll-down-line 4s infinite;
	-o-animation: about_scroll-down-line 4s infinite;
	animation: about_scroll-down-line 4s infinite;
}

@keyframes about_scroll-down-line {

	0%,
	20% {
		height: 30%;
		top: -30%;
	}

	80%,
	100% {
		height: 30%;
		top: 140%;
	}
}


.indexBanner {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 300px;
}

.indexBanner .video_slideBox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.indexBanner .video_slide {
	position: relative;
	height: 100%;
}

.indexBanner .video_slide .img_box video {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

/*swiper-container*/
.indexBanner .swiper-container {
	overflow: hidden;
	position: relative;
	height: 100%;
	/*cursor: grab;*/
}

.indexBanner .swiper-slide {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.indexBanner .swiper-slide .img_box {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.indexBanner .swiper-slide img {
	display: block;
	max-width: none;
	vertical-align: top;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.indexBanner .swiper-slide .img_box img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: transform 6s ease;
	-moz-transition: transform 6s ease;
	-ms-transition: transform 6s ease;
	-o-transition: transform 6s ease;
	transition: transform 6s ease;
}

.indexBanner .swiper-slide.swiper-slide-active .img_box img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.indexBanner .swiper-slide .img_box video {
	display: block;
	max-width: none;
	vertical-align: top;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width:768.1px) {
	/*.indexBanner .swiper-slide .img_box img{ -webkit-transform:scale(1.17);-moz-transform:scale(1.17);-ms-transform:scale(1.17);-o-transform:scale(1.17);transform:scale(1.17);-webkit-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4); transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);}
.indexBanner .swiper-slide-active .img_box img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);
-webkit-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-moz-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-ms-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);-o-transition: transform 20.7s cubic-bezier(.32,.52,.4,.4); transition: transform 20.7s cubic-bezier(.32,.52,.4,.4);}*/
}

@media screen and (max-width:780px) {
	.indexBanner {
		position: relative;
		height: 0 !important;
		padding-bottom: 100%;
	}

	.indexBanner .video_slideBox .video_slide {
		height: 100%;
	}

	.indexBanner .video_slideBox,
	.indexBanner .swiper-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.indexBanner .intro_box .tit {
		font-size: 3.2rem;
	}

	.indexBanner .left-area {
		display: none;
	}

	.indexBanner .btn-area {
		right: 4%;
	}

	.indexBanner .btn-area .btn-play,
	.indexBanner .btn-area .btn-stop {
		display: none !important;
	}

	.indexBanner .swiper-pagination .swiper-pagination-bullet {
		width: 4rem;
		margin: 0 0.6rem !important;
	}

	.indexBanner .swiper-pagination .swiper-pagination-bullet .tit {
		display: none;
	}

	.indexBanner .swiper-pagination-bullet-active .timer,
	.indexBanner .swiper-pagination-bullet .timer {
		float: right;
		width: 4rem;
		height: 3px;
	}

	.indexBanner .scroll_down {
		bottom: 5rem;
		left: 3%;
	}

	.indexBanner .scroll_down .line {
		height: 3.6rem;
		top: 4rem;
	}


}



/*indexPro*/
.indexPro {
	padding-top: 10.5rem;
}

.indexPro .inner-wrap {
	/*width:calc(100% - 100px);*/
	margin: 0 auto
}

.indexPro .inner-wrapB {
	overflow: hidden;
}

.indexPro .item {
	position: relative;
	float: left;
	width: calc(9.7% - 1.5rem);
	max-height: 67rem;
	height: 35vw;
	background-size: cover !important;
	/*background-position:center center !important;*/
	background-position: 30% center !important;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	transition-duration: 0.6s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	border-radius: 1rem;
	margin-bottom: 2rem;
}

.indexPro .item+.item {
	margin-left: 1.5rem
}

.indexPro .item.on,
.indexPro .item:hover {
	width: 50.7%;
	text-align: left;
	display: block;
	background-position: center center !important;
}

.indexPro .item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	transition-duration: .3s;
	background: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.indexPro .item::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	transition-duration: .3s;
	background: url(../images/index-proa-s.png) center bottom no-repeat;
	background-size: cover;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.indexPro .item.on::before {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.indexPro .item.on::after {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.indexPro .item .tit {
	line-height: 1.2;
	font-size: 3.2rem;
	transition-duration: .1s;
	transition-delay: .1s;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-left: 0;
	margin-bottom: 1rem;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

*[lang|="vn"] .indexPro .item .tit {
	font-family: 'Frick', Arial, Helvetica, sans-serif;
}

.indexPro .item .des {
	line-height: 1.5;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-left: 0;
}

.indexPro .item .inner {
	position: relative;
	margin: 0;
	z-index: 2;
	margin: 5rem 5rem;
}

.indexPro .item .inner-visible,
.indexPro .item .inner-hidden {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.indexPro .item .inner-visible .inner {
	display: none;
	width: 100%;
	min-width: 60rem;
}

.indexPro .item .inner-hidden .inner {
	display: block;
	width: 90%;
	max-width: 21rem;
	margin: 5rem auto;
}

.indexPro .item.on .inner-visible .inner {
	display: block;
	transition-delay: .2s;
	transition: all .2s;
}

.indexPro .item.on .inner-hidden .inner {
	display: none;
	transition-delay: .2s;
	transition: all .2s;
}

@media screen and (max-width:1024px) {
	.indexPro {
		padding-top: 7rem;
	}

	.indexPro .inner-wrapB {
		margin-left: -1.5rem;
	}

	.indexPro .item {
		width: calc(50% - 1.5rem);
		display: block;
		background-position: center center !important;
	}

	.indexPro .item.on,
	.indexPro .item:hover {
		width: calc(50% - 1.5rem);
	}

	.indexPro .item {
		margin-left: 1.5rem
	}

	.indexPro .item .tit {
		font-size: 2.2rem;
	}

	.indexPro .item .des {
		font-size: 1.4rem;
	}

	.indexPro .item .inner-visible .inner {
		display: block;
		width: auto;
		min-width: 0;
		text-align: center;
	}

	.indexPro .item .inner-hidden .inner {
		display: none;
	}

	.indexPro .item.on .inner-visible .inner {
		display: block;
	}

	.indexPro .item.on .inner-hidden .inner {
		display: none;
	}

	.indexPro .item .inner {
		margin: 3rem 3rem;
	}

	.indexPro .item .inner-hidden .inner {
		margin: 3rem auto;
	}
}

@media screen and (max-width:768px) {
	.indexPro {
		padding-top: 5rem;
	}

	.indexPro .inner-wrapB {
		margin-left: 0;
	}

	.indexPro .item {
		width: 100%;
		display: block
	}

	.indexPro .item.on,
	.indexPro .item:hover {
		width: 100%;
	}

	.indexPro .item,
	.indexPro .item+.item {
		margin-left: 0
	}

	.indexPro .item .inner {
		margin: 3rem 3rem;
	}

	.indexPro .item .inner-hidden .inner {
		margin: 3rem auto;
	}

	.indexPro .item {
		height: 45vw;
	}
}

/*index-shuju*/
.index-shuju {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.index-shuju ul {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-flow: wrap;
	flex: 1;
	justify-content: space-between;
}

.index-shuju ul li {
	padding: 2rem 0.8rem;
	height: 15rem;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	width: 25%;
}

.index-shuju ul li:last-child {
	border-right: none;
}

.index-shuju ul li .num {
	font-size: 4rem;
	color: #000;
	font-weight: bold;
}

.index-shuju ul li .tit {
	font-size: 1.6rem;
	color: #000;
	font-weight: normal;
}

@media screen and (max-width:1024px) {
	.index-shuju ul li .num {
		font-size: 3rem;
	}

	.index-shuju ul li .tit {
		font-size: 1.4rem;
	}
}

@media screen and (max-width:992px) {
	.index-shuju ul li .num {
		font-size: 2rem;
	}

	.index-shuju ul li .tit {
		font-size: 1.2rem;
	}

	.index-shuju ul li {
		height: 10rem;
	}
}

@media screen and (max-width:768px) {
	.index-shuju ul li .num {
		font-size: 2rem;
	}

	.index-shuju ul li .tit {
		font-size: 1.2rem;
	}

	.index-shuju ul li {
		width: 50%;
		border-bottom: 1px solid #e5e5e5;
		height: 10rem;
	}

	.index-shuju ul li:nth-last-child(2) {
		border-bottom: none;
	}

	.index-shuju ul li:nth-last-child(1) {
		border-bottom: none;
	}

	.index-shuju ul li:nth-child(2n) {
		border-right: none;
	}
}


/*indexTit*/
.indexTit {
	position: relative;
	z-index: 2;
}

.indexTit h2 {
	color: #000000;
	font-size: 6rem;
	line-height: normal;
	margin-bottom: 10px;
	font-weight: 900;
}

*[lang|="vn"] .indexTit h2 {
	font-weight: 700;
}

.indexTit .des {
	color: #000000;
	font-size: 1.8rem;
	line-height: 1.3;
	max-width: 72%;
}

@media screen and (max-width: 1024px) {
	.indexTit h2 {
		font-size: 4rem;
	}

	.indexTit .des {
		font-size: 1.4rem;
	}

	.indexTit .des br {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.indexTit h2 {
		font-size: 3rem;
	}

	.indexTit .des {
		font-size: 1.4rem;
	}

	.indexTit .des br {
		display: none;
	}
}


/*index-newsList*/
.index-news {
	padding-top: 7rem;
	padding-bottom: 5rem;
}

.index-news .indexTit {
	padding-bottom: 50px;
}

.index-news .indexTit h2 {
	text-transform: uppercase;
}

.index-newsList {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 -1.5rem;
}

.index-newsList .swiper-container {
	overflow: visible;
}

.index-newsList li {
	width: 33.333333%;
	margin-bottom: 6rem;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.index-newsList li .item {
	display: block;
	margin: 0 1.5rem;
	position: relative;
}

.index-newsList li .imgBox {
	overflow: hidden;
	height: 0;
	position: relative;
	border-radius: 10px;
	padding-bottom: 67.79661016949153%;
}

.index-newsList li .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.index-newsList li .imgBox,
.index-newsList li .imgBox img,
.index-newsList li .item {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.index-newsList li .item:hover .imgBox img {
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}

.index-newsList li .infoBox {
	padding-top: 30px;
}

.index-newsList li .date {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #767574;
	font-weight: 500;
}

.index-newsList li .title {
	font-size: 1.8rem;
	min-height: 5.6rem;
	line-height: 2.8rem;
	color: #000000;
	font-weight: bold;
	overflow: hidden;
	padding-right: 8rem;
	/*margin-bottom:3rem;*/
}

.index-newsList li .more {
	background: url(../images/m2.png) left top no-repeat;
	background-size: 2rem;
	height: 1rem;
	display: none;
}

.index-newsList li .item:hover .title {
	color: #cd1928;
}

/**/
.index-newsBox {
	position: relative;
	overflow: hidden;
	padding-top: 8.5rem;
}

.index-newsBox:after {
	content: '';
	position: absolute;
	width: 87.1875vw;
	max-width: 1680px;
	height: 50%;
	left: 0;
	top: 0;
	right: 0;
	margin: 0 auto;
	background: #f0f0f4;
}

.index-newsBox .swbtn .swiper-button-prev {
	left: 3rem;
	top: 40%;
}

.index-newsBox .swbtn .swiper-button-next {
	right: 3rem;
	top: 40%;
}

.index-news .float-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	margin-left: -53px;
	margin-top: -22px;
	pointer-events: none;
	display: none !important;
}

@media screen and (max-width:1024px) {
	.index-news {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.index-newsList li .date {
		font-size: 1.3rem;
	}

	.index-newsList li .title {
		font-size: 1.4rem;
		min-height: 5.2rem;
		line-height: 2.6rem;
		margin-right: 0;
		padding-right: 0;
	}

	.index-news .float-cursor {
		display: none !important;
	}

	.index-newsBox:after {
		height: 50vw;
	}
}

@media screen and (max-width:768px) {
	.index-newsList li {
		width: 100%;
	}
}


/*indexHot*/
.indexHot {
	padding-top: 15rem;
	padding-bottom: 7rem;
}

/*indexHot_ImgBox*/
.indexHot_Box {
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.indexHot_Box .indexTit {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 9rem;
	margin-top: 23.5rem;
	width: 25%;
}

.indexHot_Box .bg {
	content: '';
	position: absolute;
	width: 100%;
	height: 85.6%;
	left: -0;
	top: 7.2%;
	background: #f0f0f4;
}

/*indexHot_ImgBox*/
.indexHot_ImgBox {
	width: 70.2247191011236%;
	height: auto;
	float: right;
	text-align: left;
	position: relative;
}

.indexHot_ImgBox .swiper-slide {
	width: 100%;
}

.indexHot_ImgBox .ImgBox {
	overflow: hidden;
	padding-bottom: 72rem;
	position: relative;
	border-radius: 10px;
}

.indexHot_ImgBox .ImgBox::after {
	z-index: 0;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/index-pro-rdbg.png) center center no-repeat;
	background-size: 100%;
}

.indexHot_ImgBox .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.indexHot_ImgBox a,
.indexHot_ImgBox .ImgBox,
.indexHot_ImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.indexHot_ImgBox .ImgBox:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*indexHot_lunbo*/
.indexHot_lunbo {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	width: 19rem;
	height: 100%;
	border-radius: 10px;
}

.indexHot_lunbo_box {
	position: relative;
	height: 100%;
	padding: 44px 0;
}

.indexHot_lunbo .swiper-container {
	width: 100%;
	height: 100%;
}

.indexHot_lunbo .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.indexHot_lunbo .swiper-slide {
	position: relative;
	cursor: pointer;
}

.indexHot_lunbo .swiper-slide::after {
	transition: 0.4s;
	z-index: -1;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.indexHot_lunbo .swiper-slide::before {
	transition: 0.4s;
	z-index: -1;
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.indexHot_lunbo .swiper-slide .item {
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	text-align: center;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.6rem;
}

.indexHot_lunbo .swiper-slide-active::after {
	background-color: #cd1928;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.indexHot_lunbo .swiper-slide-active::before {
	background-color: transparent;
}

.indexHot_lunbo .swiper-slide-active .item {
	font-weight: bold;
}

.indexHot_lunbo .swiper-slide .item .t {
	padding: 0 1rem;
}

.indexHot_lunbo .swiper-button-prev {
	position: absolute;
	left: 0;
	right: 0;
	top: 2.4rem;
	margin: 0 auto;
	width: 2.7rem;
	height: 1.8rem;
	background: url(../images/arrow-t.png) center center no-repeat;
	background-size: 100%;
	outline: none;
}

.indexHot_lunbo .swiper-button-next {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 2.4rem;
	margin: 0 auto;
	width: 2.7rem;
	height: 1.8rem;
	background: url(../images/arrow-d.png) center center no-repeat;
	background-size: 100%;
	outline: none;
}

/*mobile_indexHot_Img*/
.mobile_indexHot_Img {
	display: none;
}

@media screen and (max-width:1024px) {
	.indexHot_ImgBox {
		width: 100%;
		height: auto;
		float: none;
		text-align: left;
		position: relative;
	}

	.indexHot_ImgBox .ImgBox {
		padding-bottom: 57.6%;
	}

	.indexHot_lunbo,
	.indexHot_ImgBox {
		display: none;
	}


	.indexHot {
		padding-top: 8rem;
		padding-bottom: 7rem;
		background: #f0f0f4;
	}

	.indexHot_Box .indexTit {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		margin: 0 auto;
		margin-bottom: 5rem;
		margin-top: 0rem;
		margin-left: 0;
		text-align: center;
	}

	.indexHot_Box .indexTit h2 br {
		display: none;
	}

	.indexHot_Box .indexTit .des {
		margin: 0 auto;
	}

	.mobile_indexHot_Img {
		display: block;
	}

	.mobile_indexHot_Img {
		width: 100%;
		height: auto;
		text-align: left;
		position: relative;
	}

	.mobile_indexHot_Img .swiper-slide {
		width: 100%;
	}

	.mobile_indexHot_Img .swiper-slide .t {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 2;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
		padding: 2rem 3rem 30px 3rem;
	}

	.mobile_indexHot_Img .swiper-slide .t::before {
		transition: 0.4s;
		z-index: 0;
		position: absolute;
		right: 0;
		bottom: 0;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #fff;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
	}

	.mobile_indexHot_Img .ImgBox {
		overflow: hidden;
		padding-bottom: 57.6%;
		position: relative;
		border-radius: 10px;
	}

	.mobile_indexHot_Img .ImgBox::after {
		z-index: 0;
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/index-pro-rdbg.png) center center no-repeat;
		background-size: 100%;
	}

	.mobile_indexHot_Img .ImgBox img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		max-width: none;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.mobile_indexHot_Img .swiper-pagination {
		text-align: center;
		left: 0;
		width: 100%;
		bottom: 5px;
	}

	.mobile_indexHot_Img .swiper-pagination-bullet {
		opacity: 1;
		width: 6px;
		height: 6px;
		text-align: center;
		border-radius: 50%;
		background-color: #fff;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
		margin: 0 3.5px;
	}

	.mobile_indexHot_Img .swiper-pagination-bullet-active {
		background: #fff;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}




/*indexAbout*/
.indexAbout {
	padding-top: 11rem;
	padding-bottom: 12rem;
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
}

.indexAbout .bg {
	content: '';
	position: absolute;
	width: 63rem;
	height: 50%;
	right: 50%;
	margin-right: 9rem;
	bottom: 0;
	background: #f0f0f4;
	z-index: -1;
}

.indexAbout_Box {
	margin: 0 auto;
	position: relative;
}

.indexAbout_ImgBox {
	position: absolute;
	right: 52%;
	top: 8.5rem;
	width: 48%;
	height: 100%;
	z-index: 2;
}

.indexAbout_ImgBox a {
	display: block;
}

.indexAbout_ImgBox .ImgBox {
	overflow: hidden;
	padding-bottom: 81.52173913043478%;
	position: relative;
}

.indexAbout_ImgBox .ImgBox img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.indexAbout_ImgBox a,
.indexAbout_ImgBox .ImgBox,
.indexAbout_ImgBox .ImgBox img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.indexAbout_ImgBox a:hover .ImgBox img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*indexAbout_Info*/
.indexAbout_Info {
	margin-left: 32.29%;
	min-height: 92rem;
	overflow: hidden;
	background: #cd1928;
	position: relative;
}

.indexAbout_Info .bg2 {
	z-index: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/index-abbg.png) center center no-repeat;
	background-size: 100%;
}

.indexAbout_Info .indexAbout_InfoB {
	padding-left: 31%;
	padding-top: 8.5rem;
	padding-bottom: 8.5rem;
}

.indexAbout_Info .indexTit {
	padding-top: 15.5rem;
}

.indexAbout_Info .indexTit h2 {
	color: #fff;
}

.indexAbout_Info .indexTit .des {
	color: #fff;
	padding-top: 2rem;
}

.indexAbout_Info .indexTit .more {
	margin-top: 6rem;
}

.indexAbout_Info .indexTit .more a {
	display: inline-block;
	width: 16rem;
	font-size: 1.6rem;
	line-height: 5rem;
	padding: 0 2rem;
	/*border:1px solid #fff;*/
	text-align: left;
	color: #fff;
	font-weight: 500;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
}

.indexAbout_Info .indexTit .more a span {
	display: block;
	padding-right: 2.2rem;
	background: url(../images/more.png) right center no-repeat;
	background-size: 2.2rem;
}

.indexAbout_Info .indexTit .more a:hover {
	background: #fff;
	color: #cd1928;
}

.indexAbout_Info .indexTit .more a:hover span {
	background-image: url(../images/more2.png);
}

.indexAbout_Info .indexTit .more a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(1);
	border: 1px solid #fff;
	transition: all .5s ease;
	z-index: 0;
}

.indexAbout_Info .indexTit .more a:hover::before {
	transform: translate(-50%, -50%) scale(1.2);
	opacity: 0;
}

.indexAbout_Info .indexTit .more a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%) scale(0.8);
	opacity: 0;
	background: #ea5515;
	transition: all .5s ease;
	z-index: -1;
}

.indexAbout_Info .indexTit .more a:hover::after {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

@media screen and (max-width:1220px) {
	.indexAbout_Info {
		min-height: 50vw;
	}

	/*.indexAbout_Info .indexTit{ padding-top:6rem;}*/
	.indexAbout_Info .indexTit .des {
		padding-top: 4rem;
	}
}

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

	.indexAbout {
		padding-top: 8rem;
		padding-bottom: 0rem;
		position: relative;
	}

	.indexAbout_Info {
		min-height: 55rem;
	}

	.indexAbout_Info .indexTit {
		padding-top: 4rem;
	}

	.indexAbout_Info .indexTit .des {
		padding-top: 2rem;
	}

	.indexAbout_Info .indexTit .more {
		margin-top: 4rem;
	}

	.indexAbout_Info .indexTit .more a {
		width: 14rem;
		font-size: 1.4rem;
		line-height: 4rem;
	}

}

@media screen and (max-width:992px) {
	.indexAbout {
		padding-top: 5rem;
		padding-bottom: 0rem;
		position: relative;
	}

	.indexAbout_Info {
		min-height: 55vw;
	}

	.indexAbout_Info .indexTit {
		padding-top: 0rem;
	}

	.indexAbout_Info .indexTit .des {
		padding-top: 0rem;
	}
}

@media screen and (max-width:768px) {
	.indexAbout_ImgBox {
		position: static;
		right: 0;
		top: 0rem;
		width: 100%;
	}

	.indexAbout_Info {
		margin-left: 0%;
		min-height: 0;
	}

	.indexAbout_Info .indexTit .des {
		padding-top: 2rem;
		max-width: 100%;
	}

	.indexAbout_Info .indexAbout_InfoB {
		padding-left: 10%;
		padding-right: 10%;
	}

	.indexAbout_Info .bg2 {
		right: 0;
		top: 0;
	}
}

.pageTech.headerWhite {
	padding-top: 0 !important;
}

.pageTech.headerWhite .header-wrapper {
	background-color: #fff
}



/*public-back*/
.public-back {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 101;
	border: 1px solid #eeeef2;
	background: #fff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 7rem;
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
	margin-top: -12rem;
}

.public-back .backdiv {
	position: relative;
}

.public-back .backdiv a {
	display: block;
	padding-top: 2rem;
	padding-bottom: 1.8rem;
	position: relative;
}

.public-back .backdiv .icon {
	display: block;
	width: 100%;
	height: 2.5rem;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
}

.public-back .backdiv .icon img {
	margin: 0 auto;
	width: 2.5rem;
	display: block;
	overflow: hidden;
}

.public-back .backdiv .t {
	text-align: center;
	font-size: 1.4rem;
	color: #cd1928;
	font-weight: bold;
}

.public-back .backdiv a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

@media screen and (max-width:1024px) {
	.public-back {
		width: 6rem;
		margin-top: -10rem;
	}

	.public-back .backdiv a {
		padding-top: 1.6rem;
		padding-bottom: 1.4rem;
	}

	.public-back .backdiv .icon {
		height: 2.2rem;
	}

	.public-back .backdiv .icon img {
		width: 2.2rem;
	}

	.public-back .backdiv .t {
		font-size: 1.3rem;
	}
}

@media screen and (max-width:768px) {
	.public-back {
		right: 0;
		top: auto;
		bottom: 20%;
		margin-top: 0;
		margin-bottom: 14rem;
	}

	.public-back {
		width: 5rem;
	}

	.public-back .backdiv a {
		padding-top: 1.2rem;
		padding-bottom: 1rem;
	}

	.public-back .backdiv .icon {
		height: 2rem;
	}

	.public-back .backdiv .icon img {
		width: 2rem;
	}

	.public-back .backdiv .t {
		font-size: 1.2rem;
	}
}



/*MoreBtn2*/
.MoreBtn2 {
	text-align: center;
	cursor: pointer;
	display: block;
	padding-top: 5.4rem;
	padding-bottom: 5.4rem;
}

.MoreBtn2 a {
	text-align: center;
	position: relative;
	display: inline-block;
	background: #cd1928;
	min-width: 17rem;
	padding: 0 3rem;
	font-size: 1.8rem;
	line-height: 6rem;
	height: 6rem;
	border-radius: 6rem;
	overflow: hidden;
	color: #fff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 10px 30px rgba(220, 3, 7, 0.3)
}

.MoreBtn2 a:hover {
	background: #a50714;
}

@media screen and (max-width:1024px) {
	.MoreBtn2 {
		padding-top: 5.4rem;
		padding-bottom: 5rem;
	}

	.MoreBtn2 a {
		min-width: 15rem;
		font-size: 1.6rem;
		padding: 0 2rem;
		line-height: 5rem;
		height: 5rem;
		border-radius: 5rem;
	}
}

@media screen and (max-width:768px) {
	.MoreBtn2 {
		padding-top: 4.4rem;
		padding-bottom: 4rem;
	}

	.MoreBtn2 a {
		min-width: 15rem;
		font-size: 1.4rem;
		padding: 0 2rem;
		line-height: 4.5rem;
		height: 4.5rem;
		border-radius: 4.5rem;
	}
}

/*socialBimg*/
.socialBimg img {
	display: block;
	width: 100%;
}


/*honorListBox*/
.honorListBox .smallhonor {
	position: relative;
}

.honorListBox .smallhonor .swbtn2 .swiper-button-next {
	right: 0;
	position: absolute;
	top: 0;
	content: "";
	width: 33.33333%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	background: none;
	box-shadow: none;
}

.honorListBox .smallhonor .swbtn2 .swiper-button-prev {
	left: 0;
	position: absolute;
	top: 0;
	content: "";
	width: 33.33333%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	background: none;
	box-shadow: none;
}

@media screen and (max-width:992px) {
	.honorListBox .smallhonor .swbtn2 {
		display: none;
	}
}


/*productImg*/
.productImg {
	max-width: 1920px;
	margin: 0 auto;
	text-align: center;
}

.productImg img {
	display: block;
	max-width: 100%;
}









/***********************************************tech.css***********************************************/

:root {
	--color-main: #0055b8;
	--color-white: #fff;
	--color-txt: #111;
	--color-bg: #f5f5f5;
	--color-0: #000;
	--color-3: #333;
	--color-6: #666;
	--color-9: #999;
	--color-border: #dedede;
	--fsize-base: .9vw;
	/*22*/
	--fsize-large: calc(var(--fsize-base) * 1.25);
	/*20*/
	--fsize-txt: calc(var(--fsize-base) * 1.16);
	/*16*/
	--fsize-small: calc(var(--fsize-base) * .925);
	/*90*/
	--fsize-h1: calc(var(--fsize-base) * 5.2);
	/*26*/
	--fsize-h2: calc(var(--fsize-base) * 1.5);
	/*30*/
	--fsize-h3: calc(var(--fsize-base) * 1.74);
}

@media (max-width:970px) {
	/*:root{--fsize-base:3.8vw}*/

	:root {
		--fsize-base: 2vw;
		/*22*/
		--fsize-large: calc(var(--fsize-base) * 1.25);
		/*20*/
		--fsize-txt: calc(var(--fsize-base) * 1.16);
		/*16*/
		--fsize-small: calc(var(--fsize-base) * .925);
		/*90*/
		--fsize-h1: calc(var(--fsize-base) * 4);
		/*26*/
		--fsize-h2: calc(var(--fsize-base) * 1.5);
		/*30*/
		--fsize-h3: calc(var(--fsize-base) * 1.74);
	}


}


.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms
}

.blur-up {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms
}

.blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0)
}


/*tech_jindouyun*/
.tech_jindouyun {
	background: var(--color-0);
}

.tech_jindouyun .bigimg img {
	display: block;
	width: 100%
}

.tech_jindouyun .box {
	position: relative;
	overflow: hidden;
	min-height: 400px
}

.tech_jindouyun .box .bg img {
	display: block;
	width: 100%
}

.tech_jindouyun .box .img img {
	display: block;
	width: 100%
}

.tech_jindouyun .box .con .tit {
	color: #0e83f2;
	background: linear-gradient(131.84deg, #32f0ea 0%, #0e83f2 31.25%, #32f0ea 100%);
	font-size: var(--fsize-h1);
	line-height: 0.9;
	-webkit-background-clip: text;
	background-position: 100vw;
	-webkit-text-size-adjust: none;
	text-decoration: none;
	/*white-space:nowrap;*/
	-webkit-text-fill-color: transparent;
	animation: mainlight 3s linear infinite;
	animation-fill-mode: forwards;
	text-transform: uppercase;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

@media (max-width:970px) {
	.tech_jindouyun .box .con .tit {}

	.tech_jindouyun .box .con .tit span br {
		display: none;
	}

	.tech_jindouyun .box .con .tit span {
		display: block;
		color: #0e83f2;
		background: linear-gradient(131.84deg, #32f0ea 0%, #0e83f2 31.25%, #32f0ea 100%);
		font-size: var(--fsize-h1);
		line-height: 0.9;
		-webkit-background-clip: text;
		background-position: 100vw;
		-webkit-text-size-adjust: none;
		text-decoration: none;
		/*white-space:nowrap;*/
		-webkit-text-fill-color: transparent;
		animation: mainlight 3s linear infinite;
		animation-fill-mode: forwards;
		text-transform: uppercase;
		font-family: 'DIN', Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
}

@keyframes mainlight {
	0% {
		background-position: 0
	}

	to {
		background-position: 100vw
	}
}

.tech_jindouyun .box .con .txt {
	color: var(--color-white);
	font-size: var(--fsize-h2);
	margin-top: 0.8vw
}

@media (max-width:970px) {
	.tech_jindouyun .box .con .txt {
		margin-top: 2vw
	}
}

.tech_jindouyun .box .con .lin {
	width: 5vw;
	height: .3vw;
	background: linear-gradient(90deg, #0e83f2 60.42%, #4df8fa 100%);
	margin: 2vw auto 0
}

@media (max-width:970px) {
	.tech_jindouyun .box .con .lin {
		margin-left: 0;
		width: 10vw;
		height: .8vw;
		margin-top: 6vw
	}
}


/*box01*/
.tech_jindouyun .box01 .cov {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.tech_jindouyun .box01 .cov img {
	display: block;
	width: 100%
}

.tech_jindouyun .box01 .con {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	text-align: center
}

.tech_jindouyun .box01 .con .sub {
	color: var(--color-white);
	font-size: var(--fsize-h2);
	width: 94%;
	margin: 0 auto;
	margin-bottom: 2vw;
	font-weight: normal;
}

@media (max-width:970px) {
	.tech_jindouyun .box01 .con .sub {}

	.tech_jindouyun .box01 .con {
		top: 15%;
	}
}

.tech_jindouyun .box01 .con .tit {
	margin-bottom: 4.6875vw;
}

@media (max-width:970px) {
	.tech_jindouyun .box01 .con .tit {}
}

.tech_jindouyun .box01 .list {
	position: absolute;
	top: 28%;
	left: 20%;
	width: 60%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	row-gap: 4vw
}

@media (max-width:970px) {
	.tech_jindouyun .box01 .list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 80%;
		left: 10%;
		top: 35%
	}
}

.tech_jindouyun .box01 .list .item {
	text-align: center;
	color: var(--color-white)
}

.tech_jindouyun .box01 .list .item .ih {
	font-size: var(--fsize-h2);
	opacity: .5;
	line-height: 1.5;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

@media (max-width:970px) {
	.tech_jindouyun .box01 .list .item .ih {}
}

.tech_jindouyun .box01 .list .item .ib {
	font-weight: bold;
	font-size: var(--fsize-h3);
	line-height: 1.5;
	color: #b3b3b3;
	background: linear-gradient(90deg, #b3b3b3, #fff 30%, #b3b3b3 60%);
	-webkit-background-clip: text;
	background-position: 30vw;
	-webkit-text-size-adjust: none;
	text-decoration: none;
	white-space: nowrap;
	-webkit-text-fill-color: transparent;
	animation: textlight 2s linear infinite;
	animation-fill-mode: forwards;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

@media (max-width:970px) {
	.tech_jindouyun .box01 .list .item .ib {}
}

@keyframes textlight {
	0% {
		background-position: 0
	}

	to {
		background-position: 30vw
	}
}

/*box02*/
.tech_jindouyun .box02 .img01 {
	position: absolute;
	top: 47%;
	left: 0;
	right: 0
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .img01 {
		top: 62%
	}
}

.tech_jindouyun .box02 .con {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	text-align: center
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .con {
		text-align: left;
		left: 10%;
		right: 10%;
	}
}

.tech_jindouyun .box02 .con .txt {
	margin-top: 1.6vw
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .con .txt {
		margin-top: 2vw
	}
}

.tech_jindouyun .box02 .list {
	position: absolute;
	top: 33.3%;
	left: 5.2%;
	right: 5.2%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 4vw;
		left: 10%;
		right: 10%;
	}
}

.tech_jindouyun .box02 .list .item {
	text-align: center;
	font-size: var(--fsize-h2);
	line-height: 1.5;
	color: var(--color-white);
	opacity: .5;
	line-height: 1.5;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .list .item {
		text-align: left
	}
}

.tech_jindouyun .box02 .img02 {
	position: absolute;
	top: 75%;
	left: 12%;
	width: 76%
}

@media (max-width:970px) {
	.tech_jindouyun .box02 .img02 {
		left: 6vw;
		width: 88vw;
		top: 83%
	}
}

.tech_jindouyun .box02 .img02 img {
	transition: all .3s
}

.tech_jindouyun .box02 .img02:hover img {
	transform: scale(1.05)
}


/*box03*/
.tech_jindouyun .box03 .con {
	position: absolute;
	top: 8%;
	left: 0;
	right: 0;
	text-align: center
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .con {
		text-align: left;
		left: 10%
	}
}

.tech_jindouyun .box03 .con .lin {
	margin-top: 1vw;
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .con .lin {
		margin-top: 2vw;
	}
}

.tech_jindouyun .box03 .list {
	position: absolute;
	right: 13%;
	top: 39%;
	display: flex;
	justify-content: flex-end;
	text-align: right
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .list {
		justify-content: flex-start;
		text-align: left;
		top: 20%;
		right: auto;
		left: 10%
	}
}

.tech_jindouyun .box03 .list .item {
	margin-left: 6vw;
	color: var(--color-white);
	transition: all .3s
}

.tech_jindouyun .box03 .list .item:hover {
	transform: scale(1.05)
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .list .item {
		margin-left: 0;
		margin-right: 6vw
	}
}

.tech_jindouyun .box03 .list .item .ih {
	/*80*/
	font-size: calc(var(--fsize-base) * 4.6);
	line-height: 1.2;
	display: flex;
	align-items: center;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .list .item .ih {
		font-size: calc(var(--fsize-base) * 3.6);
	}
}

.tech_jindouyun .box03 .list .item .ih strong {
	font-weight: bold;
}

.tech_jindouyun .box03 .list .item .ib {
	font-size: var(--fsize-h3);
	line-height: 1.1;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .list .item .ib {}
}

.tech_jindouyun .box03 .sptxt {
	position: absolute;
	right: 13%;
	top: 52%;
	text-align: right
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .sptxt {
		text-align: left;
		right: auto;
		left: 10%;
		top: 33%
	}
}

.tech_jindouyun .box03 .sptxt .lin {
	width: 5vw;
	height: .3vw;
	background: linear-gradient(90deg, #0e83f2 60.42%, #4df8fa 100%);
	margin-left: auto;
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .sptxt .lin {
		margin-left: 0;
		width: 10vw;
		height: .8vw;
	}
}

.tech_jindouyun .box03 .sptxt .txt {
	color: var(--color-white);
	opacity: .7;
	font-size: var(--fsize-txt);
	margin-top: 4.1vw;
	line-height: 1.3;
}

@media (max-width:970px) {
	.tech_jindouyun .box03 .sptxt .txt {}
}


/*box04*/
.tech_jindouyun .box04 .con {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	text-align: center
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .con {
		text-align: left;
		left: 10%
	}
}


.tech_jindouyun .box04 .con .lin {
	margin-top: 1vw;
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .con .lin {
		margin-top: 2vw;
	}
}

.tech_jindouyun .box04 .img01 {
	position: absolute;
	top: 39.2%;
	left: 17%;
	width: 66%
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .img01 {
		display: none
	}
}

.tech_jindouyun .box04 .list {
	position: absolute;
	top: 28%;
	left: 24%;
	width: 60%;
	display: flex
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .list {
		left: 10%;
		width: 80%;
		top: 31%
	}
}

.tech_jindouyun .box04 .list .item {
	flex: 1;
	margin-right: 8vw;
	position: relative;
	transition: all .3s
}

.tech_jindouyun .box04 .list .item:hover {
	transform: scale(1.05)
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .list .item {
		margin-right: 4vw;
	}

	.tech_jindouyun .box04 .list .item:last-child {
		margin-right: 0
	}
}

.tech_jindouyun .box04 .list .item .wra {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--color-white)
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .list .item .wra {
		text-align: left
	}
}

.tech_jindouyun .box04 .list .item .wra .ih {
	/*70*/
	font-size: calc(var(--fsize-base) * 4.05);
	font-family: din;
	font-weight: bold;
	line-height: 1.2;
	color: #0e83f2;
	background: linear-gradient(131.84deg, #32f0ea 0%, #0e83f2 31.25%, #32f0ea 100%);
	-webkit-background-clip: text;
	background-position: 100vw;
	-webkit-text-size-adjust: none;
	text-decoration: none;
	white-space: nowrap;
	-webkit-text-fill-color: transparent;
	animation: mainlight 9s linear infinite;
	animation-fill-mode: forwards;
	font-family: 'DIN', Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .list .item .wra .ih {
		font-size: calc(var(--fsize-base) * 3.05);
	}
}

.tech_jindouyun .box04 .list .item .wra .ib {
	font-size: var(--fsize-h3);
	line-height: 1.1;
	font-family: 'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

@media (max-width:970px) {
	.tech_jindouyun .box04 .list .item .wra .ib {}
}

.tech_jindouyun .box04 .sptxt {
	position: absolute;
	top: 90%;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 1.5;
	font-size: var(--fsize-small);
	color: var(--color-white);
	opacity: .5;
	font-weight: bold;
}

@media (max-width:970px) {

	/*.tech_jindouyun .box04 .sptxt{line-height:1.6;left:10%;right:10%;text-align:left;top:85%}*/
	.tech_jindouyun .box04 .sptxt br {
		display: none
	}

	.tech_jindouyun .box04 {
		background: #03052c;
	}

	.tech_jindouyun .box04 .sptxt {
		line-height: 1.2;
		left: 0;
		right: 0;
		text-align: left;
		top: 0;
		position: static;
		width: 80%;
		margin: 0 auto;
		padding-top: 0;
		padding-bottom: 10%;
	}
}


/*box05*/
.tech_jindouyun .box05 {
	padding: 6vw 0
}

.tech_jindouyun .box05 .bigbox {
	position: relative;
	width: 76%;
	margin: 0 auto
}

.tech_jindouyun .box05 .bigbox .img01 {
	position: absolute;
	top: 1.5%;
	left: 1.5%;
	right: 1.5%;
	border-radius: 1vw;
	overflow: hidden
}

.tech_jindouyun .box05 .bigbox .img01 .video {
	width: 100%;
	height: 47vw;
	object-fit: cover
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox {
		width: 80%;
	}

	.tech_jindouyun .box05 .bigbox .img01 .video {
		height: 92vw;
		display: none
	}

	.tech_jindouyun .box05 .bigbox .img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	.tech_jindouyun .box05 .bigbox .img img {
		display: block;
		width: 100%;
		height: 100%;
	}
}

.tech_jindouyun .box05 .bigbox .img01 img {
	display: none
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox .img01 img {
		display: block;
		height: 92vw
	}

	.tech_jindouyun .box05 .bigbox .img01 {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding: 1.5% 1.5%;
		border-radius: 1vw;
		overflow: hidden;
	}
}

.tech_jindouyun .box05 .bigbox .con {
	position: absolute;
	top: 56%;
	left: 10%;
	right: 7%
}

.tech_jindouyun .box05 .bigbox .con .tit {
	white-space: nowrap;
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox .con {
		position: relative;
		top: 0;
		left: 0;
		width: 83%;
		margin: 0 auto;
		padding-top: 10%;
		padding-bottom: 10%;
		right: 0;
	}

	.tech_jindouyun .box05 .bigbox .con .tit {
		white-space: initial;
	}
}

.tech_jindouyun .box05 .bigbox .con .lin {
	margin: 0;
	margin-top: 1.8vw;
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox .con .lin {}
}

.tech_jindouyun .box05 .bigbox .con .tip {
	line-height: 1.3;
	font-size: var(--fsize-txt);
	color: #a6a6a7;
	/*opacity:.5;*/
	font-weight: bold;
	margin-top: 3.6vw;
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox .con .tip {
		/*display:none*/
	}
}

.tech_jindouyun .box05 .bigbox .con .img02 {
	margin-top: 6vw;
	width: 60%
}

@media (max-width:970px) {
	.tech_jindouyun .box05 .bigbox .con .img02 {
		width: 90%;
		position: relative;
	}

	.tech_jindouyun .box05 .bigbox .con .img02 img {
		height: auto;
	}
}


/*box06*/
.tech_jindouyun .box06 .con {
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	text-align: center
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .con {
		text-align: left;
		left: 10%
	}
}

.tech_jindouyun .box06 .con .lin {
	display: none
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .con .lin {
		display: block
	}
}

.tech_jindouyun .box06 .list {
	position: absolute;
	left: 13%;
	top: 39%;
	font-size: var(--fsize-h2);
	color: #a6a6a7;
	font-weight: normal;
	line-height: 1.5;
}

.tech_jindouyun .box06 .list strong {
	font-weight: normal;
	color: #fff;
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		left: 10%;
		right: 10%;
		top: 30%
	}
}

.tech_jindouyun .box06 .list .item {
	margin-bottom: 2.6vw;
	position: relative
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .list .item {
		margin-bottom: 6vw
	}
}

.tech_jindouyun .box06 .list .item::before {
	position: absolute;
	left: -1.3vw;
	top: .7vw;
	content: "";
	display: block;
	width: .6vw;
	height: .6vw;
	background: linear-gradient(90deg, #1393f1 0%, #0991f5 100%);
	border-radius: 50%
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .list .item::before {
		display: none
	}
}

.tech_jindouyun .box06 .img01 {
	position: absolute;
	top: 28%;
	right: 12%;
	width: 48%
}

@media (max-width:970px) {
	.tech_jindouyun .box06 .img01 {
		top: 53%;
		right: 3%;
		width: 94%
	}
}


/*box07*/
.tech_jindouyun .box07 .con {
	position: absolute;
	top: 6%;
	left: 0;
	right: 0;
	text-align: center
}

.tech_jindouyun .box07 .con .lin {
	display: none
}

@media (max-width:970px) {
	.tech_jindouyun .box07 .con .lin {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

.tech_jindouyun .box07 .img01 {
	position: absolute;
	top: 17%;
	left: 21%;
	width: 58%
}

@media (max-width:970px) {
	.tech_jindouyun .box07 .img01 {
		top: 24%;
		left: 4%;
		width: 97%
	}
}

.tech_jindouyun .box07 .img02 {
	position: absolute;
	top: 59%;
	left: 11%;
	right: 11%
}

@media (max-width:970px) {
	.tech_jindouyun .box07 .img02 {
		top: 57%;
		left: 5%;
		right: 5%
	}
}

.tech_jindouyun .box07 .img02 img {
	transition: all .3s
}

.tech_jindouyun .box07 .img02:hover img {
	transform: scale(1.05)
}




/*indexPro.indexProvn */
.indexPro.indexProvn .inner-wrapB {
	margin-left: -1.5rem;
}

.indexPro.indexProvn .item {
	width: calc(50% - 1.5rem);
}

.indexPro.indexProvn .item.on,
.indexPro.indexProvn .item:hover {
	width: calc(50% - 1.5rem);
}

.indexPro.indexProvn .item::before {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.indexPro.indexProvn .item::after {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


.indexPro.indexProvn .item .inner-visible .inner {
	display: block;
}

.indexPro.indexProvn .item .inner-hidden .inner {
	display: none;
}

.indexPro.indexProvn .item,
.indexPro.indexProvn .item:hover {
	text-align: left;
	display: block;
	background-position: center center !important;
}

@media screen and (max-width:768px) {
	.indexPro.indexProvn .inner-wrapB {
		margin-left: 0;
	}

	.indexPro.indexProvn .item {
		width: 100%;
		display: block
	}

	.indexPro.indexProvn .item.on,
	.indexPro.indexProvn .item:hover {
		width: 100%;
	}

	.indexPro.indexProvn .item,
	.indexPro.indexProvn .item+.item {
		margin-left: 0
	}
}

/*indexPro.indexProid */
.indexPro.indexProid .inner-wrapB {
	margin-left: -1.5rem;
}

.indexPro.indexProid .item {
	width: calc(50% - 1.5rem);
}

.indexPro.indexProid .item.on,
.indexPro.indexProid .item:hover {
	width: calc(50% - 1.5rem);
}

.indexPro.indexProid .item::before {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.indexPro.indexProid .item::after {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.indexPro.indexProid .item .inner-visible .inner {
	display: block;
}

.indexPro.indexProid .item .inner-hidden .inner {
	display: none;
}

.indexPro.indexProid .item,
.indexPro.indexProid .item:hover {
	text-align: left;
	display: block;
	background-position: center center !important;
}

@media screen and (max-width:768px) {
	.indexPro.indexProid .inner-wrapB {
		margin-left: 0;
	}

	.indexPro.indexProid .item {
		width: 100%;
		display: block
	}

	.indexPro.indexProid .item.on,
	.indexPro.indexProid .item:hover {
		width: 100%;
	}

	.indexPro.indexProid .item,
	.indexPro.indexProid .item+.item {
		margin-left: 0
	}

}

/*faqbanner img*/
.faqbanner img {
	display: block;
	width: 100%;
}




/*2024-11-15 newly added*/
/*downloadBox*/
.downloadBox {
	padding-bottom: 12rem;
	padding-top: 12rem;
	font-size: 2rem;
	color: #000000;
	line-height: 1.8;
	font-weight: normal;
}

@media screen and (max-width:1024px) {
	.downloadBox {
		padding-bottom: 12rem;
		padding-top: 7rem;
		font-size: 1.4rem;
	}
}


/*downloadList*/
.downloadList {
	margin: 0 auto;
}

.downloadListul {
	padding-top: 9rem;
	font-size: 0;
	position: relative;
	margin: 0 -1rem;
}

.downloadListul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33.333333%;
	vertical-align: top;
	margin-bottom: 2rem;
}

.downloadListul li .item {
	margin: 0 1rem;
	padding: 5rem 6rem;
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #eeeef2;
}

.downloadListul li .item .tit {
	font-size: 3rem;
	color: #000;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 8px;
}

.downloadListul li .item .tit a {
	color: #000;
}

.downloadListul li .item .tit a:hover {
	color: #333;
}

.downloadListul li .item .des {
	font-size: 2rem;
	font-weight: normal;
	color: #6f6f6f;
	line-height: 1.5;
}

.downloadListul li .item .des span {
	display: inline-block;
	margin-right: 2.6rem;
}

.downloadListul li .item .titNr {
	min-height: 12rem;
}

.downloadListul li .item .downbtn a {
	display: inline-block;
	font-size: 2.1rem;
	line-height: 3.8rem;
	padding: 0 2rem;
	font-weight: normal;
	color: #cd1928;
	border: 1px solid #cd1928;
	border-radius: 5px;
	margin-top: 1.5rem;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.downloadListul li .item .downbtn a:hover {
	background-color: #cd1928;
	color: #fff;
}

@media screen and (max-width:1024px) {
	.downloadListul {
		padding-top: 5rem;
	}

	.downloadListul li {
		width: 50%;
	}

	.downloadListul li .item {
		padding: 3rem 3rem;
	}

	.downloadListul li .item .tit {
		font-size: 2.4rem;
	}

	.downloadListul li .item .des {
		font-size: 1.8rem;
	}

	.downloadListul li .item .downbtn a {
		font-size: 1.8rem;
	}

}

@media screen and (max-width:768px) {
	.downloadListul {
		padding-top: 5rem;
	}

	.downloadListul li {
		width: 100%;
	}

	.downloadListul li .item {
		padding: 3rem 3rem;
	}

	.downloadListul li .item .titNr {
		min-height: 8rem;
	}

	.downloadListul li .item .tit {
		font-size: 2.2rem;
	}

	.downloadListul li .item .des {
		font-size: 1.6rem;
	}

	.downloadListul li .item .downbtn a {
		font-size: 1.6rem;
		line-height: 3.5rem;
		padding: 0 1.8rem;
	}
}


/*downloadSearch*/
.downloadSearch {
	width: 80%;
	max-width: 950px;
	margin: 0 auto;
}

.downloadSearch .downloadSearchB {
	border: 2px solid #c9c9c9;
	border-radius: 10px;
	overflow: hidden;
}

.downloadSearch .selectSearch {
	margin: 0;
}

.downloadSearch .selectSearch input.text {
	font-size: 1.8rem;
	height: 5rem;
	line-height: 5rem;
	padding: 0 15rem 0 5rem;
	border-radius: 0;
	margin-bottom: 0;
	font-weight: normal;
	color: #000;
	width: 100%;
	background: #fff;
	border: none;
	display: block;
}

.downloadSearch .selectSearch .Searchbtn {
	width: 10.5rem;
	height: 5rem;
	background-image: url(../images/icon-search3.png);
	background-size: 2.2rem;
	border-radius: 0;
}

.downloadSearch .selectSearch .sline {
	width: 1px;
	height: 2.6rem;
	background: #c9c9c9;
	position: absolute;
	right: 10.5rem;
	top: 1.2rem;
	display: block;
}

.downloadSearch .selectSearch .delete {
	width: 2rem;
	height: 5rem;
	margin-right: 12rem;
}

@media screen and (max-width:1024px) {
	.downloadSearch .selectSearch input.text {
		font-size: 1.4rem;
		height: 4rem;
		line-height: 4rem;
		padding: 0 14rem 0 4rem;
	}

	.downloadSearch .selectSearch .Searchbtn {
		width: 8.5rem;
		height: 4rem;
		background-size: 1.8rem;
	}

	.downloadSearch .selectSearch .sline {
		right: 8.5rem;
		height: 2rem;
		top: 1rem;
	}

	.downloadSearch .selectSearch .delete {
		width: 2rem;
		height: 4rem;
		margin-right: 9rem;
	}
}

@media screen and (max-width:768px) {
	.downloadSearch {
		width: 100%;
	}

	.downloadSearch .downloadSearchB {
		border: 1px solid #c9c9c9;
	}

	.downloadSearch .selectSearch input.text {
		font-size: 1.4rem;
		height: 4rem;
		line-height: 4rem;
		padding: 0 10rem 0 2rem;
	}

	.downloadSearch .selectSearch .Searchbtn {
		width: 5.5rem;
		height: 4rem;
		background-size: 1.6rem;
	}

	.downloadSearch .selectSearch .sline {
		right: 5.5rem;
		height: 2rem;
		top: 1rem;
	}

	.downloadSearch .selectSearch .delete {
		width: 2rem;
		height: 4rem;
		margin-right: 6rem;
	}

}