@charset "utf-8";

/*@font-face {
	font-family: 'Campton';
	font-weight: normal;
	font-style: normal;
	src: url('Campton-Light.otf');
	src: local('Campton'), url('Campton-Light.woff') format('woff'), url('Campton-Light.ttf') format('truetype');
}*/


/*@font-face {
	font-family: 'Misans';
	font-weight: normal;
	font-style: normal;
	src: url('Misans/MiSans-Normal.otf');
	src: local('MiSans-Normal'), url('Misans/MiSans-Normal.woff') format('woff'), url('Misans/MiSans-Normal.ttf') format('truetype');
}

@font-face {
	font-family: 'MisansBold';
	font-weight: normal;
	font-style: normal;
	src: url('Misans/MiSans-Demibold.otf');
	src: local('MiSans-Demibold'), url('Misans/MiSans-Demibold.woff') format('woff'), url('Misans/MiSans-Demibold.ttf') format('truetype');
}*/

@font-face {
	font-family: 'manrope';
	font-weight: normal;
	font-style: normal;
	src: url('manrope/manrope-regular-6.otf');
}

@font-face {
	font-family: 'manropeBold';
	font-weight: normal;
	font-style: normal;
	src: url('manrope/manrope-semibold-7.otf');
}

@font-face {
	font-family: 'Montserrat';
	font-weight: normal;
	font-style: normal;
	src: url('Montserrat/Montserrat-Light.ttf');
}

@font-face {
	font-family: 'MontserratBold';
	font-weight: normal;
	font-style: normal;
	src: url('Montserrat/Montserrat-Regular.ttf');
}

html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
}

body {
	font-family: 'Montserrat';
	font-size: 20px;
	overflow-x: hidden;
	color: #000;
	background: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
	font-family: 'Montserrat';
}

img {
	border: none;
}

a {
	color: #000;
}

a,
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #ac2228;
}

ul li {
	margin: 0;
}

ul,
li {
	list-style: none;
}


/* 滚动条轨道样式 */

::-webkit-scrollbar {
	width: 8px;
	/* 设置滚动条宽度 */
}


/* 滚动条滑块样式 */

::-webkit-scrollbar-thumb {
	background-color: #58595b;
	/* 设置滑块背景颜色 */
	border-radius: 4px;
	/* 设置滑块圆角 */
}


/* 滚动条轨道hover状态样式 */

::-webkit-scrollbar-track:hover {
	background-color: #f1f1f1;
	/* 设置轨道hover状态时的背景颜色 */
}


/* 滚动条滑块hover状态样式 */

::-webkit-scrollbar-thumb:hover {
	background-color: #ac2228;
	/* 设置滑块hover状态时的背景颜色 */
}

.left {
	float: left;
}

.right {
	float: right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.w {
	padding: 0 10.4%;
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.ellipsis-6 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.ellipsis-7 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

::-webkit-input-placeholder {
	color: #B0B0B0;
}

:-moz-placeholder {
	color: #B0B0B0;
}

::-moz-placeholder {
	color: #B0B0B0;
}

:-ms-input-placeholder {
	color: #B0B0B0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

textarea {
	resize: none;
}

.h {
	height: 50px;
	display: none;
}

.overflow {
	overflow: hidden;
}


/*#mouse-cursor {
	
	position: fixed;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 4px solid #ac2228;
	border-radius: 50%;
	z-index: 99999;
	display: none;
	mix-blend-mode: multiply;
	pointer-events: none;
}
#mouse-cursor.cursor-hover{
	transform: scale(2);
	background: #ac2228;
}*/

#mouse-cursor {
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	display: none;
	mix-blend-mode: multiply;
	pointer-events: none;
	background-image: url(../images/W.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}

#mouse-cursor.cursor-hover {
	border: 4px solid #ac2228;
	border-radius: 50%;
	font-size: 0;
	transform: scale(2);
	background: #ac2228;
}

#mouse-cursor.cursor-maphover {
	opacity: 0;
}

#mouse-cursor.cursor-hover-big {
	border: 4px solid #888;
	border-radius: 50%;
	font-size: 0;
	transform: scale(2);
	background: #888;
}


/* Recommended styles for Splitting */

.splitting .word,
.splitting .char {
	display: inline-block;
}


/* Psuedo-element chars */

.splitting .char {
	position: relative;
}


/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */

.splitting .char::before,
.splitting .char::after {
	content: attr(data-char);
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	transition: inherit;
	user-select: none;
}


/* Expanded CSS Variables */

.splitting {
	/* The center word index */
	--word-center: calc((var(--word-total) - 1) / 2);
	/* The center character index */
	--char-center: calc((var(--char-total) - 1) / 2);
	/* The center character index */
	--line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
	/* Pecent (0-1) of the word's position */
	--word-percent: calc(var(--word-index) / var(--word-total));
	/* Pecent (0-1) of the line's position */
	--line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
	/* Percent (0-1) of the char's position */
	--char-percent: calc(var(--char-index) / var(--char-total));
	/* Offset from center, positive & negative */
	--char-offset: calc(var(--char-index) - var(--char-center));
	/* Absolute distance from center, only positive */
	--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center));
	/* Distance from center where -1 is the far left, 0 is center, 1 is far right */
	--distance-sine: calc(var(--char-offset) / var(--char-center));
	/* Distance from center where 1 is far left/far right, 0 is center */
	--distance-percent: calc((var(--distance) / var(--char-center)));
}


/*  *  * header *  * */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0);
	z-index: 9999;
	/*-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;*/
}

header.hide {
	opacity: 0;
}

header.nyfixed {
	background: rgba(255, 255, 255, 1);
}

header.fixed {
	background: rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}

.head-main {
	position: relative;
	line-height: 100px;
	font-size: 0;
	z-index: 2;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

header.fixed .head-main {
	line-height: 80px;
}

.head-main .logo {
	float: left;
}

.head-main .logo img {
	vertical-align: middle;
	height: 41px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

header.nyfixed .head-main .logo img,
header.fixed .head-main .logo img {
	filter: drop-shadow(0 41px 0 #ac2228);
	/* 向右偏移40px显示红色投影 */
	transform: translateY(-41px);
	/* 隐藏原图 */
	transition: none;
}

.nav {
	display: inline-block;
	vertical-align: middle;
}

.nav>ul>li {
	float: left;
	margin-right: 60px;
	position: relative;
	overflow: hidden;
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	transition: transform 0.6s;
}

header.hide .nav>ul>li {
	transform: translateY(.5rem);
	opacity: 0
}

.nav>ul>li:hover {
	overflow: visible;
}

.nav>ul>li:last-child {
	margin-right: 0;
}

.nav>ul>li>a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

header.nyfixed .nav>ul>li>a,
header.fixed .nav>ul>li>a {
	color: #000;
}

.nav>ul>li:hover>a,
.nav>ul>li.on>a {
	color: #ac2228!important;
	font-family: 'MontserratBold';
}

.navol {
	position: absolute;
	z-index: 2;
	left: -30px;
	top: 100%;
	/*min-width: 480px;*/
	/*padding: 10px 0;*/
	/*background: rgba(255, 255, 255, 0.8);
	background-size: 100% auto;*/
	border-top: 4px solid #ac2228;
	overflow: hidden;
	transform: translateY(10px);
	opacity: 0;
	background: rgba(255, 255, 255, 0.9) url(../images/navbg.png) no-repeat right bottom;
	background-size: 200px auto;
	transition-property: transform, opacity;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(.55, 0, .1, 1), cubic-bezier(.25, .74, .22, .99);
	line-height: 50px;
	text-transform: capitalize;
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
}

.nav>ul>li.drop-down:hover .navol {
	transform: translateY(0);
	opacity: 1;
}

.navol a {
	display: block;
	padding: 0 50px 0 30px;
}

.navol dl+dl {
	margin-top: 15px;
}

.navol dt a {
	font-size: 21px;
	color: #000000;
	font-weight: bold;
	/*font-family: 'MontserratBold';*/
}

.navol dl:hover dt>a {
	color: #ac2228;
}

.navol dd a {
	font-size: 20px;
	color: #7C7C7C;
	background: url(../images/arrow-right-red.png) no-repeat 110% center;
}

.navol a:hover {
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	transition-property: background-position;
	transition-duration: 0.4s;
}

.navol dd a:hover {
	background-size: 16px 16px;
	background-position: 92% center;
}

.loding {
	width: 100%;
	height: 150px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	display: flex;
	justify-content: space-between;
	overflow: hidden
}

@media (max-width: 1260px) {
	.loding {
		left: .35rem;
		transform: translateX(0)
	}
}

.loding .item {
	display: flex;
	transform: translateY(.5rem);
	opacity: 0;
	pointer-events: none;
}

.loding .item:nth-child(1) {
	width: 225px;
	transition: all .6s;
}

.loding .item:nth-child(2) {
	width: 129px;
	transition: all .6s .1s;
}

.loding .item:nth-child(3) {
	width: 58px;
	transition: all .6s .2s
}

.loding .item:nth-child(4) {
	width: 120px;
	transition: all .6s .3s;
}

.loding .item:nth-child(5) {
	width: 160px;
	transition: all .6s .4s;
}

.loding .item:nth-child(6) {
	width: 38px;
	transition: all .6s .5s;
}

.loding.show .item {
	transform: translateY(0);
	opacity: 1
}

.loding.small {
	/*width: 160px;
	height: 40px;
	top: 29.5px;*/
	width: 163px;
	height: 35px;
	top: 32.5px;
	left: 10.4%;
	transform: translateX(0);
	transition: all .8s
}

@media (max-width: 767px) {
	.loding.small {
		width: 123px
	}
}

.loding img {
	max-width: 100%;
	max-height: 100%;
	border: 0;
	vertical-align: top;
}


/*移动端*/

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 16px;
}

.sliding-menu a {
	display: block;
	padding: 10px 1em;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #ac2228;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #ac2228;
	color: #FFF;
}

.sliding-menu a.back:before {
	content: '\3008';
	float: left;
	margin-right: 1em;
}

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #ac2228;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #ac2228;
	color: #FFF;
}

.phone_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 999999;
	height: 50px;
	line-height: 50px;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
}

.phone_head .logo {
	font-size: 0;
}

.phone_head .logo img {
	max-width: 100%;
	height: 22px;
	vertical-align: middle;
}

.phone-head .menubtn>span.expand {
	vertical-align: middle;
	display: inline-block;
	height: 43px;
	width: 50px;
	background: url(../images/menu.png) no-repeat center;
	background-size: auto 100%;
}

.phone-head .mask-close {
	background: #fff none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ac2228;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 11px;
	left: 18px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	overflow: hidden;
}

.maskbg {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
}

.popUp {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.maxDiv .maskbg {
	left: 0;
}

.maskbg:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	width: 250px;
	height: 100%;
	background: #fff;
	transition: none;
	z-index: 0;
}

.maxDiv .maskbg:before {
	left: 0;
	transition: none;
}

#menu a {
	display: block;
	width: 100%;
	color: #000;
	font-size: 15px;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#menu a.back {
	color: #FFF;
}

#menu a:hover {
	color: #fff;
	background: #ac2228;
}

#menu h1 {
	font-weight: 300;
}

#menu h2 {
	font-weight: 300;
	margin: 3em 0 1em 0;
}

#menu p {
	margin: 20px 0;
}

#menu .nav {
	height: auto;
	background: #fff;
	float: none;
}

#menu {
	margin: 4em 0;
	width: 250px;
	min-height: 308px;
	background: #fff;
	left: -9999px;
	transition: all 0.3s;
	text-transform: uppercase;
}

.maxDiv .maskbg #menu {
	left: 0;
	transition: all 0.3s;
}

.phone_head .show-search-btn {
	margin-top: 17px;
	margin-right: 15px;
}

.phone_head .en a {
	color: #fff;
	font-size: 16px;
}


/*
 
 * index
 * */


/* 从顶部到底部渐变 */

.bannerswiper .pic:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/*height: 20%;*/
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	z-index: 2;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.bannerswiper.show .pic:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.in3-sec .pic:before,
.newsbox:hover .afterimg:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
	z-index: 2;
}

.banner-sec {
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.bannerswiper {
	height: 100%;
	--swiper-theme-color: #ac2228;
	/*--swiper-navigation-color: #fff;
	--swiper-navigation-size: 30px;*/
	--swiper-pagination-fraction-color: #fff;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: .9;
}

@media only screen and (min-width:1024px) {
	.bannerswiper {
		/*--swiper-navigation-size: 50px;*/
		--swiper-pagination-bullet-size: 10px;
	}
	.bannerswiper .swiper-pagination {
		/*display: none;*/
	}
}

.bannerswiper .arrows {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	width: 94%;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
}

.bannerswiper .swiper-slide {
	overflow: hidden;
}

.bannerswiper .pic {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/*-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 6s;
	-webkit-transition: all 6s;
	transition: all 6s;*/
}


/*.bannerswiper .swiper-slide-active .pic {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}*/

.bannerswiper .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bannerswiper .tbox {
	position: absolute;
	left: 0;
	bottom: 17%;
	width: 100%;
	z-index: 10;
}

.bannerswiper .tit {
	width: 60%;
	color: #fff;
	font-size: 52px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	font-family: 'MontserratBold';
	opacity: 0;
	transform: translateY(-60px);
}

.bannerswiper .swiper-slide-active .tit {
	transform: translateY(0) translateZ(0);
	opacity: 1;
	transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
	transition-delay: .5s;
}

.banner-news {
	position: absolute;
	right: 2%;
	bottom: 12%;
	width: 27%;
	opacity: 0;
	z-index: 2;
}

.banner-news.show {
	right: 0;
	opacity: 1;
	/*-moz-transition: all 1.8s;
	-webkit-transition: all 1.8s;
	transition: all 1.8s;*/
	transition: opacity .6s linear .1s, right .6s cubic-bezier(.215, .61, .355, 1) .1s;
	transition-delay: .5s;
}

.banner-news:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.newsbox {
	position: relative;
	overflow: hidden;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.newsbox:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.newsbox .beforeimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #F1F2F6;
	transition: transform .8s cubic-bezier(.25, .74, .22, .99);
	z-index: 1;
}

.banner-news .beforeimg {
	background: rgba(6, 6, 6, 0.9);
	opacity: 0;
	width: 70%;
}

.newsbox:hover .beforeimg {
	transform: translateY(-100%);
}

#bannewsSwiper .beforeimg {
	opacity: 1;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

#bannewsSwiper .newsbox:hover .beforeimg {
	background: #ac2228;
	transform: none;
}

.newsbox .afterimg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, .2);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	transform: scale(1.1);
}

.newsbox:hover .afterimg {
	opacity: 1;
	background-color: rgba(0, 0, 0, .6)!important;
	transform: scale(1);
}

#bannewsSwiper .afterimg {
	width: 30%;
	left: auto;
	right: 0;
	z-index: 2;
	opacity: 1;
}

.newsbox .tbox {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 45px 35px;
}

.banner-news .newsbox .tbox {
	opacity: 0;
}

#bannewsSwiper .newsbox .tbox {
	opacity: 1;
	width: 70%;
	padding: 20px 35px;
}

.newsbox .tbox .tit {
	font-size: 20px;
	line-height: 22px;
	height: 66px;
	font-weight: bold;
	color: #000000;
}

.banner-news .newsbox .tbox .tit {
	color: #fff;
	font-weight: bold;
}

.newsbox .tbox .time {
	margin-top: 210px;
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #B0B0B0;
}

.newsbox .tbox .time .dd {
	font-size: 56px;
	line-height: 56px;
	font-weight: bold;
	color: #ac2228;
	font-family: 'MontserratBold';
}

.newsbox .tbox .time .mmyy {
	font-size: 12px;
	color: #000000;
}

.banner-news .newsbox .tbox .time {
	justify-content: flex-start;
	border: 0;
	margin-top: 0;
}

.banner-news .newsbox .tbox .time .mmyy {
	color: #fff;
	padding-left: 25px;
}

.newsbox:hover .tbox .tit,
.newsbox:hover .tbox .time .dd,
.newsbox:hover .tbox .time .mmyy {
	color: #fff;
}

#bannewsSwiper .box .tbox,
#bannewsSwiper .box .beforeimg {
	opacity: 1;
}

.arrows .swiper-button-prev,
.arrows .swiper-button-next {
	display: inline-block;
	position: static;
	width: 50px;
	height: 50px;
	margin-top: 0;
	border: 1px solid #000000;
	background: url(../images/arrow-right.png) no-repeat center center;
	background-size: 20px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.arrows .swiper-button-prev {
	background-image: url(../images/arrow-left.png)
}

.arrows .swiper-button-next {
	margin-left: 25px;
}

.arrows .swiper-button-next:hover,
.arrows .swiper-button-prev:hover {
	background-color: #ac2228;
	background-size: 15px;
	border-color: #ac2228;
}

.arrows .swiper-button-next:hover {
	background-image: url(../images/arrow-right-w.png);
}

.arrows .swiper-button-prev:hover {
	background-image: url(../images/arrow-left-w.png);
}

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

#bannewsSwiper .arrows {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 2;
}

#bannewsSwiper .arrows .swiper-button-next {
	margin-left: 15px;
}

#bannewsSwiper {
	--swiper-theme-color: #ac2228;
}

@media only screen and (min-width:1024px) {
	#bannewsSwiper {
		--swiper-theme-color: #fff;
		--swiper-pagination-bullet-size: 10px;
		--swiper-pagination-bullet-inactive-color: #fff;
	}
}

.in1-sec {
	background: #F1F2F6;
	padding: 110px 0;
}

.in1-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.in1-sec .picbox {
	width: 50%;
	position: relative;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.in1-sec .picbox .pic {
	overflow: hidden;
	border-radius: 20px;
	/*clip-path: polygon(50% 0%, 85% 0%, 100% 0%, 100% 70%, 100% 100%, 38% 100%, 15% 75%, 10% 69%, 9% 68%, 8% 67%, 7% 66%, 6% 65%, 5% 64%, 4% 63%, 3% 62%, 2% 61%,1% 59%, 0% 55%, 0% 42%, 0% 0%);*/
}

.in1-sec .picbox:hover {
	-webkit-transform: perspective(400px) rotateY(-2deg);
	transform: perspective(400px) rotateY(-2deg);
}

.in1-sec .picbox .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.in1-sec .picbox .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.viewmore-link {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	font-weight: bold;
	line-height: 48px;
	font-family: 'MontserratBold';
	color: #000000;
	text-transform: uppercase;
}

.viewmore-link .arrowico {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid #ac2228;
	margin-left: 40px;
	/*background: #ac2228 url(../images/arrow-right-w.png) no-repeat center center;*/
	background: #ac2228;
	/*background-size: 17px;*/
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.viewmore-link .arrowico:after {
	/*margin-left: 30px;*/
	content: " ";
	width: 17px;
	height: 17px;
	background: url(../images/arrow-right-w.png) no-repeat center center;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.viewmore-link:hover .arrowico:after {
	transform: rotate(360deg);
}

.in1-sec .picbox .viewmore-link {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.in1-sec .tbox {
	width: 43%;
}

.intitle {
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
	color: #000000;
	font-family: 'MontserratBold';
}

.intitle span {
	color: #ac2228
}

.in1-sec .tbox .desc {
	font-size: 20px;
	line-height: 30px;
	height: 210px;
	margin-top: 30px;
}

.in1-sec .tbox .num-con {
	margin-top: 70px;
}

.in1-sec .tbox .num-con li {
	border-top: 1px solid #B0B0B0;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.in1-sec .tbox .num {
	width: 50%;
	font-size: 35px;
	font-weight: bold;
	color: #ac2228;
	font-family: 'MontserratBold';
}

.in1-sec .tbox .num .number {
	font-size: 60px;
}

.in1-sec .tbox .num .ico {
	width: 20px;
	margin-left: 10px;
}

.in1-sec .tbox .desc2 {
	width: 50%;
	font-size: 20px;
}

.in2-sec {
	padding: 110px 0;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.in2-sec .content {
	position: relative;
	z-index: 2;
}

#particles {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
}

@media only screen and (min-width:1025px) {
	#particles {
		display: block
	}
}

.protype {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.protype ul {
	width: 75%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.protype ul li {
	width: 44%;
	border-bottom: 3px solid #fff;
}

.protype ul li.active {
	border-color: #ac2228;
}

.protype ul li a {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding-bottom: 10px;
}

.protype ul li .ico {
	width: 64px;
	margin-right: 50px;
}

.protype ul li .ico img {
	width: 100%;
}

.protype ul li:hover .ico img {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.6s;
	animation: shake 0.6s;
}

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

.protype ul li .tbox {
	width: 60%;
}

.protype ul li .tbox .tit {
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	font-family: 'MontserratBold';
}

.protype ul li .tbox .desc {
	margin-top: 10px;
	font-size: 18px;
	line-height: 20px;
}

a.gosearch {
	margin-top: 10px;
	background: #ac2228;
	flex: 1;
	align-items: center;
	color: #fff;
	justify-content: space-around;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

a.gosearch .arrowico {
	background-color: #fff;
}

a.gosearch .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}

.in2-sec .main {
	margin-top: 70px;
}

.probox {
	position: relative;
	background: #F1F2F6;
	height: 470px;
	overflow: hidden;
}

.probox .tbox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 30px;
	text-transform: capitalize;
	z-index: 1;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.probox:hover .tbox {
	background: rgba(56, 68, 82, 0.9);
}

.proSwiper .probox .tbox {
	text-align: center;
}

.proSwiper .probox:hover .tbox {
	background: none;
}

.probox .tbox .title {
	font-size: 24px;
	font-weight: bold;
	/*line-height: 48px;*/
	margin-bottom: 20px;
	font-family: 'MontserratBold';
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.probox:hover .tbox .title {
	font-size: 26px;
}

.probox .tbox .desc {
	font-size: 20px;
	color: #3D3D3D;
	line-height: 30px;
	height: 60px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.probox:hover .tbox .desc {
	-webkit-line-clamp: 4;
	height: 120px;
}

.probox .tbox .viewmore-link {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: -30px;
	opacity: 0;
	/*margin-top: 54%;*/
	padding-top: 25px;
	border-top: 1px solid #D8D8D8;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.probox:hover .viewmore-link {
	opacity: 1;
	bottom: 30px;
}

.probox:hover a,
.probox:hover .tbox .desc,
.probox:hover .viewmore-link {
	color: #fff;
}

.proSwiper .probox {
	margin: 5px 0 10px;
}

.proSwiper .probox:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.proSwiper .probox:hover .tbox {
	color: #000;
}

.proSwiper .probox .tbox .viewmore-link {
	transform: translateY(100%);
	padding-top: 0;
	border: 0;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.proSwiper .probox:hover .viewmore-link {
	color: #ac2228;
	transform: none;
}

.probox .pic {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: url(../images/probg.png) no-repeat center bottom;
	background-size: 100% auto;
}

.probox .pic img {
	position: absolute;
	left: 28%;
	bottom: 50px;
	width: 80%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.probox:hover .pic img {
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.probox .picbox {
	position: absolute;
	left: 0;
	bottom: 60px;
	width: 100%;
	/*top: 60px;*/
	padding: 0 30px;
	background: url(../images/probg.png) no-repeat center bottom;
	background-size: 100% auto;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.proSwiper .probox:hover .picbox {
	background-size: 90% auto;
}

.probox .picbox .imghover {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 30px;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: perspective(100px) rotateY(5deg);
	transform: perspective(100px) rotateY(5deg);
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	transition: transform 0.6s;
}

.proSwiper .probox:hover .picbox .imghover {
	opacity: 1;
	pointer-events: stroke;
	-webkit-transform: none;
	transform: none;
	/*transform: scale(0.9);*/
}

.proSwiper .probox:hover .picbox .img {
	opacity: 0;
	pointer-events: none;
	-webkit-transform: perspective(100px) rotateY(-5deg);
	transform: perspective(100px) rotateY(-5deg);
	/*transform: scale(0.9);*/
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	transition: transform 0.6s;
}

.probox .picbox img {
	width: 100%;
	display: block;
}

.proSwiper {
	--swiper-theme-color: #ac2228;
	--swiper-pagination-fraction-color: #fff;
	--swiper-pagination-bullet-size: 10px;
	--swiper-pagination-bullet-inactive-color: #fff;
}

.proSwiper:nth-child(2) {
	display: none;
}

.proSwiper .swiper-pagination {
	position: static;
	margin-top: 78px;
}

.proSwiper .swiper-pagination-bullet {
	opacity: 1;
	border: 1px solid #DEDEDE;
}


/*.index-box34 {
    width: 100%;
    position: relative;
    z-index: 1;
}
.index-box34 .kbox {
    width: 100%;
    height: 130vh;
}*/

.in3-sec {
	position: relative;
	z-index: 3;
	background: #000000;
	/*width: 100%;
	height: 100vh;*/
}

.in3-sec .pic {
	overflow: hidden;
	/*transform: scale(0.8);*/
}

.solutionSwiper {
	width: 100vw;
	height: 100vh;
}

.solutionSwiper .swiper-slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
}

.in3-sec .tbox {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 2;
}

.in3-sec .tbox .intitle {
	color: #FFFFFF;
}

.in3-sec .tbox .desc {
	margin-top: 35px;
	width: 40%;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 30px;
	height: 60px;
}

.solutiointab {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	z-index: 2;
}

.solutiointab ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.solutiointab ul li {
	width: 21%;
	background: #fff;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	overflow: hidden;
}

.solutiointab ul li.active {
	width: 35.5%;
	/*background: #ac2228;*/
}

.solutiointab ul li a {
	display: block;
	padding: 15px 20px;
	position: relative;
}

.solutiointab ul li .tit {
	font-size: 32px;
	line-height: 39px;
	height: 78px;
	font-weight: bold;
	text-transform: capitalize;
	font-family: 'MontserratBold';
	color: #000000;
	position: relative;
	z-index: 3;
}

.solutiointab ul li.active .tit {
	height: 39px;
}

.solutiointab ul li .desc {
	margin-top: 10px;
	font-size: 20px;
	line-height: 25px;
	height: 11px;
	opacity: 0;
	position: relative;
	z-index: 3;
}

.solutiointab ul li.active .desc {
	opacity: 1;
	height: 50px;
}

.solutiointab ul li.active .tit,
.solutiointab ul li.active .desc {
	color: #fff;
}

.solutiointab ul li .viewmore-link {
	margin-top: 20px;
	position: relative;
	z-index: 3;
	display: inline-flex;
}

.solutiointab ul li .viewmore-link .arrowico {
	margin-left: 0;
	background-color: #fff;
	border-color: #fff;
}

.solutiointab ul li .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right.png);
}

.solutiointab ul li .bg {
	position: absolute;
	right: -30px;
	bottom: 10px;
	opacity: 0;
	z-index: 2;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.solutiointab ul li .bg img {
	display: block;
	width: 270px;
	height: 144px;
}

.solutiointab ul li.active .bg {
	opacity: .5;
}

.solutiointab ul li.active .blob-btn__blob {
	-webkit-transform: translateZ(0) scale(1.7);
	transform: translateZ(0) scale(1.7);
}

.in4-sec {
	padding: 100px 0;
	background: #fff;
	/*width: 100%;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    margin-top: -100vh;
    z-index: 1;
    transform: translateY(.3rem);
    transition: all .6s;*/
}

.in4-sec.on {
	transform: translateY(0);
}

.in4-sec .viewmore-link {
	position: relative;
	margin: 0 0 0 auto;
	top: -50px;
	display: flex;
	justify-content: flex-end;
}

.in4-sec .viewmore-link a {
	display: inline-flex;
	align-items: center;
}

#newsSwiper .arrows {
	margin-top: 68px;
}

.in4-sec .main {
	overflow: hidden;
}

.in5-sec {
	position: relative;
	background: #F1F2F6;
	overflow: hidden;
}

.in5-sec .intitle {
	position: absolute;
	left: 10.4%;
	top: 40px;
	/*width: 100%;*/
	z-index: 1;
}

.cynumberbox {
	position: absolute;
	left: 10.4%;
	bottom: 60px;
	border-top: 1px solid #B0B0B0;
	padding-top: 35px;
	z-index: 1;
}

.cynumberbox .num {
	background: url(../images/rightico.png) no-repeat left top;
	padding-left: 40px;
	color: #ac2228;
}

.cynumberbox .num span {
	display: inline-block;
	font-size: 140px;
	line-height: 100px;
	font-weight: bold;
	font-family: 'MontserratBold';
	min-height: 44px;
}
.cynumberbox .num span i{
	display: none;
}
.cynumberbox .num .ico {
	width: 20px;
	margin-left: 10px;
}

.cynumberbox .desc {
	margin-top: 20px;
	font-size: 20px;
}

.in5-sec .map {
	position: relative;
	left: 3%;
}

.mapbg {
	position: relative;
	background: #F1F2F6;
}

.map .pic img {
	display: block;
	width: 100%;
}

.map .markerbox {
	position: absolute;
	z-index: 2;
	cursor: pointer;
}

.map .markerbox:hover {
	z-index: 4;
}

.map .markerbox .ico {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/pos.png) no-repeat left center;
	background-size: cover;
	border-radius: 50%;
	animation: change 1s ease-in infinite;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.map .markerbox:hover .ico {
	width: 28px;
	height: 28px;
	animation: jump 1s ease-in infinite;
}

@keyframes jump {
	0% {
		transform: translateY(0) scale(1)
	}
	50% {
		transform: translateY(-3px) scale(1.1)
	}
	100% {
		transform: translateY(0) scale(1)
	}
}

.map .infobox {
	position: absolute;
	z-index: 5;
	right: 26px;
	top: 0;
	padding-right: 5px;
}

.map .info {
	/*width: 300px;*/
	background: #fff;
	padding: 2px 10px;
	border: 1px solid #D4D4D4;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.map .markerbox:hover .info {
	width: 300px;
	border-bottom: 4px solid #ac2228;
	padding: 5px 15px;
}


/*.map .info:hover {
	border-color:#ac2228;
}*/

.map .info .tit {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	/*font-family: 'MontserratBold';*/
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
}

.map .markerbox:hover .info .tit {
	font-size: 36px;
	line-height: 48px;
	color: #ac2228;
}

.map .info .desc {
	display: none;
	font-size: 18px;
	color: #8B8B8B;
}

.map .info .desc:nth-child(2) {
	margin-top: 10px;
}

.map .markerbox:hover .info .desc {
	display: block;
}

.cynumberboxtext {
	display: none;
}
.cynumberboxtext i{
	display: none;
}
.map .markerbox:nth-child(2) {
	left: 22%;
	top: 27%;
}

.map .markerbox:nth-child(3) {
	left: 46%;
	top: 36%;
}

.map .markerbox:nth-child(4) {
	left: 50%;
	top: 48%;
}

.map .markerbox:nth-child(5) {
	left: 36.5%;
	bottom: 13%;
}

.map .markerbox:nth-child(6) {
	right: 30%;
	top: 28%;
}

.map .markerbox:nth-child(7) {
	right: 23%;
	bottom: 8%;
}

.map .markerbox:nth-child(5):hover .infobox,
.map .markerbox:nth-child(7):hover .infobox {
	top: auto;
	bottom: 0;
}

.map .markerbox:nth-child(8) {
	left: 24%;
	top: 50%;
}

.map .markerbox:nth-child(9) {
	left: 47.5%;
	top: 44%;
}

.map .markerbox:nth-child(10) {
	left: 49.3%;
	top: 40%;
}

.map .markerbox:nth-child(11) {
	left: 57%;
	top: 62%;
}

.map .markerbox:nth-child(10) .infobox,
.map .markerbox:nth-child(8) .infobox,
.map .markerbox:nth-child(4) .infobox,
.map .markerbox:nth-child(5) .infobox {
	right: auto;
	left: 30px;
}

.mobile-map {
	display: none
}

.mapswiper {
	--swiper-theme-color: #ac2228;
	--swiper-pagination-fraction-color: #fff;
	--swiper-pagination-bullet-size: 10px;
	--swiper-pagination-bullet-inactive-color: #fff;
}

.mapswiper .swiper-pagination-bullet {
	opacity: 1;
	border: 1px solid #DEDEDE;
}


/*
 
 * footer
 * 
 * */

.footer-sec {
	background: #101317 url(../images/videoframe_2346.png) no-repeat center bottom;
	background-size: cover;
	overflow: hidden;
	border-top: 4px solid #ac2228;
}

.footer-sec .main {
	padding: 60px 0 45px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-sec .finfo {
	width: 34.6%;
	display: flex;
	flex-direction: column;
}

.footer-sec .finfo .logo {
	display: inline-block;
}

.footer-sec .finfo .logo img {
	display: block;
	height: 56px;
}

.footer-sec .finfo .email {
	display: inline-block;
	margin-top: 15px;
	font-size: 26px;
	font-weight: bold;
	line-height: 28px;
	text-decoration: underline;
	color: #ac2228;
	font-family: 'MontserratBold';
}

.footer-sec .finfo .desc {
	margin-top: 20px;
	font-size: 20px;
	color: #FFFFFF;
}

.flinks {
	display: flex;
	align-items: center;
	margin-top: 25px;
}

.flinks a {
	margin-right: 15px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.flinks a:hover {
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.5s;
	animation: shake 0.5s;
}

.flinks a>img {
	max-width: 20px;
}

.viewmore-link.yourinfo {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 300;
	line-height: 48px;
	color: #747c87;
	background: rgba(0, 0, 0, 0.3);
	padding: 15px;
	font-family: 'Montserrat';
	text-transform: none;
}

.viewmore-link.yourinfo:hover {
	background: rgba(0, 0, 0, 0.2);
}

.viewmore-link.yourinfo span {
	white-space: nowrap;
}

.fnav {
	width: 50%;
}

.fnav a {
	color: #F1F2F6;
}

.fnav a:hover {
	color: #ac2228;
	font-weight: bold;
}

.fnav ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 36px;
}

.fnav ul>li>a {
	font-size: 21px;
	font-weight: bold;
	text-transform: uppercase;
}

.fnav dl {
	margin-top: 12px;
}

.fnav dl dt {
	font-size: 18px;
}

.fnav dl dd+dt {
	margin-top: 10px;
}

.fnav ul li:nth-child(2) dl dd {
	font-size: 17px;
	line-height: 24px;
}

.copyright {
	padding: 10px 0 10px 50%;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 18px;
	color: #afadad;
	line-height: 28px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.copyright a {
	color: #afadad;
	margin-left: 10px;
}

.copyright .sitemap {
	font-size: 18px;
	font-weight: bold;
}

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


/*
 
 * 
 * about
 * 
 * */

.nybanner {
	position: relative;
	margin-top: 100px;
	overflow: hidden;
}

@media only screen and (min-width: 430px) {
	.nybanner {
		min-height: 150px;
	}
}

.nybanner .pic img {
	display: block;
	width: 100%;
	-webkit-animation: nybannerzoom 1.2s ease;
	animation: nybannerzoom 1.2s ease;
}

@keyframes nybannerzoom {
	0% {
		transform: scale(1.08);
	}
	100% {
		transform: scale(1);
	}
}
.nybanner .pic img.pcimg{
	display: block;
}
.nybanner .pic img.mobileimg{
	display: none;
}
@media only screen and (max-width:768px ) {
	.nybanner .pic{
		min-height: 20px;
	}
	.nybanner .pic img.pcimg{
	display: none;
}
.nybanner .pic img.mobileimg{
	display: block;
}
}
.nybanner .tbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	text-transform: uppercase;
	color: #F1F2F6;
	font-family: 'MontserratBold';
	display: flex;
	align-items: center;
	/*background: linear-gradient(90deg, rgba(56, 68, 82, 0.6) 27%, rgba(56, 68, 82, 0) 100%);*/
	z-index: 1;
}

.nybanner .tbox .tit i {
	color: #ac2228;
	/*display: none;*/
}

.nybanner.blackbg:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(56, 68, 82, 0.6) 27%, rgba(56, 68, 82, 0) 100%);
	z-index: 1;
}

.tool-sec {
	position: relative;
	z-index: 2;
}

.tool-sec .main {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: -87px;
}

.leftbg-red {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/leftbg-red.png) no-repeat 89.6% center;
	z-index: -1;
}

.leftbg-red:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 47%;
	background: rgba(172, 34, 40, 0.9);
}

.position {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 87px;
	text-transform: uppercase;
}

.position a {
	color: #FFFFFF;
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
}

.position a:hover {
	opacity: .8;
}

.position a:first-child {
	background: url(../images/homeico.png) no-repeat left center;
	background-size: 24px 21px;
	padding-left: 40px;
}

.nytitle .intitle {
	color: #fff;
	line-height: 87px;
}

.nytitle span {
	color: #000;
	/*display: none;*/
}

.nytitle span.whitespace {
	width: 10px;
}

.nytitle .intitle .arrowico::before {
	content: ".";
	color: #000;
	font-style: normal;
	font-family: arial;
	vertical-align: middle;
}

.ab-sec1 {
	padding: 200px 0 120px;
	background: #fff url(../images/absec1bg.png) no-repeat -54% bottom;
	background-attachment: fixed;
}

.ab-sec1 .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.ab-sec1 .num-con {
	width: 63%;
}

.ab-sec1 .num-con ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ab-sec1 .num-con li {
	flex: 0 0 calc(33.33% - 35px);
}

.ab-sec1 .num-con .num {
	font-size: 35px;
	font-weight: bold;
	font-family: 'MontserratBold';
	color: #ac2228;
	line-height: 116px;
	margin-top: 30px;
}

.ab-sec1 .num-con .num .number {
	font-size: 80px;
	margin-right: 5px;
}

.ab-sec1 .num-con .ico img {
	width: 30px;
	height: 30px;
	display: block;
	opacity: 1;
}

.ab-sec1 .num-con li:hover .ico img {
	opacity: .9;
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: shake 0.5s;
	animation: shake 0.5s;
}

.ab-sec1 .num-con .desc {
	border-top: 1px solid #B0B0B0;
	padding-top: 10px;
	font-size: 20px;
	color: #7C7C7C;
	line-height: 23px;
}

.ab-sec1 .since {
	width: 27%;
	position: relative;
}

.ab-sec1 .since .pic {
	position: relative;
	overflow: hidden;
}

.ab-sec1 .since .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.ab-sec1 .since .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


/*.ab-sec1 .since .pic::after {
	content: '';
	position: absolute;
	top: -100px;
	right: -100px;
	bottom: -100px;
	left: -100px;
	background: conic-gradient(from 180deg at 50% 50%, #12001B -97.5deg, #000000 14.05deg, #bb8f38 54.01deg, #d5a034 113.42deg, #957d39 185.62deg, #12001B 262.5deg, #000000 374.05deg);
	filter: blur(60px) brightness(1.5);
	z-index: 1;
	opacity: 0.4;
	animation: 30s move linear infinite;
}

@keyframes move {
	from {
		transform: rotate(180deg);
	}
	to {
		transform: rotate(540deg);
	}
}*/

:root {
	--cover-timing: 0.5s;
	--cover-ease: cubic-bezier(0.66, 0.08, 0.19, 0.97);
	--cover-stagger: 0.15s;
	--text-timing: .75s;
	--text-stagger: 0.015s;
	--text-ease: cubic-bezier(0.38, 0.26, 0.05, 1.07);
	--title-stagger: 0.05s;
	--highlight: white;
	--highlightblack: #000;
}

.aos-init.aos-animate .char,
.aos-init.aos-animate .word {
	opacity: 1;
	transform: translateY(0);
	color: inherit;
}

.aos-init.aos-animate .char {
	transition-delay: calc(0.1s + var(--char-index) * var(--title-stagger));
}

.aos-init.aos-animate .word {
	transition-delay: calc(0.1s + var(--word-index) * var(--text-stagger));
}

.aos-init .char,
.aos-init .word {
	color: var(--highlight);
	display: inline-block;
	opacity: 0;
	position: relative;
	transform: translateY(20px);
	transition-property: transform, opacity, color;
	transition-timing-function: var(--text-ease);
	transition-duration: var(--text-timing), var(--text-timing), calc(var(--text-timing)*2);
}

.in1-sec .aos-init .char,
.in1-sec .aos-init .word,
.in4-sec .aos-init .char,
.in4-sec .aos-init .word,
.in5-sec .aos-init .char,
.in5-sec .aos-init .word,
.why-sec2 .aos-init .char,
.why-sec2 .aos-init .word,
.why-sec4 .aos-init .char,
.why-sec4 .aos-init .word,
.related-sec .aos-init .char,
.related-sec .aos-init .word {
	color: var(--highlightblack);
}

.intitle span:last-child .char {
	color: #ac2228
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.ab-sec1 .since .tbox {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -25%;
	margin-left: -40%;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	z-index: 2;
	display: none;
}

.ab-sec1 .since .tbox .en {
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	font-family: 'MontserratBold';
}

.ab-sec1 .since .tbox .yy {
	font-size: 130px;
	line-height: 120px;
	font-weight: bold;
	font-family: 'MontserratBold';
}

.ab-sec1 .since .tbox .en2 {
	font-size: 20px;
}

.ab-sec1 .desc2 {
	font-size: 20px;
	padding-left: 22%;
	margin-top: 140px;
	line-height: 1.5;
}

.ab-sec2 {
	padding-top: 70px;
	background: #fff;
}

.ab-sec2 .main {
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
}

.ab-sec2 .main .box {
	flex: 0 0 calc(50% - 15px);
	border: 2px solid #B0B0B0;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 30px;
	margin-top: 25px;
	font-size: 20px;
	position: relative;
	overflow: hidden;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.ab-sec2 .main .box:first-child {
	flex: 0 0 100%;
	border-radius: 20px;
}

.ab-sec2 .main .box.active {
	/*border-width: 0;*/
	border-color: rgba(0, 0, 0, .05);
}

.ab-sec2 .main .box .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background: #D8D8D8 url(../images/absec2.png) no-repeat right center;
	/*background: #fff  ;*/
	background-size: cover;
	z-index: 1;
	opacity: 0;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.ab-sec2 .main .box.active .pic {
	opacity: 1;
}


/*.ab-sec2 .main .box.active .pic:after{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.3);
}*/

.ab-sec2 .main .box .leftbox {
	width: 50%;
	position: relative;
	z-index: 2;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.ab-sec2 .main .box.active .leftbox {
	width: 70.5%;
	/*background: rgba(172, 34, 40, 0.95);*/
	background: rgba(255, 255, 255, 0.55);
	padding: 30px;
	border-radius: 18px;
	/*color: #fff;*/
}

.ab-sec2 .main .box:first-child.active .leftbox {
	width: 41.5%;
}

.ab-sec2 .main .box .leftbox .tit {
	font-size: 24px;
	font-weight: bold;
	font-family: 'MontserratBold';
	line-height: 34px;
}

.ab-sec2 .main .box .leftbox .desc {
	margin-top: 10px;
	line-height: 23px;
	height: 46px;
}

.ab-sec2 .main .box.active .leftbox .desc {
	height: auto;
	-webkit-line-clamp: inherit;
}

.ab-sec2 .main .box .rightbox {
	position: relative;
	z-index: 2;
	width: 50%;
	color: #7C7C7C;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	flex-wrap: wrap;
	flex-direction: column;
}

.ab-sec2 .main .box .rightbox img {
	width: 35px;
}

.ab-sec2 .main .box.active .rightbox img {
	filter: brightness(0) invert(1);
}

.ab-sec2 .main .box .rightbox .tag span {
	color: #ac2228
}

.ab-sec2 .main .box.active .rightbox .tag,
.ab-sec2 .main .box.active .rightbox .tag span {
	color: #fff
}

.ab-sec3 {
	padding: 110px 0;
	overflow: hidden;
}

.ab-sec3 .box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background: #F1F2F6;
}

.ab-sec3 .box:nth-child(2n) {
	display: flex;
	flex-direction: row-reverse;
}

.ab-sec3 .box .pic {
	width: 50%;
	overflow: hidden;
}

.ab-sec3 .box .pic img {
	display: block;
	width: 100%;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.ab-sec3 .box:hover .pic img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.ab-sec3 .box .tbox {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	width: 50%;
	background: #F1F2F6 url(../images/absec3bg.png) no-repeat center 110%;
	background-size: 100% auto;
	padding: 0 5%;
	border-bottom: 4px solid #ac2228;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ab-sec3 .box:hover .tbox {
	/*padding: 60px 5%;*/
	background-color: #ac2228;
	background-position: center 100%;
	color: #fff;
	/*justify-content: space-between;*/
}

.ab-sec3 .box:nth-child(2n) {}

.ab-sec3 .box .tbox .tit {
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
	font-family: 'MontserratBold';
}

.ab-sec3 .box .tbox .desc {
	margin-top: 40px;
	font-size: 20px;
	line-height: 30px;
	height: 120px;
}

.ab-sec3 .box .viewmore-link {
	opacity: 0;
	pointer-events: none;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	margin-top: 50px;
}

.ab-sec3 .box:hover .viewmore-link {
	color: #fff;
	opacity: 1;
	pointer-events: stroke;
	margin-top: 20px;
}

.ab-sec3 .box:hover .viewmore-link .arrowico {
	background-color: #fff;
}

.ab-sec3 .box:hover .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}


/*
 
 * 
 * 
 * 
 * */

.why-sec1 {
	padding-top: 200px;
	background: #fff;
	overflow: hidden;
}

.why-sec1 .tbox {
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	padding: 0 17%;
}

.why-sec2 {
	margin-top: 100px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #F1F2F6 url(../images/why1.jpg) no-repeat left top;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.why-sec2 .pic {
	overflow: hidden;
	display: none;
}

.why-sec2 .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.why-sec2:hover .pic img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.why-sec2 .main {
	/*position: absolute;
	left: 0;
	top: 0;*/
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.why-sec2 .main .w {
	height: 100%;
}

.why-sec2 .tbox {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	width: 35%;
	background: #F1F2F6;
	background-size: 100% auto;
	padding: 50px;
	border-bottom: 4px solid #ac2228;
}

.why-sec2 .tbox .desc {
	font-size: 20px;
	line-height: 1.5;
}

.why-sec2 .tbox .intitle {
	flex: 7;
	text-transform: capitalize;
}

.why-sec2 .tbox .viewmore-link .arrowico {
	flex: 1;
}

.why-sec3 {
	margin-top: 100px;
	background: #fff url(../images/absec3bg.png) no-repeat left 20%;
	overflow: hidden;
	background-attachment: fixed;
}

.why-sec3 .title .desc {
	margin-top: 35px;
	font-size: 20px;
	line-height: 29px;
	width: 58%;
}

.why-sec3 .main {
	margin-top: 80px;
	display: flex;
	align-content: center;
}

.why-sec3 .pic {
	width: 56%;
	overflow: hidden;
}

.why-sec3 .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.why-sec3 .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.why-sec3 .tbox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	width: 33%;
	background: #384452;
	padding: 60px;
	border-bottom: 4px solid #ac2228;
	color: #fff;
}

.why-sec3 .tbox .viewmore-link {
	justify-content: flex-end;
	width: 100%;
}

.why-sec3 .intitle {
	text-transform: capitalize;
}

.why-sec3 .tbox .desc {
	font-size: 20px;
	line-height: 29px;
}

.why-sec4 {
	margin: 100px 0;
	overflow: hidden;
}

.why-sec4 .main {
	display: flex;
	align-content: center;
	flex-direction: row-reverse;
}

.why-sec4 .pic {
	width: 57%;
	overflow: hidden;
}

.why-sec4 .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.why-sec4 .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.why-sec4 .tbox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
	flex-direction: column;
	width: 43%;
	border-bottom: 4px solid #ac2228;
	color: #fff;
	background: #fff url(../images/absec3bg.png) no-repeat left 30%;
	background-size: 100% auto;
}

.why-sec4 .tbox .viewmore-link {
	padding: 0 7% 0 24%;
	width: 100%;
}

.why-sec4 .tbox .viewmore-link .arrowico {
	border-color: #000;
	background-color: #fff;
}

.why-sec4 .tbox .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right.png);
}

.why-sec4 .tbox .intitle {
	text-transform: capitalize;
}

.why-sec4 .tbox .desc {
	background: #F1F2F6;
	padding: 9% 9% 9% 24%;
	font-size: 20px;
	line-height: 29px;
	color: #000;
}


/*
 
 * distributors
 * 
 * */

.distri-sec1 {
	margin-top: 200px;
}

.distri-sec1 .pic img {
	display: block;
	width: 100%;
}

.distri-sec1 .in5-sec {
	border: 0;
}

.distri-sec1 .cynumberbox {
	left: 50px;
	bottom: 50px;
}

.distri-sec2 {
	padding: 80px 0;
}

.related-sec .distri-sec2 {
	padding-top: 0;
}

.distri-sec2 dl:first-child {
	border-top: 1px solid #000000;
}

.distri-sec2 dl {
	border-bottom: 1px solid #000000;
}

.distri-sec2 dt {
	padding: 30px 0;
	font-size: 32px;
	font-weight: bold;
	line-height: 38px;
	font-family: 'MontserratBold';
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.distri-sec2 dl:hover dt,
.distri-sec2 dl.active dt {
	color: #ac2228;
}

.distri-sec2 dt .ico {
	width: 16px;
	height: 16px;
	background: url(../images/arrow-left.png) no-repeat left top;
	background-size: cover;
	transform: rotateZ(-90deg);
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.distri-sec2 dl:hover dt .ico {
	transform: rotate(180deg);
}

.distri-sec2 dl.active dt .ico {
	background-image: url(../images/arrow-right-red.png);
	transform: none;
}

.distri-sec2 dd {
	opacity: 0;
	pointer-events: none;
	height: 0;
	padding: 5px;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.distri-sec2 dl.active dd {
	opacity: 1;
	pointer-events: stroke;
	height: auto;
	padding: 0;
}

.distri-sec2 dd .info {
	padding: 30px 0;
	line-height: 31px;
	flex: 0 0 calc(33.33% - 20px);
}

.distri-sec2 dd .info .tit {
	font-size: 28px;
	font-weight: bold;
	color: #ac2228;
	font-family: 'MontserratBold';
}

.distri-sec2 dd .info .desc {
	font-size: 20px;
}

.distri-sec2 dd .info .desc:nth-child(2) {
	margin-top: 18px;
}


/*
 
 * 
 * video
 * */

.tool-sec.bottomnum .main {
	bottom: -39px;
}

.classify {
	overflow: hidden;
}

.classify ul {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	margin-left: -5px;
}

.classify ul li {
	margin-top: 5px;
	margin-left: 5px;
	background: #F1F2F6;
	/*flex: 1;*/
	/*flex: 0 0 calc(20% - 5px);*/
	flex-grow: 1;
	flex-basis: 0;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.classify.active ul li.active {
	background: #F1F2F6;
	/*flex: 0 0 calc(20% - 5px);*/
	min-width: auto;
}


/*.classify ul li:hover,*/

.classify ul li.active {
	/*flex: 0 1 auto;*/
	/*min-width: calc(20% - 5px);*/
}


/*@media only screen and (min-width: 768px) {
.classify ul li:hover{
	flex: 0 1 auto;
	min-width: calc(20% - 5px);
}
	
}*/

.classify ul li:hover,
.classify ul li.active {
	background: #ac2228;
}

.classify .viewmore-link {
	font-size: 22px;
	line-height: 40px;
	padding: 17px 25px;
	width: 100%;
	justify-content: center;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
	flex-wrap: nowrap;
}

.classify.active ul li:first-child.active .viewmore-link {
	justify-content: center;
}

.classify ul li:first-child:hover .viewmore-link,
.classify ul li:first-child.active .viewmore-link {
	justify-content: space-between;
}

.classify.active ul li.active .viewmore-link {
	color: #000;
}

.classify ul li:hover .viewmore-link,
.classify ul li.active .viewmore-link {
	color: #fff;
	justify-content: space-between;
}

.classify .viewmore-link .arrowico {
	display: none;
	width: 38px;
	height: 38px;
	/*margin-left: 10px;*/
	background-color: #fff;
	transform: rotateZ(90deg);
}

.classify .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}

.classify.active ul li.active .arrowico {
	display: none;
}

.classify ul li:hover .arrowico,
.classify ul li.active .arrowico {
	display: inline-flex;
}

.video-sec {
	padding: 140px 0 100px;
	overflow: hidden;
	background: #F1F2F6;
}

.videoSwiper {
	border-bottom: 2px solid rgba(0, 0, 0, .4);
	border-top: 2px solid rgba(0, 0, 0, .4);
}

.videoSwiper .box {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px 0;
}

.videoSwiper .pic {
	width: 50%;
	overflow: hidden;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.videoSwiper .box:hover .pic {
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	-moz-transform: perspective(400px) rotateY(-3deg);
	-webkit-transform: perspective(400px) rotateY(-3deg);
	transform: perspective(400px) rotateY(-3deg);
}

.videoSwiper .pic img {
	width: 100%;
	display: block;
}

.videoSwiper .tbox {
	width: 43%;
}

.videoSwiper .tbox .tit {
	font-size: 32px;
	line-height: 34px;
	max-height: 68px;
	font-weight: bold;
	font-family: 'MontserratBold';
}

.videoSwiper .tbox .desc {
	margin-top: 30px;
	font-size: 18px;
	line-height: 24px;
	height: 96px;
}

.videoSwiper .arrows {
	position: absolute;
	left: 0;
	bottom: 35px;
	z-index: 2;
}

.videolist {
	margin-top: 80px;
}

.videolist ul {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	align-items: stretch;
	margin-left: -35px;
}

.videolist ul li {
	flex: 0 0 calc(33.33% - 35px);
	margin-left: 35px;
	margin-bottom: 60px;
	background: #fff;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.videolist ul li:hover {
	background: #ac2228;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.videolist ul li .pic {
	border-bottom: 4px solid #ac2228;
}

.videolist ul li .pic img {
	display: block;
	width: 100%;
}

.videolist ul li .tbox {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	color: #000;
	padding: 10px 35px;
	height: 64px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.videolist ul li:hover .tbox {
	background: #ac2228;
	color: #fff;
}

.videolist ul li .tbox .tit {
	font-size: 20px;
	line-height: 22px;
	max-height: 44px;
	text-align: center;
}

.loadbtn {
	display: flex;
	justify-content: center;
}

.loadbtn a {
	display: flex;
}

.loadbtn .arrowico {
	transform: rotateX(180deg);
}


/*
 * 
 * pages
 * 
 * 
 * */

.pages ul {
	margin-top: 80px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}

.pages li>a {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	color: #000;
	font-size: 20px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 5px;
	padding: 0 5px;
	border: 1px solid #000;
}

.pages li.active>a {
	background: #ac2228;
	color: #FFFFFF;
	border-color: #ac2228;
}

.pages li:hover {
	opacity: .7;
}

@media only screen and (max-width:960px) {
	.pages li>a {
		font-size: 12px;
		min-width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.pages ul {
		margin-top: 30px;
	}
}


/*
 
 * 
 * History
 * */

.his-sec {
	margin-top: 200px;
	background: #ffffff;
	overflow: hidden;
	position: relative;
}

.redline {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	margin-left: -7.5px;
	background: #ac2228;
	z-index: 10;
}

.his-sec .line {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(50% + 50px);
	background: #D8D8D8;
	height: 1px;
}

.text-wrapSwiper {
	width: 100%;
	height: 80vh;
	padding-bottom: 80px;
}

.text-wrapSwiper .swiper-slide {
	height: 444px;
}

.text-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 80vh;
	align-self: flex-end;
}

.text-wrap-scroll {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	height: auto;
	align-items: flex-start;
}

.panel-text {
	z-index: 1;
	width: 100%;
	height: auto;
	color: #DEDEDE;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-around;
	align-items: flex-start;
}

.panel-text:first-child {
	opacity: 1;
}

.p-wrap {
	position: relative;
	overflow: hidden;
	width: 50%;
	height: 50vh;
}

.panel {
	position: absolute;
	left: 50px;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: auto;
	height: 100%;
	background: #ac2228;
	background-image: url("../images/honor.png");
	background-position: 50% 50%;
	background-size: cover!important;
	background-repeat: no-repeat!important;
}

.panel:nth-child(2) {
	background: #001E37;
}

.his-sec .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 80px;
}

.his-sec .tbox {
	width: 50%;
}

.his-sec .tbox .time {
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	font-family: 'MontserratBold';
	text-transform: uppercase;
	line-height: 85px;
	height: 85px;
	position: relative;
	background: url(../images/yuan.png) no-repeat right center;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.his-sec .swiper-slide-active .tbox .time {
	color: #ac2228;
}

.his-sec .tbox .time span {
	margin-right: 30px;
	font-size: 120px;
}

.his-sec .tbox .desc {
	margin-top: 40px;
	opacity: .2;
	font-size: 20px;
	line-height: 30px;
	padding-right: 50px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.his-sec .tbox .desc strong {
	font-size: 32px;
	font-family: 'MontserratBold';
}

.his-sec .swiper-slide-active .tbox .desc {
	opacity: 1;
	color: #000;
}

.his-sec .pic {
	width: 50%;
	overflow: hidden;
	padding-left: 50px;
	opacity: .2;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.his-sec .picbox {
	overflow: hidden;
}

.his-sec .swiper-slide-active .pic {
	opacity: 1;
}

.his-sec .box:first-child .pic {
	height: auto;
}

.his-sec .pic img {
	width: 100%;
	display: block;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.his-sec .pic img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


/*
 
 * pro
 * 
 * */

.nybanner .tbox .protit {
	margin-top: 35%;
	font-size: 72px;
	text-transform: capitalize;
}

.pros-sec {
	margin: 150px 0 70px;
	overflow: hidden;
}

.pros-sec .mainbox+.mainbox {
	padding-top: 90px;
}

.pros-sec .protitle {
	position: relative;
}

.pros-sec .protitle .intitle {
	background: url(../images/protitbg.png) no-repeat left center;
	background-size: 21px auto;
	padding-left: 55px;
}

.pros-sec .protitle .viewmore-link {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
}

.pros-sec .protitle .viewmore-link a {
	display: inline-flex;
	align-items: center;
}

.prolist {
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	position: relative;
}

.prolist .probox {
	margin-top: 60px;
	margin-left: 20px;
}

.pros-sec .probox {
	flex: 0 0 calc(25% - 20px);
}

.pros-sec .prolist {
	margin-left: -20px;
	/*margin-top: 40px;*/
}

.formbox .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.formbox .con .yourinfo {
	width: 26%;
	background: #000000;
	padding: 12.5px 20px;
	color: #B0B0B0;
	font-size: 20px;
	margin-top: 0!important;
}

.formbox .con .yourinfo:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.formbox .con .yourinfo span {
	line-height: 24px;
}

.formbox .con .yourinfo .arrowico {
	width: 35px;
	height: 35px;
	background-color: #000000;
	border-color: #fff;
	margin-left: 0;
}

.formbox .con .yourinfo:hover .arrowico {
	background-color: #ac2228;
	border-color: #ac2228;
}

.searchbox {
	background: #F1F2F6;
	width: 70%;
}

.searchbox .box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: nowrap;
	align-content: center;
}

.searchbox .text {
	line-height: 75px;
	background: #F1F2F6;
	padding: 0 25px;
	width: 80%;
	font-size: 20px;
	color: #000;
}

.searchbox .text:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.searchbtn {
	width: 20%;
	background: #ac2228;
	flex: 1;
	align-items: center;
	color: #fff;
	justify-content: space-around;
	border: none;
	cursor: pointer;
}

.searchbtn .arrowico {
	width: 35px;
	height: 35px;
	background-color: #fff;
}

.searchbtn .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}

.pro-sec {
	padding: 150px 0 110px;
}

.pro-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.leftpronav {
	width: 26%;
}

.leftpronav .tit {
	font-size: 24px;
	font-weight: bold;
	color: #F1F2F6;
	line-height: 30px;
	padding: 22px 20px;
	background: #ac2228 url(../images/leftbg-red.png) no-repeat 90% center;
	background-size: 38px 38px;
	font-family: 'MontserratBold';
}

.leftpronav dl {
	border-bottom: 1px solid #fff;
}

.leftpronav dt {
	background: #F1F2F6;
}

.leftpronav dt a {
	display: block;
	padding: 22px 20px;
	line-height: 30px;
	text-transform: capitalize;
	background: url(../images/arrow-right-red.png) no-repeat 88% center;
	background-size: 0 0;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.leftpronav dt.active a {
	color: #ac2228;
	font-weight: bold;
}

.leftpronav dt:hover a {
	font-weight: bold;
	background-size: 16px 16px;
}

.leftpronav dd {
	background: #fff;
	border-top: 1px solid rgba(216, 216, 216, 0.3);
}

.leftpronav dd a {
	font-size: 16px;
	color: #666666;
	display: block;
	padding: 22px 20px;
	line-height: 30px;
	text-transform: uppercase;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.leftpronav dd:hover a,
.leftpronav dd.active a {
	color: #ac2228;
	background: url(../images/xian.png) no-repeat 20px center;
	padding-left: 40px;
}

.rightprolist {
	width: 70%;
}

.rightprolist .prolist {
	margin-left: -18px;
}

.rightprolist .probox {
	flex: 0 0 calc(33% - 18px);
}

.rightprolist .probox:nth-child(1),
.rightprolist .probox:nth-child(2),
.rightprolist .probox:nth-child(3) {
	margin-top: 0!important;
}


/*
 
 * 
 * proxq
 * */

.proxq-sec {
	margin-top: 100px;
	border-top: 1px solid #D8D8D8;
	background: #fff url(../images/absec1bg.png) no-repeat 150% 216%;
	background-attachment: fixed;
	overflow: hidden;
}

.proxq-sec .position {
	margin-top: 40px;
	line-height: 20px;
	color: #909090;
}

.proxq-sec .position a {
	color: #909090;
}

.proxq-sec .position a:first-child {
	background-image: url(../images/homeico2.png)
}

.proxq-sec .main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.proxq-sec .pic {
	width: 43%;
	border-right: 1px solid #7C7C7C;
}

.proxqswiper {
	--swiper-theme-color: #ac2228;
	--swiper-pagination-fraction-color: #fff;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: .9;
	--swiper-navigation-color: #ac2228;
	margin: 64px 0 100px;
}

.proxqswiper .swiper-pagination-bullet {
	border: 1px solid #DEDEDE;
}

.proxqswiper .swiper-slide {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.proxqswiper .swiper-slide img {
	width: 70%;
}

.protabswiper .swiper-slide {
	opacity: 0.7;
	border-top: 1px solid #7C7C7C;
	margin-top: 2px;
	padding: 24px 30px;
	cursor: pointer;
}

.protabswiper .swiper-slide-thumb-active {
	opacity: 1;
	border-top: 4px solid #ac2228;
	margin-top: 0;
}

.protabswiper .swiper-slide img {
	display: block;
	width: 100%;
}

.proxq-sec .tbox {
	width: 57%;
	padding: 100px 0 100px 100px;
}

.proxq-sec .title {
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	font-family: 'MontserratBold';
}

.proxq-sec .desc {
	margin-top: 30px;
	font-size: 20px;
	color: #7C7C7C;
	line-height: 1.5;
}

.keyfeatures {
	margin-top: 50px;
}

.keyfeatures dt {
	font-size: 32px;
	line-height: 42px;
	padding-bottom: 30px;
	border-bottom: 1px solid #D8D8D8;
	color: #ac2228;
}

.keyfeatures dd {
	font-size: 22px;
	padding: 10px 0 10px 18%;
	line-height: 38px;
	border-bottom: 1px solid #D8D8D8;
	background: url(../images/protitbg.png) no-repeat left;
	background-size: 10px 10px;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.keyfeatures dd:hover {
	border-color: #ac2228;
}

.proxq-sec .btns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 80px;
	width: 70%;
}

.proxq-sec .btns .viewmore-link:hover {
	color: #ac2228;
}

.proxq-sec .btns .viewmore-link:nth-child(2) {
	color: #000;
}

.proxq-sec .btns .viewmore-link:nth-child(2) .arrowico {
	background-color: #000;
	border-color: #000;
}

.spe-sec {
	position: relative;
	padding-top: 160px;
	overflow: hidden;
}

.spe-sec .pic {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 100px;
	width: 100%;
	z-index: 1;
	background: url(../images/20250730132410.jpg) no-repeat left top!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-attachment: fixed!important;
}

.spe-sec .main {
	position: relative;
	z-index: 2;
}

.spe-sec .main .intitle {
	color: #fff;
}

.spe-sec .main .tbox {
	margin-top: 80px;
	position: relative;
	overflow: hidden;
}

.spe-sec .main .tbox .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	height: 100%;
	background: #fff url(../images/Specifications-bg2.png) no-repeat right 165px;
	background-size: 85% auto;
	border-bottom: 4px solid #ac2228;
}

.spe-sec .main .tbox .w {
	background: url(../images/related-sec-bg.png) no-repeat -25% 50px;
	background-size: 40% auto;
	position: relative;
	z-index: 1;
}

.spe-sec .main .tbox .con {
	padding: 100px 0;
	display: flex;
	justify-content: space-between;
}

.spe-sec .main .tbox .con .tit {
	flex: 0 0 calc(30% - 95px);
	font-size: 26px;
	font-weight: bold;
	line-height: 45px;
	padding-top: 23px;
	font-family: 'MontserratBold';
	border-top: 4px solid #ac2228;
}

.spe-sec .main .tbox .con .table {
	width: 70%;
	border-top: 4px solid #000000;
	overflow-x: auto;
}

.spe-sec .main .tbox .con .table table {
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
	min-width: 100%;
}

.spe-sec .main .tbox .con .table table tr {
	border-bottom: 1px solid #D8D8D8!important;
}

.spe-sec .main .tbox .con .table table td {
	padding: 5px;
	border: 1px solid #D8D8D8!important;
}

.spe-sec .main .tbox .con .table .freesyle td {
	border: 1px solid #D8D8D8!important;
}

.related-sec {
	padding: 50px 0 100px 0;
	background: #fff url(../images/related-sec-bg.png) no-repeat 150% center;
	overflow: hidden;
	background-attachment: fixed;
}

.related-sec .main {
	position: relative;
}

.related-sec .arrows {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.related-sol-Swiper {
	margin-top: 50px;
}

.resolbox {
	display: block;
}

.resolbox .pic {
	overflow: hidden;
	position: relative;
}

.resolbox .pic img {
	display: block;
	width: 100%;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.resolbox:hover .pic img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.resolbox:hover .pic:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(56, 68, 82, 0.6) 27%, rgba(56, 68, 82, 0) 100%);
	z-index: 1;
}

.resolbox .tbox {
	padding: 28.5px 30px;
	position: relative;
	background: #F1F2F6;
	overflow: hidden;
	-moz-transition: background 0.6s;
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

.resolbox:hover .tbox {
	/*background: #ac2228;*/
	padding: 20px 30px;
}

.blob-btn__inner {
	z-index: 1;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.blob-btn__blobs {
	position: relative;
	display: block;
	height: 100%;
	/*-webkit-filter: url(#goo);
    filter: url(#goo);
    display: none;*/
}

.blob-btn__blob:nth-child(1) {
	left: 0%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.blob-btn__blob {
	position: absolute;
	top: 6px;
	width: 25%;
	height: 100%;
	background: #ac2228;
	/*border-radius: 100%;*/
	-webkit-transform: translate3d(0, 150%, 0) scale(1.7);
	transform: translate3d(0, 150%, 0) scale(1.7);
	-webkit-transition: -webkit-transform 0.45s;
	transition: -webkit-transform 0.45s;
	transition: transform 0.45s;
	transition: transform 0.45s, -webkit-transform 0.45s;
}

.blob-btn__blob:nth-child(2) {
	left: 30%;
	-webkit-transition-delay: 0.08s;
	transition-delay: 0.08s;
}

.blob-btn__blob:nth-child(3) {
	left: 60%;
	-webkit-transition-delay: 0.16s;
	transition-delay: 0.16s;
}

.blob-btn__blob:nth-child(4) {
	left: 90%;
	-webkit-transition-delay: 0.24s;
	transition-delay: 0.24s;
}

.resolbox:hover .blob-btn__blob {
	-webkit-transform: translateZ(0) scale(1.7);
	transform: translateZ(0) scale(1.7);
}

.resolbox .tbox .tit {
	font-size: 32px;
	line-height: 39px;
	height: 39px;
	font-weight: bold;
	text-transform: capitalize;
	font-family: 'MontserratBold';
	color: #000000;
}

.resolbox:hover .tbox .tit {
	color: #fff;
	display: none;
}

.resolbox .tbox .desc {
	margin-top: 10px;
	font-size: 20px;
	line-height: 30px;
	height: 90px;
	color: rgba(102, 102, 102, 0.8);
	-moz-transition: width 0.6s;
	-webkit-transition: width 0.6s;
	transition: width 0.6s;
}

.resolbox:hover .tbox .desc {
	/*height: 60px;*/
	color: #fff;
	width: 90%;
	/*-webkit-line-clamp: 2;*/
	position: relative;
	z-index: 3;
}

.resolbox .tbox .viewmore-link {
	justify-content: flex-end;
	display: none;
	position: relative;
	z-index: 3;
}

.resolbox:hover .viewmore-link {
	display: flex;
	margin-top: 14px;
}

.resolbox .tbox .viewmore-link .arrowico {
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-color: #fff;
}

.resolbox .tbox .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}

.resolbox .tbox .bg {
	position: absolute;
	right: -30px;
	bottom: 10px;
	opacity: 0;
	z-index: 2;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.resolbox:hover .tbox .bg {
	opacity: .5;
}

.resolbox .tbox .bg img {
	display: block;
	width: 270px;
	height: 144px;
}

.related-sol-Swiper .resolbox .tbox .bg {
	display: none;
}

.more-sol-sec {
	/*margin-top: 110px;*/
}

.more-sol-Swiper {
	margin-top: 60px;
}

.message-sec {
	padding: 90px 0;
	background: #F1F2F6;
	overflow: hidden;
}

.message-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.social {
	margin-bottom: 70px;
}

.social .tit {
	font-size: 26px;
	font-weight: bold;
	line-height: 40px;
	font-family: 'MontserratBold';
	text-transform: capitalize;
}

.social .tit span {
	color: #ac2228;
}

.social .desc {
	font-size: 18px;
}

.social .flinks a {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.social .flinks a:hover {
	z-index: 2;
}
.social .flinks a>img{
	filter: invert(100%);
}
.flinks .ewmbox {
	width: 150px;
	height: 150px;
	padding: 0.18rem;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 0.1rem;
	z-index: 2;
	transition: all 0.4s;
	opacity: 0;
	pointer-events: none;
	margin-left: 20px;
}

.flinks .ewmbox::before {
	content: '';
	border-right: 8px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	left: -8px;
	bottom: 50%;
	transform: translateY(50%);
	z-index: 3;
}

.flinks .ewmbox::after {
	content: '';
	border-right: 8px solid rgba(0, 0, 0, 0.3);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	left: -9px;
	bottom: 50%;
	transform: translateY(50%);
	z-index: 2;
}

.flinks .ewmbox img {
	display: block;
	width: 100%;
	opacity: 1;
}

.social .flinks a:hover .ewmbox {
	opacity: 1;
	pointer-events: stroke;
}

.message-sec .main .leftbox {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	z-index: 2;
}

.message-sec .main .rightbox {
	width: 57%;
}

.form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.form .box {
	width: 32%;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	padding: 0 20px;
}

.form .box label {
	padding-right: 20px;
	line-height: 25px;
	border-right: 1px solid rgba(0, 0, 0, 0.3);
}

.form .box select {
	color: #000;
}

.form select {
	font-size: 20px;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 30px;
	background: #fff url(../images/arrow-right-bottom.png) no-repeat right center;
	color: #B0B0B0;
}

.form select::-ms-expand {
	display: none;
}

.countryselectbox {
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
}

.countryselect {
	line-height: 76px;
	height: 76px;
	background-position: 96% center!important;
	padding-left: 20px;
}

.form .text {
	width: 100%;
	line-height: 76px;
	height: 76px;
	background: #fff;
	font-size: 20px;
	padding: 0 20px;
	margin-bottom: 10px;
	color: #000000;
	border-radius: 0;
}

.form .text:nth-child(2) {
	flex: 0 0 calc(68% - 13px);
}

.form .text:nth-child(4),
.form .text:nth-child(5) {
	flex: 0 0 calc(50% - 6.5px);
}

.form .textarea {
	width: 100%;
	height: 160px;
	padding: 20px;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #000000;
	border-radius: 0;
}

.form .button {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	line-height: 40px;
	margin-top: 17px;
}

.form .viewmore-link {
	border: none;
	line-height: 40px;
	height: 40px;
	cursor: pointer;
	background: none;
}

.form .viewmore-link .arrowico {
	width: 38px;
	height: 38px;
}


/*
 
 * solutions
 * 
 * */

.solutions-sec {
	padding: 200px 0 110px;
	background: #fff;
	overflow: hidden;
}

.solutions-sec .main ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -34px;
}

.solutions-sec .main ul li {
	margin-left: 34px;
	flex: 0 0 calc(50% - 34px);
}

.solutions-sec .main ul li {
	margin-bottom: 80px;
}

.resolbox {
	position: relative;
}

.resolbox .type {
	position: absolute;
	left: 30px;
	top: 30px;
	right: 30px;
	font-size: 32px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	font-family: 'MontserratBold';
	z-index: 2;
	opacity: 0;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.resolbox:hover .type {
	opacity: 1;
}


/*
 
 * solutionxq
 * */

.solutionxq-sec {
	padding-top: 140px;
	background: url(../images/absec1bg.png) no-repeat 140% -85%;
	background-attachment: fixed;
}

.solutionxq-sec .main {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
}

.solutionxq-sec .main .pic {
	width: 57%;
}

.solutionxq-sec .main .pic img {
	display: block;
	width: 100%;
}

.zoom-marker img {
	border-radius: 50%;
	animation: change 1s ease-in infinite;
}

@keyframes change {
	0% {
		box-shadow: 0 0 5px rgba(172, 34, 40, 0.4);
	}
	50% {
		box-shadow: 0 0 50px rgba(172, 34, 40, 0.4);
	}
	100% {
		box-shadow: 0 0 5px rgba(172, 34, 40, 0.4);
	}
}

.zoom-marker:hover img {
	animation: none;
}

.zoom-marker-hover-dialog {
	display: none!important;
}

.zoom-marker-hover-dialog .tit {
	font-size: 22px;
	color: #000000;
}

#zoom-marker-img-alt_canvas {
	z-index: 981!important;
}

.solutionxq-sec .main .tbox {
	display: flex;
	width: 43%;
	padding-left: 30px;
	justify-content: center;
	flex-direction: column;
}

#tboxpos {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 2px;
	height: 2px;
	background: #007AFF;
	z-index: 1;
}

.solutionxq-sec .main .tbox .viewmore-link {
	border: none;
	display: inline-flex;
	width: 65%;
	background: #ac2228;
	color: #fff;
	line-height: 100px;
	align-items: center;
	padding: 0 25px;
	cursor: pointer;
	margin-top: 95px;
}

.solutionxq-sec .main .tbox .viewmore-link .arrowico {
	background-color: #fff;
}

.solutionxq-sec .main .tbox .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
}

.solutionxq-sec .main .tbox .viewmore-link:hover {
	opacity: 0.8;
}

.solutionxq-sec .main .tbox .tit {
	font-size: 26px;
	font-weight: bold;
	color: #ac2228;
	font-family: 'MontserratBold';
}

.solutionxq-sec .main .tbox .desc {
	margin-top: 15px;
	font-size: 20px;
	line-height: 1.5;
}

.plandetails-sec .main {
	margin-top: 50px;
}

.plandetails-sec dt {
	padding-right: 110px;
}

.plandetails-sec dt .num {
	font-size: 18px;
	font-family: 'Montserrat';
	color: #ac2228;
	margin-right: 100px;
}

.plandetails-sec .con {
	/*padding: 0 110px 100px 140px;*/
	font-size: 20px;
}

.plandetails-sec dl.active .con {
	padding: 0 110px 100px 140px;
}

.plandetails-sec .con .pic {
	margin-right: 4%;
	flex: 1;
}

.plandetails-sec .con .pic img {
	display: block;
	width: 100%;
}

.plandetails-sec .con .tbox {
	flex: 1;
}

.plandetails-sec .con .tit {
	font-family: 'MontserratBold';
	line-height: 1.5;
}

.plandetails-sec .con .desc {
	margin-top: 50px;
	line-height: 1.5;
}

.more-sol-sec+.related-sol-sec,
.related-sol-sec+.more-sol-sec {
	margin-top: 110px;
}


/*
 
 * 
 * contact
 * */

.contact-sec {
	margin-top: 185px;
	position: relative;
	overflow: hidden;
}

.contact-sec .main1 .tit {
	font-size: 32px;
	font-weight: bold;
	line-height: 38px;
	font-family: 'MontserratBold';
	margin-bottom: 35px;
}

.contact-sec .main1 .desc {
	font-size: 20px;
	font-weight: 300;
	line-height: 35px;
}

.contact-sec .main1 .desc strong {
	font-family: 'MontserratBold';
}

.contact-sec .main1 .desc span {
	color: #ac2228;
}

.contact-sec .main2 {
	position: absolute;
	right: 10.4%;
	top: 0;
	width: 29%;
	border: 2px solid #D8D8D8;
	background: #fff;
	z-index: 2;
	padding: 40px 30px;
}

.contact-sec .main2:hover {
	-moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.25);
}

.contact-sec .main2 .intitle {
	text-align: center;
}

.form2 {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form2 .box {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D8D8D8;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.form2 .box:hover {
	border-color: #ac2228;
}

.form2 .box:nth-child(1),
.form2 .box:nth-child(2) {
	width: 48%;
}

.form2 label {
	width: 100%;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	/*font-family: 'MontserratBold';*/
}

.form2 .text {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	color: #000;
}

.form2 .select {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 17px;
	color: #000;
	border: none;
	background: #fff;
}

.form2 .textarea {
	line-height: 20px;
	height: 40px;
	font-size: 17px;
	overflow: hidden;
	color: #000;
}

.form2 .button {
	width: 100%;
	margin-top: 20px;
}

.form2 .button .viewmore-link {
	border: none;
	width: 100%;
	background: #ac2228;
	color: #fff;
	line-height: 80px;
	align-items: center;
	padding: 0 25px;
	cursor: pointer;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.form2 .button .viewmore-link .arrowico {
	width: 36px;
	height: 36px;
	background-color: #fff;
}

.form2 .button .viewmore-link .arrowico:after {
	background-image: url(../images/arrow-right-red.png);
	background-repeat: no-repeat;
}

.form2 .button .viewmore-link:hover {
	letter-spacing: 2px;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.contact-sec .in5-sec {
	margin-top: 60px;
}

.contact-sec .in5-sec .map {
	height: 60vh;
	overflow: hidden;
	left: -3%;
}

.contact-sec .in5-sec .mapbg {
	transform: scale(0.85);
	left: -9%;
	top: -11%;
}

.contact-sec .in5-sec .cynumberbox {
	transform: scale(0.8);
	bottom: 30px;
}

.contact-sec .in5-sec .map .markerbox:nth-child(8) .infobox {
	top: auto;
	bottom: 0;
}

.news-sec {
	padding: 100px 0 110px;
	background: #fff;
	overflow: hidden;
}

.newslist {
	margin: 76px 0;
}

.news-sec .newslist ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -35px;
}

.newslist ul li {
	margin-bottom: 28px;
}

.news-sec .newslist ul li {
	margin-left: 35px;
	flex: 0 0 calc(25% - 35px);
}


/*.newslist .newsbox:not(.no-background) .beforeimg {
	opacity: 0;
}

.newslist .newsbox:not(.no-background):hover .beforeimg {
	opacity: 1;
}*/


/*.newslist .newsbox:not(.no-background) .tbox .tit,*/


/*.newslist .newsbox:not(.no-background)  .tbox .time .dd,*/


/*.newslist .newsbox:not(.no-background) .tbox .time .mmyy {
	color: #fff;
}*/

.newslist .newsbox:hover .tbox .time .dd {
	color: #ac2228;
}

.newsxq-sec {
	margin: 100px 0;
	border-top: 1px solid #D8D8D8;
	background: #fff url(../images/related-sec-bg.png) no-repeat 140% 110%;
	/*background-attachment: fixed;*/
}

.newsxq-sec .position {
	margin-top: 40px;
	line-height: 20px;
	color: #666;
	/*filter: drop-shadow(0 12px 0 #666);*/
}

.newsxq-sec .position a {
	color: #666;
}

.newsxq-sec .position a:first-child {
	background-image: url(../images/homeico2.png);
}

.newsxq-sec .main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 70px;
}

.newsboxleft {
	width: 68.6%;
}

.newsxq-sec .title {
	font-size: 40px;
	font-weight: bold;
	font-family: 'MontserratBold';
}

.newsxq-sec .ninfo {
	margin-top: 25px;
	font-size: 14px;
	color: #666;
	line-height: 20px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.newsxq-sec .ninfo span {
	margin: 0 40px 0 0;
}

.newsxq-sec .ninfo img {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -2px;
}

.details {
	margin-top: 25px;
	padding: 25px 0;
	line-height: 1.5;
	font-size: 20px;
}

.newsxq-sec .details {
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	margin-top: 20px;
}

.details img {
	display: block;
	max-width: 100%;
	height: auto!important;
}

.newspages {
	margin-top: 50px;
}

.newspages li a {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	font-size: 18px;
	padding-left: 42px;
	background: url(../images/arrow-right.png) no-repeat left center;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}

.newspages li:nth-child(2) a {
	margin-top: 30px;
	background-image: url(../images/arrow-left.png);
}

.newspages li a:hover {
	margin-left: 10px;
	font-weight: bold;
	background-image: url(../images/arrow-right-red.png)
}

.newspages li:nth-child(2) a:hover {
	background-image: url(../images/arrow-left-red.png)
}

.newspages li span {
	margin-left: 20px;
	height: 22px;
	line-height: 22px;
}

.newsboxright {
	width: 23.4%;
}

.newsboxright .title {
	font-size: 40px;
	font-weight: bold;
	line-height: 48px;
	font-family: 'MontserratBold';
}


/*
 
 * 
 * 
 * */

.layui-layer-page.videolayer .layui-layer-content {
	overflow: hidden;
}

.layui-layer-page.videolayer .layui-layer-content video {
	object-fit: fill
}


/*
 
 * 
 * 
 * 
 * */

@media only screen and (max-width:1900px) {
	.contact-sec .main2 .intitle {
		font-size: 37px;
	}
	/*.form2 .textarea {
		height: 60px;
	}*/
}
@media only screen and (max-width:1880px) {
	.position {
    font-size: 14px;
    }
}
@media only screen and (max-width:1750px) {
	.contact-sec .main2 .intitle {
		font-size: 35px;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 35px;
	}
}

@media only screen and (max-width:1680px) {
	.w {
		padding: 0 7.4%;
	}
	body {
		font-size: 18px;
	}
	.cynumberbox {
		left: 7.4%;
		padding-top: 20px;
	}
	.in5-sec .intitle {
		left: 7.4%;
	}
	.bannerswiper .tit {
		font-size: 48px;
	}
	.navol {
		line-height: 44px;
	}
	.navol dt a {
		font-size: 20px;
	}
	.navol dd a {
		font-size: 19px;
	}
	.navol {
		/*min-width: 440px;*/
	}
	.intitle {
		font-size: 35px;
	}
	.in1-sec .tbox .num-con {
		margin-top: 60px;
	}
	.ab-sec2 .main .box .leftbox .tit {
		font-size: 22px;
	}
	.loding.small {
		left: 7.4%;
	}
	.why-sec4 .tbox .desc {
		padding: 7% 9% 7% 17%;
	}
	.newsbox .tbox {
		padding: 35px;
	}
	.newsbox .tbox .time .dd {
		font-size: 50px;
	}
	.contact-sec .main2 {
		right: 7.4%;
		width: 28%;
		padding: 30px;
	}
	.contact-sec .main2 .intitle {
		font-size: 30px;
	}
	.form2 label {
		font-size: 18px;
	}
	.form2 .button .viewmore-link {
		line-height: 70px;
	}
	.solutionSwiper {
		height: 96vh;
	}
	.solutiointab ul li .tit {
		font-size: 30px;
	}
	.solutiointab ul li.active .tit {
		height: 37px;
	}
	.cynumberbox .num span {
		font-size: 120px;
		line-height: 90px;
	}
	.map .markerbox .ico {
		width: 22px;
		height: 22px;
	}
	.map .info .tit {
		font-size: 19px;
	}
	.tool-sec .main {
		bottom: -77px;
	}
	.position {
		line-height: 77px;
		font-size: 14px;
	}
	.nytitle .intitle {
		line-height: 77px;
	}
	.leftbg-red {
		background-size: 70px 70px;
	}
	.ab-sec1 .num-con .num .number {
		font-size: 75px;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 105px;
	}
	.ab-sec1 .since .tbox .en {
		font-size: 36px;
	}
	.ab-sec1 .desc2 {
		margin-top: 100px;
	}
	.his-sec .tbox .time {
		line-height: 70px;
		height: 70px;
	}
	.his-sec .tbox .time span {
		font-size: 110px;
	}
	.proxq-sec .tbox {
		padding: 90px 0 90px 90px;
	}
	.proxq-sec .title {
		font-size: 36px;
	}
	.proxq-sec .desc {
		margin-top: 25px;
	}
	.keyfeatures {
		margin-top: 40px;
	}
	.keyfeatures dd {
		font-size: 20px;
		padding: 8px 0 8px 13%;
		background-size: 8px 8px;
	}
	.proxq-sec .btns {
		margin-top: 60px;
	}
	.proxqswiper {
		margin: 64px 0;
	}
	.newsxq-sec .title {
		font-size: 36px;
	}
	.distri-sec2 {
		padding: 70px 0;
	}
	.spe-sec {
		padding-top: 140px;
	}
	.spe-sec .main .tbox {
		margin-top: 60px;
	}
	.contact-sec,
	.distri-sec1,
	.his-sec {
		margin-top: 170px;
	}
	.more-sol-Swiper,
	.why-sec3 .main {
		margin-top: 60px;
	}
	/*.more-sol-sec,*/
	.more-sol-sec+.related-sol-sec,
	.related-sol-sec+.more-sol-sec,
	.why-sec2,
	.why-sec3 {
		margin-top: 90px;
	}
	.why-sec4 {
		margin: 90px 0;
	}
	.message-sec {
		padding: 80px 0;
	}
	.related-sec,
	.spe-sec .main .tbox .con,
	.video-sec,
	.in1-sec,
	.in2-sec,
	.in4-sec,
	.ab-sec3 {
		padding: 100px 0;
	}
	.solutions-sec,
	.ab-sec1 {
		padding: 170px 0 90px;
	}
	.solutionxq-sec,
	.why-sec1 {
		padding-top: 170px;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 33px;
	}
	.probox {
		height: 450px;
	}
	.solutionxq-sec .main .tbox .viewmore-link {
		line-height: 82px;
	}
	.his-sec .tbox .desc strong {
		font-size: 28px;
	}
	.distri-sec2 dd .info .tit {
		font-size: 25px;
	}
	.distri-sec2 dt {
		padding: 22px 0;
		font-size: 30px;
	}
	.leftpronav .tit {
		font-size: 23px;
	}
	.nybanner .tbox .protit {
		font-size: 63px;
	}
	.details,
	.solutionxq-sec .main .tbox .desc,
	.resolbox .tbox .desc,
	.spe-sec .main .tbox .con .table table,
	.proxq-sec .desc,
	.searchbox .text,
	.formbox .con .yourinfo,
	.distri-sec2 dd .info .desc,
	.his-sec .tbox .desc,
	.cynumberbox .desc,
	.solutiointab ul li .desc,
	.in1-sec .tbox .desc2,
	.in1-sec .tbox .desc,
	.newsbox .tbox .tit,
	.ab-sec3 .box .tbox .desc,
	.ab-sec2 .main .box,
	.ab-sec1 .desc2,
	.ab-sec1 .num-con .desc,
	.why-sec2 .tbox .desc,
	.why-sec3 .title .desc,
	.why-sec3 .tbox .desc,
	.why-sec4 .tbox .desc {
		font-size: 18px;
	}
}

@media only screen and (max-width:1600px) {
	body {
		font-size: 18px;
	}
	.nav>ul>li {
		margin-right: 44px;
	}
	.nav>ul>li>a {
		font-size: 18px;
	}
	.head-main {
		line-height: 80px;
	}
	.head-main .logo img {
		height: 37px;
	}
	header.nyfixed .head-main .logo img,
	header.fixed .head-main .logo img {
		filter: drop-shadow(0 39px 0 #ac2228);
		transform: translateY(-39px);
	}
	header.fixed .head-main {
		line-height: 70px;
	}
	.nybanner {
		margin-top: 80px;
	}
	.loding.small {
		top: 21.5px;
		height: 37px;
		width: 148px;
	}
	.bannerswiper .tit {
		font-size: 44px;
	}
	.newsbox .tbox .tit {
		font-size: 19px;
	}
	.banner-news .newsbox .tbox .tit {
		font-size: 16px;
	}
	.newsbox .tbox .time .dd {
		font-size: 45px;
		line-height: 45px;
	}
	.intitle {
		font-size: 31px;
	}
	.in1-sec .tbox .desc {
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px;
		height: 168px;
	}
	.in1-sec .tbox .num .number {
		font-size: 55px;
	}
	.in1-sec .tbox .desc2 {
		font-size: 18px;
	}
	.in1-sec .tbox .num .ico {
		width: 16px;
	}
	.in1-sec .tbox .num-con {
		margin-top: 30px;
	}
	.in1-sec .tbox .num-con li {
		padding: 22px 0;
	}
	.viewmore-link .arrowico {
		width: 40px;
		height: 40px;
		margin-left: 20px;
	}
	.viewmore-link:hover .arrowico {
		margin-left: 20px;
	}
	.viewmore-link {
		font-size: 18px;
		line-height: 40px;
	}
	.protype ul li .tbox .tit {
		font-size: 22px;
		line-height: 22px;
	}
	.protype ul li .tbox .desc {
		font-size: 18px;
		line-height: 20px;
	}
	.protype ul li .ico {
		width: 60px;
		margin-right: 40px;
	}
	.in2-sec .main {
		margin-top: 50px;
	}
	.probox {
		height: 410px;
	}
	.probox .tbox .title {
		font-size: 22px;
		/*line-height: 40px;*/
	}
	.probox .tbox .desc {
		font-size: 18px;
		line-height: 25px;
		height: 50px;
	}
	.proSwiper .swiper-pagination {
		margin-top: 30px;
	}
	.solutiointab ul li .tit {
		font-size: 28px;
		line-height: 32px;
		height: 64px;
	}
	.solutiointab ul li.active .tit {
		height: 31px;
	}
	.solutiointab ul li .desc {
		font-size: 18px;
		line-height: 22px;
	}
	.solutiointab ul li.active .desc {
		height: 44px;
	}
	.newsbox .tbox .time {
		margin-top: 170px;
		padding-top: 20px;
	}
	.arrows .swiper-button-prev,
	.arrows .swiper-button-next {
		width: 42px;
		height: 42px;
		background-size: 17px;
	}
	.cynumberbox .num {
		padding-left: 30px;
		background-size: 18px auto;
		font-size: 18px;
	}
	.cynumberbox .num span {
		font-size: 90px;
		line-height: 90px;
		min-height: 33px;
	}
	.cynumberbox .desc {
		font-size: 16px;
		margin-top: 10px;
	}
	.map .info .tit {
		font-size: 17px;
	}
	.map .markerbox:hover .info .tit {
		font-size: 25px;
		line-height: 30px;
	}
	.map .info .desc {
		font-size: 16px;
	}
	.footer-sec .finfo .logo img {
		height: 40px;
	}
	.footer-sec .finfo .email {
		font-size: 22px;
	}
	.footer-sec .finfo .desc {
		font-size: 18px;
	}
	.viewmore-link.yourinfo {
		font-size: 16px;
		line-height: 40px;
	}
	.fnav ul {
		line-height: 34px;
	}
	.fnav ul>li>a {
		font-size: 19px;
	}
	.fnav dl dt {
		font-size: 16px;
	}
	.fnav dl dd {
		font-size: 16px;
	}
	.fnav ul li:nth-child(2) dl dd {
		font-size: 14px;
		line-height: 20px;
	}
	.footer-sec .main {
		padding: 40px 0 25px;
	}
	.copyright {
		font-size: 16px;
		line-height: 22px;
	}
	.copyright .sitemap {
		font-size: 16px;
	}
	.flinks a {
		margin-right: 10px;
		width: 34px;
		height: 34px;
	}
	.navol {
		/*min-width: 380px;*/
		/*padding: 10px 0;*/
	}
	.navol {
		line-height: 45px;
	}
	.navol a {
		padding: 0 45px 0 25px;
	}
	.navol dt a {
		font-size: 20px;
	}
	.navol dd a {
		font-size: 18px;
	}
	.nybanner .tbox {
		font-size: 35px;
	}
	.tool-sec .main {
		bottom: -67px;
	}
	.position {
		/*font-size: 15px;*/
		line-height: 67px;
	}
	.nytitle .intitle {
		line-height: 67px;
	}
	.leftbg-red {
		background-size: 60px 60px;
	}
	.ab-sec1 .num-con .num {
		line-height: 90px;
		margin-top: 20px;
	}
	.ab-sec1 .num-con .num .number {
		font-size: 70px;
	}
	.ab-sec1 .num-con .desc {
		font-size: 18px;
		line-height: 20px;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 90px;
		line-height: 80px;
	}
	.ab-sec1 .since .tbox .en2 {
		font-size: 18px;
	}
	.ab-sec1 .since .tbox .en {
		font-size: 30px;
	}
	.ab-sec1 .desc2 {
		font-size: 18px;
		margin-top: 80px;
	}
	.ab-sec2 {
		padding-top: 50px;
	}
	.ab-sec2 .main .box {
		font-size: 18px;
	}
	.ab-sec2 .main .box .leftbox .tit {
		font-size: 22px;
	}
	.ab-sec2 .main .box .leftbox .desc {
		line-height: 21px;
		height: 42px;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 34px;
	}
	.ab-sec3 .box .tbox .desc {
		margin-top: 30px;
		font-size: 18px;
		line-height: 25px;
		height: 100px;
	}
	.why-sec1 .tbox {
		font-size: 18px;
		line-height: 21px;
	}
	.his-sec .tbox .time {
		margin-top: 30px;
		line-height: 60px;
		height: 60px;
		font-size: 20px;
	}
	.his-sec .tbox .time span {
		font-size: 80px;
	}
	.his-sec .tbox .desc {
		font-size: 16px;
		line-height: 20px;
	}
	.his-sec .tbox .desc strong {
		font-size: 22px;
	}
	.map .markerbox .ico {
		width: 20px;
		height: 20px;
	}
	.distri-sec2 dt {
		padding: 15px 0;
		font-size: 26px;
	}
	.distri-sec2 dd .info {
		padding: 15px 0;
		line-height: 26px;
	}
	.distri-sec2 dd .info .tit {
		font-size: 20px;
	}
	.distri-sec2 dd .info .desc {
		font-size: 18px;
	}
	.classify .viewmore-link {
		font-size: 18px;
		padding: 10px;
	}
	.videoSwiper .tbox .tit {
		font-size: 28px;
	}
	.videoSwiper .tbox .desc {
		font-size: 17px;
	}
	.videolist {
		margin-top: 60px;
	}
	.videolist ul li {
		margin-bottom: 45px;
	}
	.videolist ul li .tbox .tit {
		font-size: 18px;
	}
	.nybanner .tbox .protit {
		font-size: 62px;
	}
	.proxq-sec {
		background-position: 227% bottom;
	}
	.pros-sec .protitle .intitle {
		background-size: 15px auto;
		padding-left: 45px;
	}
	.prolist .probox {
		margin-top: 40px;
	}
	/*.probox .tbox .viewmore-link {
		margin-top: 44%;
	}*/
	.proxq-sec .tbox {
		padding: 80px 0 80px 80px;
	}
	.proxq-sec .title {
		font-size: 34px;
		line-height: 40px;
	}
	.proxq-sec .desc {
		margin-top: 20px;
		font-size: 18px;
	}
	.keyfeatures dt {
		font-size: 28px;
		line-height: 30px;
		padding-bottom: 20px;
	}
	.keyfeatures dd {
		background-size: 7px 7px;
		padding: 5px 0 5px 10%;
		font-size: 18px;
	}
	.proxq-sec .btns {
		margin-top: 26px;
	}
	.spe-sec .main .tbox .con .tit {
		font-size: 24px;
	}
	.spe-sec .main .tbox .con .table table {
		font-size: 18px;
		line-height: 42px;
	}
	.related-sol-Swiper {
		margin-top: 40px;
	}
	.resolbox .type,
	.resolbox .tbox .tit {
		font-size: 28px;
	}
	.resolbox .tbox .desc {
		font-size: 17px;
	}
	.social {
		margin-bottom: 40px;
	}
	.social .tit {
		font-size: 24px;
	}
	.form .text {
		line-height: 56px;
		height: 56px;
		font-size: 18px;
	}
	.form select {
		font-size: 18px;
	}
	.countryselect {
		line-height: 56px;
		height: 56px;
	}
	.form .textarea {
		height: 115px;
		font-size: 16px;
		line-height: 25px;
	}
	.form .layui-form-select dl {
		top: 56px;
	}
	.solutions-sec .main ul li {
		margin-bottom: 60px;
	}
	.solutionxq-sec .main .tbox .tit {
		font-size: 24px;
	}
	.solutionxq-sec .main .tbox .desc {
		font-size: 18px;
		line-height: 21px;
	}
	.solutionxq-sec .main .tbox .viewmore-link {
		line-height: 70px;
		margin-top: 65px;
	}
	.plandetails-sec dt .num {
		font-size: 16px;
		margin-right: 60px;
	}
	.plandetails-sec .con {
		padding: 0 80px 80px 90px;
		font-size: 18px;
	}
	.plandetails-sec .con .desc {
		margin-top: 40px;
		/*line-height: 21px;*/
	}
	.newsxq-sec .main {
		margin-top: 50px;
	}
	.newsxq-sec .title {
		font-size: 36px;
	}
	.newsxq-sec .ninfo {
		margin-top: 15px;
		font-size: 13px;
	}
	.details {
		margin-top: 15px;
		padding: 20px 0;
		font-size: 18px;
	}
	.newslist {
		margin: 50px 0;
	}
	.contact-sec .main1 .tit {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 25px;
	}
	.contact-sec .main1 .desc {
		font-size: 18px;
		line-height: 30px;
	}
	.contact-sec .in5-sec {
		margin-top: 40px;
	}
	.contact-sec .main2 {
		width: 28%;
		padding: 30px 20px;
	}
	.contact-sec .main2 .intitle {
		font-size: 30px;
	}
	.form2 {
		margin-top: 40px;
	}
	.form2 .box {
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.form2 label {
		margin-bottom: 5px;
		font-size: 17px;
	}
	.form2 .layui-form-select .layui-input,
	.form2 .textarea,
	.form2 .select,
	.form2 .text {
		font-size: 15px;
	}
	.form2 .button .viewmore-link {
		line-height: 50px;
	}
	.formbox .con .yourinfo {
		padding: 9.5px 20px;
	}
	.layui-form-select dl {
		top: 31px;
	}
	.contact-sec .in5-sec .map {
		height: 64vh;
	}
	.searchbox .text {
		line-height: 67px;
	}
	.distri-sec2 {
		padding: 60px 0;
	}
	.spe-sec {
		padding-top: 120px;
	}
	.spe-sec .main .tbox {
		margin-top: 50px;
	}
	.contact-sec,
	.distri-sec1,
	.his-sec {
		margin-top: 150px;
	}
	.more-sol-Swiper,
	.why-sec3 .main {
		margin-top: 50px;
	}
	/*.more-sol-sec,*/
	.more-sol-sec+.related-sol-sec,
	.related-sol-sec+.more-sol-sec,
	.why-sec2,
	.why-sec3 {
		margin-top: 80px;
	}
	.why-sec4 {
		margin: 80px 0;
	}
	.message-sec {
		padding: 70px 0;
	}
	.related-sec,
	.video-sec,
	.in1-sec,
	.in2-sec,
	.in4-sec,
	.ab-sec3 {
		padding: 90px 0;
	}
	.spe-sec .main .tbox .con {
		padding: 90px 0 60px 0;
	}
	.solutions-sec,
	.ab-sec1 {
		padding: 150px 0 80px;
	}
	.solutionxq-sec,
	.why-sec1 {
		padding-top: 150px;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 30px;
	}
	.loding {
		height: 100px;
	}
	.loding .item:nth-child(1) {
		width: 150px;
	}
	.loding .item:nth-child(2) {
		width: 86px;
	}
	.loding .item:nth-child(3) {
		width: 38px;
	}
	.loding .item:nth-child(4) {
		width: 80px;
	}
	.loding .item:nth-child(5) {
		width: 106px;
	}
	.loding .item:nth-child(6) {
		width: 26px;
	}
	.details,
	.solutionxq-sec .main .tbox .desc,
	.resolbox .tbox .desc,
	.spe-sec .main .tbox .con .table table,
	.proxq-sec .desc,
	.searchbox .text,
	.formbox .con .yourinfo,
	.distri-sec2 dd .info .desc,
	.his-sec .tbox .desc,
	.cynumberbox .desc,
	.solutiointab ul li .desc,
	.in1-sec .tbox .desc2,
	.in1-sec .tbox .desc,
	.newsbox .tbox .tit,
	.ab-sec3 .box .tbox .desc,
	.ab-sec2 .main .box,
	.ab-sec1 .desc2,
	.ab-sec1 .num-con .desc,
	.why-sec2 .tbox .desc,
	.why-sec3 .title .desc,
	.why-sec3 .tbox .desc,
	.why-sec4 .tbox .desc {
		font-size: 16px;
	}
}

@media only screen and (max-width:1500px) {
.leftbg-red:before{
	width: 50%;
}
}
@media only screen and (max-width:1440px) {
	.nybanner .tbox .protit {
		font-size: 52px;
	}
	.intitle {
		font-size: 30px;
	}
	.position {
		font-size: 13px;
	}
	.probox .tbox .title {
		font-size: 18px;
	}
	.probox:hover .tbox .title {
		font-size: 20px;
	}
	.proxq-sec .tbox {
		padding: 40px 0 60px 60px;
	}
	.proxqswiper {
		margin: 40px 0;
	}
	.proxq-sec .position {
		margin-top: 20px;
	}
	.resolbox .type,
	.resolbox .tbox .tit {
		font-size: 26px;
	}
	.bannerswiper .tit {
		font-size: 40px;
	}
	.newsbox .tbox .time .dd {
		font-size: 40px;
		line-height: 40px;
	}
	.map .infobox {
		right: 35px;
	}
	.fnav ul>li>a {
		font-size: 20px;
	}
	.videoSwiper .pic {
		width: 45%;
	}
	.videoSwiper .tbox .tit {
		font-size: 26px;
	}
	.newsbox .tbox {
		padding: 20px 25px;
	}
	.newsxq-sec .position {
		margin-top: 30px;
	}
	.newsxq-sec .title {
		font-size: 34px;
	}
	.contact-sec .in5-sec .mapbg {
		transform: scale(0.8);
		left: -7%;
		top: -12%;
	}
	.map .info .tit,
	.solutiointab ul li .desc,
	.protype ul li .tbox .desc,
	.newsbox .tbox .tit,
	.proxq-sec .desc,
	.probox .tbox .desc,
	.classify .viewmore-link {
		font-size: 17px;
	}
	.probox .tbox .viewmore-link {
		font-size: 17px;
	}
	.cynumberbox .num span {
		font-size: 60px;
		line-height: 60px;
	}
	.cynumberbox {
		bottom: 20px;
		padding-top: 15px;
	}
	.cynumberbox .desc {
		font-size: 13px;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 28px;
	}
	.in1-sec .tbox .num .number {
		font-size: 48px;
	}
	.newsbox .tbox .time {
		margin-top: 185px;
	}
	.ab-sec1 {
		background-position: -147% bottom;
	}
	.solutionxq-sec {
		background-position: 260% bottom;
	}
	.related-sec {
		background-position: 235% center;
	}
	.contact-sec .main2 .intitle {
		font-size: 28px;
	}
}

@media only screen and (max-width:1366px) {
	.head-main .logo img {
		height: 32px;
	}
	header.nyfixed .head-main .logo img,
	header.fixed .head-main .logo img {
		filter: drop-shadow(0 32px 0 #ac2228);
		transform: translateY(-32px);
	}
	.nav>ul>li {
		margin-right: 35px;
	}
	.loding.small {
		/*top: 29px;
		height: 32px;*/
		top: 31px;
		height: 27px;
		width: 128px;
	}
	.solutiointab ul li .tit {
		font-size: 24px;
	}
	.tool-sec .main {
		bottom: -57px;
	}
	.position {
		line-height: 57px;
	}
	.nytitle .intitle {
		line-height: 57px;
	}
	.leftbg-red {
		background-size: 50px 50px;
	}
	.intitle {
		font-size: 26px;
	}
	.head-main {
		line-height: 90px;
	}
	header.fixed .head-main {
		line-height: 70px;
	}
	.nybanner {
		margin-top: 90px;
	}
	.ab-sec1 .num-con .num {
		line-height: 80px;
	}
	.ab-sec1 .num-con .num .number {
		font-size: 50px;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 65px;
	}
	.ab-sec3 .box .tbox {
		padding: 0 5%;
	}
	.ab-sec3 .box:hover .tbox {
		/*padding: 40px 5%;*/
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 25px;
	}
	.his-sec .tbox .time span {
		font-size: 70px;
	}
	.his-sec .tbox .desc {
		margin-top: 20px;
		font-size: 14px;
		line-height: 18px;
	}
	.his-sec .tbox .desc strong {
		font-size: 20px;
	}
	.distri-sec2 dt {
		padding: 15px 0;
		font-size: 25px;
	}
	.distri-sec2 dd .info .tit {
		font-size: 22px;
	}
	.distri-sec2 dd .info .desc {
		font-size: 16px;
	}
	.nybanner .tbox {
		font-size: 30px;
	}
	.solutionxq-sec .main .tbox,
	.solutionxq-sec .main .pic {
		width: 50%;
	}
	.newsxq-sec .title {
		font-size: 32px;
	}
	.contact-sec .main1 .tit {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.contact-sec .main2 .intitle {
		font-size: 25px;
	}
	.contact-sec .in5-sec .map {
		height: 62vh;
	}
	body,
	.map .info .tit,
	.solutiointab ul li .desc,
	.protype ul li .tbox .desc,
	.newsbox .tbox .tit,
	.proxq-sec .desc,
	.probox .tbox .desc,
	.classify .viewmore-link,
	.in1-sec .tbox .desc,
	.nav>ul>li>a,
	.in1-sec .tbox .desc2,
	.in3-sec .tbox .desc,
	.ab-sec1 .num-con .desc,
	.ab-sec1 .desc2,
	.ab-sec2 .main .box,
	.why-sec4 .tbox .desc,
	.why-sec3 .tbox .desc,
	.why-sec3 .title .desc,
	.why-sec2 .tbox .desc,
	.why-sec1 .tbox,
	.solutionxq-sec .main .tbox .desc,
	.plandetails-sec .con,
	.details,
	.newspages li a,
	.contact-sec .main1 .desc {
		font-size: 16px;
	}
	.why-sec4 .tbox .desc {
		padding: 8% 10% 8% 20%;
	}
	.why-sec3 .tbox,
	.why-sec2 .tbox {
		padding: 40px;
	}
	.distri-sec2 {
		padding: 40px 0;
	}
	.spe-sec {
		padding-top: 100px;
	}
	.spe-sec .main .tbox {
		margin-top: 40px;
	}
	.contact-sec,
	.distri-sec1,
	.his-sec {
		margin-top: 120px;
	}
	.more-sol-Swiper,
	.why-sec3 .main {
		margin-top: 40px;
	}
	/*.more-sol-sec,*/
	.more-sol-sec+.related-sol-sec,
	.related-sol-sec+.more-sol-sec,
	.why-sec2,
	.why-sec3 {
		margin-top: 60px;
	}
	.why-sec4 {
		margin: 60px 0;
	}
	.message-sec {
		padding: 50px 0;
	}
	.related-sec,
	.spe-sec .main .tbox .con,
	.video-sec,
	.in1-sec,
	.in2-sec,
	.in4-sec,
	.ab-sec3 {
		padding: 70px 0;
	}
	.solutions-sec,
	.ab-sec1 {
		padding: 120px 0 60px;
	}
	.solutionxq-sec,
	.why-sec1 {
		padding-top: 120px;
	}
	.protype ul li .tbox .tit {
		font-size: 20px;
		line-height: 20px;
	}
	.in1-sec .tbox .num .number {
		font-size: 40px;
	}
	.probox {
		height: 360px;
	}
	.ab-sec1 {
		background-position: -204% bottom;
	}
	.proxq-sec .title {
		font-size: 30px;
		line-height: 34px;
	}
	.keyfeatures dd {
		background-size: 5px 5px;
		padding: 5px 0 5px 8%;
		font-size: 17px;
	}
	.resolbox .tbox {
		padding: 20.5px 30px;
	}
	.resolbox:hover .tbox {
		padding: 12px 30px;
	}
	.resolbox .type,
	.resolbox .tbox .tit {
		font-size: 22px;
	}
	.resolbox .tbox .desc {
		line-height: 22px;
		height: 66px;
	}
	.form2 .layui-form-select .layui-input,
	.form2 .textarea,
	.form2 .select,
	.form2 .text {
		font-size: 14px;
	}
	.leftpronav .tit {
		font-size: 18px;
	}
	.leftpronav .tit,
	.leftpronav dt a {
		padding: 15px 20px;
	}
	.leftpronav dd a {
		padding: 15px 20px;
		font-size: 15px;
	}
	.pro-sec {
		padding: 110px 0;
	}
	.keyfeatures dt {
		font-size: 25px;
	}
}

@media only screen and (max-width:1300px) {
.leftbg-red:before{
	width: 55%;
}
	.bannerswiper .tit {
		font-size: 35px;
	}
	.contact-sec .in5-sec .map {
		min-height: 380px;
	}
	body,
	.map .info .tit,
	.solutiointab ul li .desc,
	.protype ul li .tbox .desc,
	.newsbox .tbox .tit,
	.proxq-sec .desc,
	.probox .tbox .desc,
	.classify .viewmore-link,
	.in1-sec .tbox .desc,
	.nav>ul>li>a,
	.in1-sec .tbox .desc2,
	.in3-sec .tbox .desc,
	.ab-sec1 .num-con .desc,
	.ab-sec1 .desc2,
	.ab-sec2 .main .box,
	.why-sec4 .tbox .desc,
	.why-sec3 .tbox .desc,
	.why-sec3 .title .desc,
	.why-sec2 .tbox .desc,
	.why-sec1 .tbox,
	.solutionxq-sec .main .tbox .desc,
	.plandetails-sec .con,
	.details,
	.newspages li a,
	.contact-sec .main1 .desc,
	.ab-sec3 .box .tbox .desc,
	.banner-news .newsbox .tbox .tit {
		font-size: 15px;
	}
	.in1-sec .tbox .num-con li {
		padding: 15px 0;
	}
	.in1-sec .tbox .num .number {
		font-size: 38px;
	}
	.ab-sec1 .num-con .num {
		font-size: 26px;
		line-height: 55px;
	}
	.ab-sec1 .num-con .num .number {
		font-size: 42px;
	}
	.ab-sec1 .num-con .ico img {
		width: 20px;
		height: 20px;
	}
	.ab-sec2 .main .box:first-child.active .leftbox {
		width: 48.5%;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 26px;
	}
	.his-sec .tbox .time span {
		font-size: 60px;
	}
	.map .markerbox:hover .info .tit {
		font-size: 18px;
	}
	.map .info .desc {
		font-size: 14px;
	}
	.map .markerbox:hover .info {
		width: 230px;
	}
	.proxq-sec .title {
		font-size: 30px;
	}
	.keyfeatures dd {
		font-size: 16px;
		line-height: 22px;
	}
	.keyfeatures {
		margin-top: 20px;
	}
	.keyfeatures dt {
		font-size: 25px;
		line-height: 28px;
	}
	.newsxq-sec .title {
		font-size: 30px;
	}
	.navol dt a {
		font-size: 17px;
	}
	.navol dd a {
		font-size: 16px;
	}
	.navol {
		line-height: 40px;
	}
	.formbox .con .yourinfo {
		font-size: 15px;
	}
	.formbox .con .yourinfo span {
		line-height: 18px;
	}
	.searchbox .text {
		line-height: 56px;
		font-size: 15px;
		width: 68%;
	}
	.searchbtn {
		width: 32%;
	}
	.probox {
		height: 340px;
	}
	.nybanner .tbox .protit {
		margin-top: 20%;
	}
	.probox .pic img {
		bottom: 25px;
	}
	.probox .tbox .viewmore-link {
		font-size: 15px;
	}
}

@media only screen and (max-width:1200px) {
	.protype ul li .ico {
		width: 50px;
		margin-right: 25px;
	}
	.contact-sec .main2 .intitle {
		font-size: 24px;
	}
	.form2 {
		margin-top: 20px;
	}
}

@media only screen and (max-width:1120px) {
	.leftbg-red:before{
	width: 60%;
}
}
@media only screen and (max-width:1180px) {
	
	.w {
		padding: 0 4.4%;
	}
	.loding.small {
		left: 4.4%;
	}
	.cynumberbox {
		left: 4.4%;
	}
	.in5-sec .intitle {
		margin-left: 4.4%;
	}
	.protype ul li .ico {
		width: 30px;
		margin-right: 15px;
	}
	.protype ul li {
		width: 49%;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 60px;
	}
	.distri-sec1 .cynumberbox {
		left: 20px;
		bottom: 20px;
	}
	.videoSwiper .tbox .tit {
		font-size: 23px;
	}
	.videolist ul li .tbox .tit {
		font-size: 16px;
	}
	.viewmore-link {
		font-size: 16px;
	}
	.contact-sec .in5-sec .mapbg {
		transform: scale(0.9);
		left: -12%;
		top: -5%;
	}
	.contact-sec .in5-sec .map {
		height: 56vh;
	}
	.map .markerbox:nth-child(2) .infobox {
		right: auto;
		left: 35px;
	}
	.map .markerbox:nth-child(5) .infobox {
		left: 35px;
	}
	.viewmore-link.yourinfo {
		display: none;
	}
	.searchbox {
		width: 100%;
	}
	.pro-sec {
		padding: 110px 0;
	}
	.rightprolist .probox {
		flex: 0 0 calc(49% - 18px);
	}
	.rightprolist .probox:nth-child(3) {
		margin-top: 40px!important;
	}
	.rightprolist {
		width: 63%
	}
	.leftpronav {
		width: 30%;
	}
	.contact-sec .main2 .intitle {
		font-size: 20px;
	}
}

@media only screen and (max-width:1024px) {
	
	.leftbg-red:before{
	width: 65%;
}
	.protype ul li {
		text-align: center;
	}
	.protype ul li .tbox {
		width: 100%;
	}
	.fnav {
		display: none;
	}
	.footer-sec .finfo {
		width: 100%;
		align-items: center;
	}
	.ab-sec1 .desc2 {
		padding-left: 0;
	}
	.probox {
		height: 350px;
	}
	.probox .tbox {
		padding: 30px 20px;
	}
	.probox .tbox .viewmore-link {
		/*margin-top: 37%;*/
		font-size: 13px;
	}
	.contact-sec .in5-sec .map {
		height: auto;
	}
	.contact-sec .main2 {
		position: static;
		width: 91.2%;
		padding: 40px;
		margin: 30px 4.4%;
	}
	.contact-sec .in5-sec .mapbg {
		transform: scale(1);
		left: 0;
		top: 0;
	}
	.nav>ul>li {
		margin-right: 40px;
	}
	.classify .viewmore-link {
		line-height: 20px;
		align-items: center;
		text-align: center
	}
	.classify ul li {
		display: inline-flex;
		align-items: stretch;
	}
	.copyright {
		padding-left: 0;
	}
	.resolbox .type {
		width: auto;
		right: 30px;
	}
	.map .info .tit {
		font-size: 13px;
	}
	.nybanner .tbox .protit {
		margin-top: 0;
	}
	.nybanner .tbox .protit {
		font-size: 34px;
	}
	.ab-sec3 .box .tbox {
		padding: 0 4%;
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 22px;
	}
	.why-sec2 {
		background: none;
	}
	.why-sec2 .main {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		/*background: #F1F2F6;*/
		border-bottom: 4px solid #ac2228;
	}
	.why-sec2 .tbox {
		width: 55%;
	}
	.why-sec2 .pic {
		display: block;
	}
	.why-sec2 .tbox {
		border: none;
	}
	.in1-sec .tbox .num .number {
		font-size: 35px;
	}
	.banner-news {
		width: 45%;
	}
	#mouse-cursor {
		display: none;
	}
	.contact-sec .main2 .intitle {
		font-size: 26px;
	}
}

@media only screen and (max-width:960px) {
	.leftbg-red:before{
	width: 70%;
}
	header {
		display: none;
	}
	.phone_head {
		display: block;
	}
	.h {
		display: block;
	}
	/*.banner-sec {
		height: auto;
	}*/
	.loding {
		display: none;
	}
	.bannerswiper .pic img {
		width: 100%;
		min-height: auto;
	}
	.bannerswiper .tbox {
		bottom: 58%;
	}
	.bannerswiper .tit {
		width: 100%;
	}
	.banner-news {
		width: 50%;
	}
	.solutionSwiper {
		height: 50vh;
	}
	.probox {
		height: 380px;
	}
	.text-wrapSwiper {
		height: 50vh;
	}
	.ab-sec3 .box .tbox .tit {
		line-height: 30px;
	}
	.why-sec2 .tbox {
		width: 80%;
	}
	.why-sec3 .tbox {
		width: 44%
	}
	.nybanner {
		margin-top: 0;
	}
	.videoSwiper .tbox .tit {
		font-size: 22px;
		line-height: 30px;
		max-height: 60px;
	}
	.videoSwiper .tbox .desc {
		margin-top: 10px;
	}
	.videoSwiper .pic {
		width: 50%;
	}
	.videolist ul li .tbox {
		opacity: 1;
		background: #fff;
	}
	.videolist ul li:hover .tbox {
		background: #ac2228;
	}
	.videolist ul li .tbox .tit {
		color: #ac2228;
	}
	.videolist ul li:hover .tit {
		color: #fff;
	}
	.pros-sec .probox {
		flex: 0 0 calc(33.3% - 20px);
	}
	.probox:not(.proSwiper .probox):hover .tbox .title {
		font-size: 22px;
	}
	.proxq-sec .pic {
		width: 100%;
		border-bottom: 1px solid #7C7C7C;
		border-right: none;
	}
	.proxq-sec .tbox {
		width: 100%;
		padding: 30px;
	}
	.proxq-sec {
		margin-top: 0;
	}
	.news-sec .newslist ul li {
		flex: 0 0 calc(33.3% - 35px);
	}
	.newsxq-sec {
		margin-top: 0;
	}
	.searchbtn {
		width: 26%;
	}
	.searchbox .text {
		width: 74%;
	}
	.rightprolist {
		width: 50%
	}
	.leftpronav {
		width: 45%;
	}
	.rightprolist .probox {
		flex: 0 0 100%;
		margin-left: 0;
	}
	.rightprolist .probox:nth-child(2) {
		margin-top: 40px !important;
	}
	.rightprolist .prolist {
		margin-left: 0;
	}
	.classify ul li:hover .arrowico,
	.classify ul li.active .arrowico {
		display: none;
	}
	.ab-sec2 .main .box:first-child.active .leftbox {
		width: 70.5%;
	}
	.pros-sec .mainbox+.mainbox {
		padding-top: 70px;
	}
}

@media only screen and (max-width:768px) {
	.in1-sec .picbox {
		width: 100%;
	}
	.in1-sec .tbox {
		width: 100%;
		margin-top: 40px;
	}
	.protype ul li .tbox .tit {
		font-size: 19px;
		line-height: 19px;
	}
	a.gosearch .arrowico {
		margin-left: 5px;
	}
	.map .markerbox .ico {
		width: 20px;
		height: 20px;
	}
	.map .infobox {
		right: 23px;
	}
	.map .info {
		padding: 2px 5px;
	}
	.cynumberbox .num span {
		font-size: 40px;
		line-height: 40px;
		min-height: 18px;
	}
	.cynumberbox .num {
		padding-left: 20px;
		background-size: 10px auto;
		font-size: 15px;
	}
	.cynumberbox .num .ico {
		width: 15px;
	}
	.cynumberbox {
		left: 4.4%;
	}
	/*.in5-sec {
		background: #fff;
	}*/
	.in5-sec .intitle {
		position: static;
	}
	.ab-sec1 .since .tbox .en {
		font-size: 22px;
		line-height: 1.1;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 40px;
		line-height: 1.1;
	}
	.ab-sec2 .main .box {
		flex: 0 0 100%;
	}
	.ab-sec3 .box .tbox {
		padding: 0 2%;
	}
	.ab-sec3 .box:hover .tbox {
		/*padding: 20px 2%;*/
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 18px;
	}
	.ab-sec3 .box .tbox .desc {
		margin-top: 10px;
		line-height: 20px;
		height: 80px;
	}
	.ab-sec3 .box .viewmore-link {
		margin-top: 15px;
	}
	.why-sec4 .tbox {
		width: 63%;
	}
	.why-sec4 .pic {
		width: 37%;
	}
	.why-sec4 .tbox .desc {
		padding: 8%;
	}
	.text-wrapSwiper {
		height: 70vh;
	}
	.videolist ul li .tbox {
		padding: 10px 20px;
	}
	.message-sec .main {
		flex-wrap: wrap;
	}
	.message-sec .main .rightbox {
		width: 100%;
	}
	.leftbg-red:before {
		width: 100%;
	}
	.leftbg-red{
		background: none;
	}
	.intitle {
		font-size: 22px;
	}
	.nybanner .tbox {
		font-size: 22px;
	}
	.resolbox:hover .tbox .desc {
		width: 80%;
	}
	.solutionxq-sec .main {
		flex-wrap: wrap;
	}
	.solutionxq-sec .main .pic {
		width: 80%;
		margin: 0 10%;
	}
	.solutionxq-sec .main .tbox {
		width: 100%;
	}
	.solutionxq-sec {
		background-size: 50% auto;
		background-position: 100% 0;
	}
	.newsboxleft {
		width: 100%;
	}
	.newsboxright {
		width: 100%;
		margin-top: 50px;
	}
	.newsboxright .newslist ul {
		display: flex;
		flex-wrap: wrap;
		margin-left: -35px;
	}
	.newsboxright .newslist ul li {
		margin-left: 15px;
		flex: 0 0 calc(33% - 35px);
	}
}

@media only screen and (max-width:640px) {
	.mapbg {
		display: none;
	}
	.in5-sec .map {
		left: 0;
	}
	.mobile-map {
		display: block;
	}
	.mobile-map .pic {
		background: #F1F2F6;
	}
	.map .infobox {
		position: static;
	}
	.map .info {
		margin: 20px 4% 50px;
		border-bottom: 4px solid #ac2228;
		padding: 30px;
	}
	.map .info .desc {
		display: block;
	}
	.cynumberbox {
		bottom: auto;
		top: 150px;
	}
	.cynumberboxtext {
		display: block;
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #ccc;
	}
	.cynumberboxtext .num {
		font-size: 22px;
		color: #ac2228;
		font-weight: bold;
	}
	.cynumberboxtext .num .ico {
		width: 15px;
	}
	.cynumberboxtext .tbox {
		font-size: 16px;
	}
	.banner-news {
		display: none;
	}
	.banner-sec {
		height: 60vh;
	}
	.bannerswiper .pic img {
		min-width: 100%;
		min-height: auto;
		height: 100%;
		width: auto;
	}
	.bannerswiper .tit {
		font-size: 20px;
	}
	.protype ul li .tbox .tit {
		font-size: 16px;
		line-height: 16px;
	}
	a.gosearch {
		display: none;
	}
	.protype ul {
		width: 100%;
	}
	.searchbox .text {
		line-height: 50px;
		font-size: 15px;
		width: 70%;
		padding: 0 5px;
	}
	.searchbtn {
		width: 30%;
	}
	.bannerswiper .pic video {
		height: 100%;
	}
	.ab-sec3 .box .tbox {
		padding: 30px 4.4%;
	}
	.ab-sec3 .box:hover .tbox {
		/*padding: 30px 4.4%;*/
	}
	.ab-sec3 .box .tbox .tit {
		font-size: 20px;
		line-height: 20px;
	}
	.ab-sec3 .box .tbox .desc {
		line-height: 18px;
		height: auto;
		max-height: 72px;
	}
	.related-sol-Swiper .resolbox:hover .tbox .tit {
		display: block;
		position: relative;
		z-index: 3;
	}
	.bannerswiper .tbox {
		bottom: 16%;
	}
	.in1-sec .tbox .desc {
		margin-top: 0;
		line-height: 20px;
		height: auto;
        display: block;
	}
	.ab-sec1 .desc2{
		line-height: 20px;
	}
	.in4-sec .main {
		margin-top: 30px;
	}
	.newsbox .tbox .tit {
		line-height: 18px;
		height: 54px;
	}
	.arrows .swiper-button-next {
		margin-left: 8px;
	}
	.ab-sec1 .num-con .desc {
		line-height: 18px;
	}
	.ab-sec1 .num-con .num {
		margin-top: 10px;
	}
	.ab-sec2 .main .box .leftbox .desc {
		line-height: 20px;
		height: 36px;
	}
	.why-sec1 .tbox {
		line-height: 20px;
	}
	.why-sec2 .tbox .desc {
		line-height: 20px;
		margin-top: 10px;
	}
	.proxqswiper {
		margin: 0;
	}
	.proxq-sec .desc {
		margin-top: 10px;
		line-height: 20px;
	}
	.solutionxq-sec .main .tbox .desc {
		line-height: 20px;
	}
	.related-sec .arrows {
		top: 6px;
	}
	.flinks {
		margin-top: 10px;
	}
	.videoSwiper .arrows {
		bottom: 20px;
	}
	.newsxq-sec .details {
		margin-top: 10px;
	}
	.details {
		line-height: 20px;
	}
	.newspages li:nth-child(2) a {
		margin-top: 10px;
	}
	.contact-sec .main1 .desc {
		line-height: 20px;
	}
	.solutiointab ul li .bg {
		right: 0;
		bottom: 0;
		width: 50%;
	}
	.solutiointab ul li .bg img {
		width: 100%;
		height: 100%;
	}
	
	
	.copyright,
	.copyright a{
		color: #fff;
	}
	.resolbox .blob-btn__inner{
		display: none;
	}
	.resolbox:hover .tbox {
    background: #ac2228;
    }
	
	
.in5-sec {
    padding: 20px 0;
    }
}

@supports(-webkit-touch-callout:none) {
	.protype ul li .tbox .tit,
	strong,
	.in1-sec .tbox .desc strong,
	.newsxq-sec .title,
	.leftpronav .tit,
	.social .tit,
	.proxq-sec .title,
	.nybanner .tbox,
	.distri-sec2 dt,
	.his-sec .tbox .desc strong,
	.ab-sec3 .box .tbox .tit,
	.newsbox .tbox .tit,
	.solutiointab ul li .tit,
	.probox .tbox .title,
	.viewmore-link span {
		letter-spacing: -1px;
	}
	
	.his-sec .tbox .time span,
	.ab-sec2 .main .box .leftbox .tit,
	.ab-sec1 .num-con .num .number,
	.in1-sec .tbox .num .number,
	.bannerswiper .tit,
	.intitle {
		letter-spacing: -1.5px;
	}
}

@media only screen and (max-width:430px) {
	.banner-sec {
		height: 35vh;
	}
	.protype ul li .tbox .desc {
		font-size: 14px;
		line-height: 18px;
	}
	.solutiointab ul li {
		width: 50%;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		opacity: .8;
	}
	.solutiointab ul li:nth-child(1),
	.solutiointab ul li:nth-child(2) {
		border-bottom: 1px solid #D3D3D3;
	}
	.solutiointab ul li:nth-child(2n) {
		border-left: 1px solid #D3D3D3;
	}
	.solutiointab ul li.active {
		width: 50%;
		border-color: #ac2228;
		opacity: 1;
	}
	.solutionSwiper {
		height: 60vh;
	}
	.solutiointab ul li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 10px;
	}
	.solutiointab ul li .desc {
		display: none;
	}
	.in3-sec .tbox .desc {
		width: 100%;
		margin-top: 15px;
		line-height: 20px;
		height: 60px;
		-webkit-line-clamp: 3;
	}
	.solutiointab ul li .tit {
		height: 34px;
		line-height: 17px;
		font-size: 16px;
	}
	.solutiointab ul li.active .tit {
		height: 34px;
		line-height: 17px;
	}
	.solutiointab ul li .viewmore-link {
		margin-top: 0;
	}
	.viewmore-link {
		font-size: 13px;
		line-height: 30px;
	}
	.viewmore-link .arrowico {
		width: 30px;
		height: 30px;
		margin-left: 5px;
		background-size: 11px;
	}
	.viewmore-link:hover .arrowico {
		margin-left: 5px;
	}
	.cynumberbox {
		display: none;
	}
	.footer-sec .finfo .logo img {
		height: 20px;
	}
	.footer-sec .finfo .email {
		font-size: 16px;
	}
	.footer-sec .finfo .desc {
		font-size: 14px;
		text-align: center;
	}
	.viewmore-link.yourinfo {
		line-height: 30px;
	}
	.copyright .sitemap,
	.copyright {
		font-size: 12px;
	}
	.footer-sec .main {
		padding: 35px 0;
	}
	.in1-sec .tbox .num,
	.ab-sec1 .num-con .num {
		font-size: 25px;
	}
	.in1-sec .tbox .num .number {
		font-size: 40px;
	}
	.in1-sec .tbox .num .ico {
		width: 12px;
	}
	.protype ul li {
		border-bottom-width: 2px;
	}
	.protype ul li a {
		padding-bottom: 5px;
		flex-direction: column;
		/*align-items: flex-start;*/
	}
	.protype ul li .tbox .desc {
		margin-top: 5px;
		font-size: 11px;
		line-height: 14px;
	}
	.protype ul li .tbox .tit {
		font-size: 14px;
		line-height: 15px;
		margin-top: 10px;
	}
	.in2-sec .main {
		margin-top: 30px;
		padding: 0 4%;
	}
	.probox {
		height: 310px;
	}
	.prolist .probox {
		height: 265px;
	}
	.probox .tbox .viewmore-link {
		/*margin-top: 25%;*/
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	.probox .tbox {
		padding: 20px 10px;
	}
	.proSwiper .probox .tbox {
		padding: 30px 10px;
	}
	.in3-sec .tbox {
		top: 40px;
	}
	.solutiointab {
		bottom: 40px;
	}
	.in4-sec .viewmore-link {
		display: none;
	}
	#newsSwiper .arrows {
		margin-top: 20px;
	}
	.arrows .swiper-button-prev,
	.arrows .swiper-button-next {
		width: 35px;
		height: 35px;
		background-size: 15px;
	}
	.tool-sec .main {
		bottom: -18px;
	}
	.position {
		line-height: 17px;
		padding: 10px 0;
	}
	.nytitle .intitle {
		line-height: 37px;
	}
	.leftbg-red {
		background-size: 30px 30px;
		background-position: 100% center;
	}
	.position {
		font-size: 11px;
		display: none;
	}
	.leftbg-red:before {
		width: 85%;
	}
	.intitle {
		font-size: 22px;
	}
	.ab-sec1 .num-con {
		width: 100%;
	}
	.ab-sec1 .num-con li {
		margin-bottom: 20px;
		flex: 0 0 calc(50% - 15px)
	}
	.ab-sec1 .num-con .num {
		line-height: 40px;
	}
	.ab-sec1 .num-con .num .number {
		font-size: 40px;
	}
	.ab-sec1 .since {
		width: 100%;
	}
	.ab-sec1 .desc2 {
		margin-top: 30px;
	}
	.ab-sec2 .main {
		margin-top: 0;
	}
	.ab-sec2 .main .box {
		flex-wrap: wrap;
	}
	.ab-sec2 .main .box:first-child .leftbox,
	.ab-sec2 .main .box .leftbox {
		width: 100%;
	}
	.ab-sec2 .main .box .rightbox {
		margin-top: 10px;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		align-content: flex-end;
		flex-wrap: nowrap;
		flex-direction: row;
	}
	.ab-sec2 .main .box.active .leftbox,
	.ab-sec2 .main .box:first-child.active .leftbox {
		width: 100%;
	}
	.ab-sec2 .main .box {
		flex: 0 0 100%;
		padding: 20px;
	}
	.ab-sec2 .main .box .rightbox img {
		width: 20px;
	}
	.ab-sec3 .box {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.ab-sec3 .box .pic {
		width: 100%;
	}
	.ab-sec3 .box .tbox {
		width: 100%;
	}
	.ab-sec3 .box .viewmore-link {
		margin-top: 20px;
		display: flex;
		opacity: 1;
		pointer-events: stroke;
	}
	.why-sec1 .tbox {
		padding: 0;
	}
	.why-sec2 .main {
		position: static;
		height: auto;
		background: #F1F2F6;
	}
	.why-sec2 .tbox {
		width: 100%;
		padding: 20px 0;
	}
	.why-sec2 .tbox .viewmore-link {
		width: 100%;
		align-items: center;
	}
	.why-sec3 .title .desc {
		margin-top: 5px;
		width: 100%;
		line-height: 20px;
	}
	.why-sec3 .main {
		flex-wrap: wrap;
	}
	.why-sec3 .pic {
		width: 100%;
	}
	.why-sec3 .tbox {
		width: 100%;
		padding: 20px;
	}
	.why-sec3 .tbox .desc {
		margin-top: 10px;
		line-height: 20px;
	}
	.why-sec4 .main {
		flex-wrap: wrap;
	}
	.why-sec4 .pic {
		width: 100%;
	}
	.why-sec4 .tbox {
		width: 100%;
		background: #F1F2F6;
	}
	.why-sec4 .tbox .desc {
		padding: 0 20px 20px;
		line-height: 20px;
		margin-top: 10px;
	}
	.why-sec4 .tbox .viewmore-link {
		padding: 0 20px;
		width: 100%;
		margin-top: 20px;
	}
	.his-sec .line {
		width: 100%;
	}
	.redline {
		position: absolute;
		left: 4%;
		margin-left: 7px;
	}
	.panel-text {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	.his-sec .tbox .time {
		padding-left: 15px;
		background-position: left center;
		background-size: 11px 11px;
		line-height: 50px;
		height: 50px;
		font-size: 16px;
	}
	.his-sec .tbox .desc {
		padding-left: 15px;
		padding-right: 0;
		margin-top: 30px;
	}
	.his-sec .tbox {
		width: 100%;
	}
	.his-sec .pic {
		width: 100%;
		padding-left: 15px;
		margin-top: 20px;
		padding-right: 50px;
	}
	.his-sec .tbox .time span {
		font-size: 40px;
		margin-right: 5px;
	}
	.his-sec .tbox .desc strong {
		font-size: 18px;
	}
	.distri-sec1 .map .info {
		margin-left: 0;
		margin-right: 0;
	}
	.distri-sec2 dt {
		padding: 10px 0;
		font-size: 22px;
		line-height: 26px;
	}
	.distri-sec2 dt .ico {
		width: 12px;
		height: 12px;
	}
	.distri-sec2 dd .info {
		padding: 10px 0;
		line-height: 20px;
		flex: 0 0 100%;
	}
	.distri-sec2 dd .info .tit {
		font-size: 18px;
	}
	.distri-sec2 dd .info .desc:nth-child(2) {
		margin-top: 5px;
	}
	.map .info .tit {
		font-size: 20px;
	}
	.nybanner .tbox {
		font-size: 18px;
		line-height: 20px;
	}
	.classify .w {
		padding: 0 5px;
	}
	.classify .viewmore-link {
		font-size: 11px;
		line-height: 15px;
		padding: 3px;
		font-family: 'Montserrat';
	}
	.classify ul li.active .arrowico {
		display: none;
	}
	.tool-sec.bottomnum .main {
		bottom: -25px;
	}
	.videoSwiper .pic {
		width: 100%;
	}
	.videoSwiper .tbox {
		width: 100%;
		margin: 25px 0 60px;
	}
	.videolist {
		margin-top: 40px;
	}
	.videolist ul {
		margin-left: -15px;
	}
	.videolist ul li {
		flex: 0 0 calc(50% - 15px);
		margin-left: 15px;
		margin-bottom: 20px;
	}
	.videolist ul li .tbox {
		padding: 10px;
	}
	.newsbox .tbox {
		padding: 20px 15px;
	}
	
	.newslist .newsbox .tbox .time {
		margin-top: 110px;
	}
	.newsbox .tbox .time .dd {
		font-size: 30px;
		line-height: 30px;
	}
	.nybanner .tbox .protit {
		margin-top: 0;
		font-size: 24px;
	}
	.position a:first-child {
		background-size: 16px 13px;
		padding-left: 25px;
		background-position: left center;
	}
	.position a {
		line-height: 14px;
	}
	.pros-sec .protitle .intitle {
		line-height: 32px;
	}
	.pros-sec .prolist {
		margin-left: -10px;
		/*margin-top: 20px;*/
	}
	.pros-sec .probox {
		margin-left: 10px;
		flex: 0 0 calc(50% - 10px);
		margin-top: 15px;
	}
	.proxqswiper .swiper-slide img {
		width: 90%;
	}
	.protabswiper .swiper-slide {
		padding: 25px;
	}
	.proxq-sec .tbox {
		padding: 30px 0;
	}
	.proxq-sec .title {
		font-size: 23px;
	}
	.keyfeatures dt {
		font-size: 20px;
	}
	.keyfeatures dd {
		font-size: 15px;
		background-size: 4px 4px;
	}
	.spe-sec .main .tbox {
		margin: 30px 4% 0;
	}
	.spe-sec .main .tbox .bg {
		width: 100%;
	}
	.spe-sec .main .tbox .con .tit {
		width: 100%;
		padding: 5px 0;
		font-size: 19px;
	}
	.spe-sec .main .tbox .con .table {
		width: 100%;
		overflow-x: auto;
		padding-bottom: 20px;
		background: url(../images/scrollbar.png) no-repeat left bottom;
		background-size: 100% auto;
	}
	.spe-sec .main .tbox .con .table table {
		font-size: 15px;
		line-height: 20px;
	}
	.spe-sec .main .tbox .con .table table td {
		padding: 5px;
	}
	.spe-sec .main .tbox .con {
		justify-content: flex-start;
		flex-direction: column;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.resolbox .type,
	.resolbox .tbox .tit {
		font-size: 20px;
	}
	.resolbox .tbox,
	.resolbox:hover .tbox {
		padding: 20px;
	}
	.related-sol-Swiper {
		margin-top: 30px;
	}
	.resolbox .tbox .desc {
		margin-top: 0;
		font-size: 15px;
		line-height: 20px;
		height: 60px;
	}
	.social .tit {
		font-size: 20px;
	}
	.form .box {
		width: 100%;
		line-height: 40px;
	}
	.form .text:nth-child(2) {
		flex: 0 0 100%;
	}
	.form .text {
		line-height: 40px;
		height: 40px;
		font-size: 15px;
	}
	.form select {
		font-size: 15px;
		line-height: 40px;
		background-size: 12px 12px;
	}
	.countryselect {
		line-height: 40px;
		height: 40px;
	}
	.form .text:nth-child(4),
	.form .text:nth-child(5) {
		flex: 0 0 100%;
	}
	.form .textarea {
		height: 140px;
		font-size: 15px;
	}
	.form .layui-form-select dl {
		top: 40px;
	}
	.nytitle .intitle {
		font-size: 19px;
	}
	.solutions-sec .main ul {
		margin-left: 0;
	}
	.solutions-sec .main ul li {
		margin-left: 0;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}
	.resolbox:hover .viewmore-link {
		display: none;
	}
	.resolbox:hover .tbox .desc {
		width: 100%;
		/*height: 60px;*/
	}
	.resolbox .tbox .bg img {
		width: 150px;
		height: 80px;
	}
	.solutionxq-sec .main .pic {
		width: 100%;
		margin: 0;
	}
	#tboxpos {
		left: 0;
	}
	.solutionxq-sec .main .tbox {
		margin-top: 15px;
		padding-left: 0;
	}
	.solutionxq-sec .main .tbox .viewmore-link {
		line-height: 50px;
		margin-top: 25px;
	}
	.solutionxq-sec .main .tbox .tit {
		font-size: 22px;
	}
	.plandetails-sec .main {
		margin-top: 20px;
	}
	.plandetails-sec dt .num {
		font-size: 12px;
		margin-right: 10px;
	}
	.plandetails-sec .con {
		padding: 0 20px 0 20px;
	}
	.plandetails-sec .con .tit {
		line-height: 18px;
	}
	.plandetails-sec .con .tbox,
	.plandetails-sec .con .pic {
		width: 100%;
	}
	.plandetails-sec .con .pic {
		margin-bottom: 20px;
	}
	.distri-sec2 dl.active dd {
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.plandetails-sec dl.active .con {
		padding: 0 10px 20px 10px;
	}
	.plandetails-sec .con .desc {
		margin-top: 10px;
	}
	.related-sol-sec .arrows .swiper-button-next,
	.more-sol-sec .arrows .swiper-button-next {
		margin-left: 5px;
	}
	.videoSwiper .tbox .tit {
		font-size: 20px;
		line-height: 22px;
		max-height: 44px;
	}
	.videoSwiper .tbox .desc {
		line-height: 20px;
		height: 80px;
		font-size: 14px;
	}
	.newsboxright .newslist ul,
	.news-sec .newslist ul {
		margin-left: -15px;
	}
	.newsboxright .newslist ul li,
	.news-sec .newslist ul li {
		margin-left: 15px;
		flex: 0 0 calc(50% - 15px);
		margin-bottom: 20px;
	}
	.newslist {
		margin: 30px 0;
	}
	.newsxq-sec .main {
		margin-top: 20px;
	}
	.newsxq-sec .position {
		margin-top: 10px;
	}
	.newsxq-sec .title {
		font-size: 22px;
		line-height: 24px;
	}
	.newsxq-sec .ninfo span {
		margin: 0 10px 0 0;
	}
	.newsxq-sec .ninfo img {
		margin-right: 5px;
		width: 10px;
	}
	.details {
		/*line-height: 26px;*/
	}
	.newspages {
		margin-top: 30px;
	}
	.newsboxright .newsbox .tbox .time {
		/*margin-top: 15px;*/
	}
	.newsxq-sec {
		margin: 0;
	}
	.contact-sec .main1 .tit {
		font-size: 22px;
	}
	.contact-sec .main2 {
		padding: 20px;
	}
	.contact-sec .main2 .intitle {
		font-size: 22px;
	}
	.form2 {
		margin-top: 20px;
	}
	.form2 .box:nth-child(1),
	.form2 .box:nth-child(2) {
		width: 100%;
	}
	.protype ul li .ico {
		width: 20px;
		margin-right: 5px;
	}
	.text-wrapSwiper .swiper-slide {
		height: auto;
	}
	.his-sec .pic {
		padding-right: 100px;
	}
	.videolist ul li .tbox .tit {
		font-size: 14px;
		line-height: 17px;
		max-height: 34px;
	}
	.pros-sec .protitle .intitle {
		background-size: 10px auto;
		padding-left: 30px;
		font-size: 20px;
	}
	.probox .tbox .title {
		font-size: 17px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.probox:hover .tbox .title {
		font-size: 17px;
	}
	.probox:not(.proSwiper .probox):hover .tbox .title {
		font-size: 17px;
	}
	.probox .pic img {
		left: 14%;
		bottom: 20px;
		width: 90%;
	}
	.proxq-sec .btns {
		width: 100%;
	}
	.zoom-marker span {
		top: 20px!important;
		transform: translateX(-42%)!important;
	}
	/*.nybanner .pic img {
		height: 222px;
		width: auto;
	}*/
	.in1-sec .picbox .viewmore-link {
		font-size: 13px;
	}
	.in1-sec .tbox {
		margin-top: 30px;
	}
	.searchbtn .arrowico {
		width: 25px;
		height: 25px;
		display: none;
	}
	.searchbox .text {
		font-size: 14px;
		width: 72%;
	}
	.searchbtn {
		width: 28%;
	}
	.pro-sec .main {
		position: relative;
		padding-top: 40px;
	}
	.leftpronav {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		background: #F1F2F6;
		border: 1px solid #DEDEDE;
	}
	.leftpronav .tit {
		font-size: 18px;
		line-height: 20px;
		padding: 12px 10px;
		background-size: 18px 18px;
	}
	.leftpronav dl {
		display: none;
		padding: 0 5px;
	}
	.leftpronav dt a {
		padding: 10px 0;
		line-height: 20px;
	}
	.leftpronav dd a {
		font-size: 14px;
		padding: 5px;
		line-height: 20px;
	}
	.leftpronav dd {
		/*display: inline-flex;*/
		flex: 1;
	}
	.rightprolist {
		width: 100%;
		margin-top: 30px;
	}
	.leftpronav dd:hover a,
	.leftpronav dd.active a {
		background-position: 10px center;
		padding-left: 20px;
	}
	.rightprolist .probox {
		flex: 0 0 calc(50% - 10px);
		margin-left: 10px;
		margin-top: 15px;
	}
	.rightprolist .probox:nth-child(2) {
		margin-top: 0!important;
	}
	.rightprolist .probox:nth-child(3) {
		margin-top: 15px!important;
	}
	.rightprolist .prolist {
		margin-left: -10px;
	}
	.classify ul {
		margin-left: -2px;
	}
	.classify ul li {
		/*flex: 0 0 calc(20% - 2px);
    margin-left: 2px;*/
		min-height: 30px;
		flex: 0 0 calc(50% - 5px);
		flex-grow: inherit;
		flex-basis: inherit;
	}
	.classify ul li.active {
		/*min-width: calc(20% - 2px);*/
	}
	.viewmore-link .arrowico:after {
		width: 7px;
		height: 7px;
		background-size: cover;
	}
	.classify .w {
		overflow-x: auto;
	}
	.probox .tbox .desc {
		line-height: 18px;
		height: 36px;
	}
	body,
	.solutiointab ul li .desc,
	.newsbox .tbox .tit,
	.proxq-sec .desc,
	.probox .tbox .desc,
	.in1-sec .tbox .desc,
	.nav>ul>li>a,
	.in1-sec .tbox .desc2,
	.in3-sec .tbox .desc,
	.ab-sec1 .num-con .desc,
	.ab-sec1 .desc2,
	.ab-sec2 .main .box,
	.why-sec4 .tbox .desc,
	.why-sec3 .tbox .desc,
	.why-sec3 .title .desc,
	.why-sec2 .tbox .desc,
	.why-sec1 .tbox,
	.solutionxq-sec .main .tbox .desc,
	.plandetails-sec .con,
	.details,
	.newspages li a,
	.contact-sec .main1 .desc,
	.ab-sec3 .box .tbox .desc {
		font-size: 14px;
	}
	.distri-sec2 {
		padding: 40px 0;
	}
	.ab-sec2 {
		padding-top: 30px;
	}
	.spe-sec {
		padding-top: 40px;
	}
	.pros-sec,
	.contact-sec,
	.distri-sec1,
	.his-sec {
		margin-top: 40px;
	}
	.more-sol-sec+.related-sol-sec,
	.related-sol-sec+.more-sol-sec,
	.more-sol-Swiper,
	.why-sec3 .main,
	/*.more-sol-sec,*/
	.why-sec2,
	.why-sec3 {
		margin-top: 35px;
	}
	.why-sec4 {
		margin: 30px 0;
	}
	.spe-sec .main .tbox .con,
	.message-sec {
		padding: 30px 0;
	}
	.videoSwiper .box {
		padding: 20px 0;
	}
	.pro-sec,
	.video-sec,
	.related-sec,
	.in1-sec,
	.in2-sec,
	.in4-sec,
	.ab-sec3 {
		padding: 40px 0;
	}
	.news-sec {
		padding: 50px 0 40px;
	}
	.solutions-sec,
	.ab-sec1 {
		padding: 50px 0 30px;
	}
	.solutionxq-sec,
	.why-sec1 {
		padding-top: 40px;
	}
	.newspages li span {
		margin-top: -3px;
	}
	.spe-sec .main .tbox .con .table table {
		min-width: 500px;
	}
	.ab-sec1 .since .tbox .en {
		font-size: 40px;
	}
	.ab-sec1 .since .tbox .yy {
		font-size: 90px;
	}
	.ab-sec1 .since .tbox .en2 {
		font-size: 20px;
	}
	.solutionxq-sec {
		background-size: 82% auto;
		background-position: 286% bottom;
	}
	.footer-sec {
		background-size: 145% auto;
	}
}

@media only screen and (max-width:420px) {
	.solutionSwiper {
		height: 70vh;
	}
	.pros-sec .protitle .viewmore-link a {
		font-size: 11px;
	}
	.pros-sec .protitle .viewmore-link .arrowico {
		width: 20px;
		height: 20px;
		background-size: 8px;
	}
	.pros-sec .protitle .intitle {
		background-size: 7px auto;
		padding-left: 11px;
	}
	.newsbox .tbox .time {
		margin-top: 160px;
	}
}

@media only screen and (max-width:398px) {
	.banner-sec {
		height: 30vh;
	}
}


/*
 
 * 
 * layui
 * */

.form .layui-form-select dl dd,
.form2 .layui-form-select dl dd {
	white-space: normal;
	font-size: 15px;
}

.form .layui-form-select dl {
	width: 100%;
	min-width: auto;
	top: 76px;
}

.form2 .layui-form-select dl {
	width: 100%;
	min-width: auto;
}

.form .layui-form-select .layui-input {
	height: 76px;
	line-height: 76px;
	border: none;
	font-size: 20px;
}

.form .textarea:hover,
.form .text:hover,
.form .layui-form-select .layui-input:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.form .box:hover {
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.form .box:hover .layui-form-select .layui-input {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form2 .layui-form-select .layui-input {
	height: 30px;
	line-height: 30px;
	border: none;
	font-size: 18px;
	padding-left: 0;
}

.form2 .layui-form-select .layui-edge {
	border-top-color: #000!important;
}

.form .layui-form-select .layui-edge {
	border: none;
	width: 14px;
	height: 14px;
	background: url(../images/arrow-right-bottom.png) no-repeat center center;
	background-size: cover;
}

.countryselectbox .layui-form-select .layui-edge {
	right: 20px;
}

@media only screen and (max-width:1600px) {
	.form .layui-form-select .layui-input {
		line-height: 56px;
		height: 56px;
		font-size: 18px;
	}
	.form2 .layui-form-select .layui-input {
		font-size: 17px;
	}
}

@media only screen and (max-width:430px) {
	.form2 .layui-form-select .layui-input {
		font-size: 14px;
	}
	.form .layui-form-select .layui-input {
		line-height: 40px;
		height: 40px;
		font-size: 15px;
	}
	.form .layui-form-select .layui-edge {
		width: 12px;
		height: 12px;
	}
}

@media only screen and (max-width: 1024px) {
	.why-sec2,
	.why-sec3,
	.ab-sec1,
	.proxq-sec,
	.spe-sec .pic,
	.related-sec,
	.solutionxq-sec,
	.newsxq-sec {
		background-attachment: initial!important;
	}
}

@media only screen and (min-width:1921px) {
	.banner-news {
		width: 20%;
	}
	.probox {
		height: 600px;
	}
	.newsbox .tbox .time {
		margin-top: 360px;
	}
	.footer-sec {
		background-size: 115% auto;
	}
}


/*
.contact-sec .main1 .desc strong,
.newsxq-sec .ninfo span,
.ab-sec1 .since .tbox .en2,
.ab-sec1 .since .tbox .yy,
.ab-sec1 .num-con .num .number,
.footer-sec .finfo .desc,
.cynumberbox .num span,
.newsbox .tbox .time .mmyy:nth-child(2),
.newsbox .tbox .time .dd,
.in1-sec .tbox .num .number{
	font-family: 'manropeBold';
}*/