/*#region 通用*/
:root {
	--public-color: #d71319;
}

/* 产品详情页锚点跳转位置不正确解决 */
html {
  scroll-padding-top: 150px;
}

body {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-family: "arial", sans-serif;
}

a {
	color: #fff;
}

a:hover {
	color: #fff;
}

.swiper-pagination-bullet-active {
	background: #dc0b07;
}

body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

img {
	aspect-ratio: attr(width) / attr(height);
}

b, strong {
	font-weight: bold;
}

ul, ol, li, dl, dd, dt {
	list-style-type: none;
}

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

.main-container {
	margin-bottom: 40px;
	margin-top: 40px;
}

.tkanniu {
	cursor: pointer;
}

.card-thumb img {
	transition: all 0.5s ease;
}

.card-thumb:hover img {
	transform: scale(1.05);
}

.container-long {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.banner a {
	color: #fff;
}

@media(min-width:1200px) {
	.container-long {
		max-width: 1720px;
	}
}

@media(max-width:768px) {
	.main-container {
		margin: 20px 0;
	}

	body {
		font-size: 14px;
		line-height: 20px;
	}
}

@media (min-width: 1200px) {
	.nav-container {
		max-width: 1520px;
	}
}

.swiper-scrollbar.gd-green {
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0))
}

.swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--swiper-scrollbar-drag-bg-color, rgba(16, 141, 124, 1.0));
}

.header {
	z-index: 999;
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 25px;
	padding-bottom: 25px;
}

.container-xl.max-1830 {
	max-width: 1830px;
}

.container-xl.max-1620 {
	max-width: calc(1620px + 15px);
}

.container-xl.max-1660 {
	max-width: calc(1660px + 15px);
}

.container-xl.max-1500 {
	max-width: calc(1500px + 15px);
}

.container-xl.m-right {
	margin: 0 0 0 auto;
	padding-right: 0;
}

.container-xl.m-left {
	margin: 0 auto 0 0;
	padding-left: 0;
}

.header-top .nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.navbar-custom {
	top: 0;
	z-index: 2;
	justify-content: end;
}

.navbar {
	padding: 0px;
	position: relative;
	z-index: 9999;
}

.navbar-custom .navbar-nav>.nav-item {
	font-size: 18px;
	margin:0 5px;
}

.navbar-custom .navbar-nav .nav-link {
	text-align: center;
	position: relative;
	color: #333;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 32px;
	padding: 0 15px;
}

@media(max-width:1650px) {
.navbar-custom .navbar-nav .nav-link {padding: 0 10px;}
}

.navbar-custom .navbar-nav>.nav-item.active .nav-link {
	background-color: #d71319;
	color: #fff;
}

.navbar-custom .navbar-nav .nav-link:hover {
	background-color: #d71319;
	color: #fff;
}

.navbar-custom .navbar-nav .nav-link:before {
	content: "";
	width: 0px;
	height: 2px;
	margin-left: 0 !important;
	background: var(--public-color);
	position: absolute;
	bottom: 10px;
}

.navbar-custom .navbar-nav .nav-item .dropdown-toggle::after {
	transition: .6s;
}

.headMiddle {
	align-items: center;
}

.top-search-box {
	z-index: 9;
	margin: 0 20px;
	cursor: pointer;
}

.top-search-box .search-tb {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
}

.top-search-box .search-tb i {
	color: #333;
}

.top-search-box .dropdown-menu {
	left: inherit;
	right: 0;
}

.top-search-box .top-search {
	opacity: 1;
	height: auto;
	overflow: hidden;
	transition: all .6s;
	width: auto;
	z-index: 99;
	padding-top: 0px;
	border-radius: 10px;
}

.search-group {
	width: 200px;
	height: 45px;
	background: #f7f7f7;
	overflow: hidden;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
}

.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.search-group i {
	color: var(--public-color);
	font-size: 1.3rem;
}

.dropdown-menu {
	min-width: 100px;
}

.dropdown.lang .dropdown-toggle {
	border-radius: 0;
	background: transparent;
	color: #333;
	padding-left: 16px;
}

.dropdown.lang .dropdown-toggle:after {
	/* margin-left: 34px; */
}

.fadeInDown {
	background: #fff;
	margin: 0 auto;
	/* box-shadow: 4px 4px 100px 0 rgba(0, 0, 0, 13%); */
	transition: all 1s ease-out;
	padding-top: 8px;
	padding-bottom: 8px;
}

.line-t2 {
	position: relative;
	/* padding-left: 180px; */
}

.line-t2::before {
	content: "";
	position: absolute;
	display: none;
	width: 120px;
	height: 6px;
	background-color: #d71319;
	left: 0;
	top: 12px;
}

.more1 {
	background-color: #d71319;
	border-radius: 7px;
	border: 1px solid #d71319;
	padding: 0px 50px;
	height: 50px;
	line-height: 50px;
	display: block;
}

.more1:hover {
	background: #fff;
	color: #d71319;
	transition: all 0.5s ease-out;
}

.more2 {
	background-color: #fff;
	color: #d71319;
	border-radius: 4px;
	padding: 0px 20px;
	height: 50px;
	line-height: 50px;
	display: block;
	font-weight: bold;
	border: 2px solid #d71319;
}

.more2:hover {
	background: #d71319;
	color: #fff;
	transition: all 0.5s ease-out;
}

.lock {
	color: #d71319;
}

.lock a {
	color: #d71319;
}

.pro-search .card .text a {
	color: #444;
}

.pro-search .card .text a:hover {
	color: #d71319;
}

.banner-home {
	margin-top: 105px;
}

.banner-text {
	width: 100%;
	z-index: 3;
}

.banner-home-text {
	position: absolute;
	top: 22%;
   <!--  bottom: 0; -->
	<!-- background-color: rgba(28, 43, 59, 0.9); -->
	width: 100%;
}

.banner-home-text {
	 <!-- padding: 70px 0;  -->
}

.banner-home-text .left {
	width: 80%;
	text-align: left;
	display: flex;
}

.banner-home-text .right {
	width: 20%;
	display: flex;
	justify-content: flex-end;
}

.banner-home-text .t1 {
	text-transform: uppercase;
	font-size: 42px;
	line-height: 64px;
	text-align: left;
	font-weight: bold;
}

.banner-home-text .box {
	display: flex;
	padding: 10px 0;
	flex-direction: column;
}

.banner-home-text .line-t2 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
}

.banner-home-text .line-t2 a {
	text-decoration: underline;

}


.home-make .a-red{color:#333;}
.pro .card .img{margin:auto;}
.home-make .make .right .more-box{border-radius: 5px; border: 7px solid #d71319ab;margin-top: 45px;}
.home-make .make .right .box{background-color: #d71319; color: #fff; padding: 5px; text-align: center;}
.home-make .make .right .box .text-t1{font-weight: bold; font-size: 25px;line-height: 36px;}
.home-make .make .right .box .text-t2{font-size: 24px;line-height: 40px;}
.home-make { background-color: #fff;}
.customization{position:relative;}
.customization::after{content: "";display: block;width: 100%;height: 56%;background-color: #f8f8f8;position: absolute;top: 0;z-index: -2;right: 0;}
.banner-home-text2{	text-align: left;position: absolute;top: 12%;}
.banner-home-text2 .box{margin: 55px 0 0 120px;}
.banner-home-text2 .t1{font-size:50px;line-height:56px;text-transform: uppercase;color:#333333;font-weight:bold;}
.banner-home-text2 .t2{font-size:18px;line-height:43px;color:#333333;}
.banner-home-text2 .t2 span{color:#d6111a;font-weight:bold;font-family: "Barlow", sans-serif; font-weight: 800; font-style: italic;}
.banner-text .img{position: absolute; right: 3%;bottom: 41%;}
.home-make .make .left .line-t2{ margin-bottom: 15px;font-size: 16px;line-height: 1.8;margin:0;}
.home-make .make .index-title .left .t1{font-size: 36px; line-height: 48px;margin-bottom: 10px;}
.home-make .make .index-title .left .more-btn{}
.home-make .make .index-title .left .more-btn .more2{text-decoration:inherit;}

.client .swiper-slide{margin:auto;}

#float .ico:hover .weixin{    position: absolute;
    right: 57px;
    bottom: 0;}

.index-title {
	display: flex;
}

.index-title .left {
	width: 70%;
}

.index-title .right {
	width: 30%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.home-proline {
	padding-top: 120px;
	padding-bottom: 130px;
}

.index-title .left .t1 {
	font-size: 42px;
	line-height: 64px;
	color: #1c2b3b;
}

.line-t2 {
	position: relative;
	margin: 45px 0;
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	/* padding-top: 45px; */
}

.pro {
	text-align: center;
	box-shadow: 7px -3px 17px 10px rgba(0, 0, 0, .07);
}

.pro a {
	color: #333;
	;
}

.pro .col-md-6 img {
	mix-blend-mode: darken;
}

.pro .card {
	padding: 40px 25px;
    height: 100%;
    justify-content: space-between;
}

.pro .col-md-6:nth-child(1) {
	background-color: #fff;
}

.pro .col-md-6:nth-child(2),
.pro .col-md-6:nth-child(3) {
	background-color: #f4f6f8;
}

.pro .col-md-6:nth-child(1) .text,
.pro .col-md-6:nth-child(3) .text {
	text-align: left;
}

.pro .col-md-3:last-child {
	background-color: #f8fafb;
}

.home-make {
	background-color: #f4f6f8;
}

.home-make .make {
	display: flex;
	justify-content: space-between;
}

.home-make .make .left {
	width: 43%;
}

.home-make .make .right {
	width: 45%;
}

.home-make .make .index-title .left {
	width: 100%;
}

.home-make .make {
	padding: 120px 0 40px;
}

.more-btn {
	display: flex;
}


.a-red {
	color: #d71319;
	text-decoration: underline;
}

.a-red:hover {
	color: #d71319;
	text-decoration: none;
}

.home-make .t3 {
	font-size: 24px;
	line-height: 36px;
	color: #d71319;
}

.client {
	padding: 90px;
}

.client .max-1500 {
	display: flex;
}
.swiper-backface-hidden .swiper-slide{
	margin: auto;
}
.swiper-button-prev-client i,
.swiper-button-next-client i {
	font-size: 34px;
	font-weight: 300;
}

.swiper-button-prev-client,
.swiper-button-next-client {
	display: flex;
	align-items: center;
}

.swiper-button-prev-client:hover,
.swiper-button-next-client:hover {
	color: #d71319;
}

.home-why .index-title .left .t1::after {
	content: "";
	width: 90px;
	height: 4px;
	background-color: #d71319;
	display: none;
	margin-top: 20px;
}

.home-why .title-box {
	background-color: #d41319;
	position: relative;
	height: 50px;
}

.home-why .title-box .title {
	background-color: #fff;
	font-size: 22px;
	line-height: 28px;
	color: #1c2b3b;
	font-weight: bold;
	position: absolute;
	width: 78%;
	left: 49px;
	bottom: -10px;
	height: 137%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 37px rgba(0, 0, 0, 0.1);
}

.home-why .bottom .text {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	padding: 40px 0;
}

.home-why .row {
	padding: 120px 0;
	justify-content: space-between;
}

.home-why .row .item {
	width: 29%;
}

.home-sale {
	width: 100%;
	height: 720px;
	background: url(../../images/home-sale-bg.png) no-repeat center;
}

.home-sale .all {
	padding: 100px;
}

.home-sale .index-title .left .t1 {
	color: #fff;
}

.home-sale .line-t2 {
	color: #fff;
}

.home-sale .container-long {
	display: flex;
}

.home-sale .swiper-button-prev-client,
.home-sale .swiper-button-next-client {
	color: #d71319;
}

.home-sale .swiper-button-prev-client:hover,
.home-sale .swiper-button-next-client:hover {
	color: #fff;
}

.home-sale .swiper-button-prev-client i,
.home-sale .swiper-button-next-client i {
	font-size: 64px;
}

.home-sale .swiper-slide {
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 0 45px;
}

.home-sale .top {
	padding: 30px 0;
}

.home-sale .top .title {
	padding-top: 60px;
	<!-- padding-bottom: 30px; -->
	position: relative;
	line-height: 28px;
	font-weight: 500;
}

.home-sale .top .title::after {
	content: "";
	display: none;
	background-color: #d71319;
	width: 60px;
	height: 4px;
	position: absolute;
	left: 40%;
	bottom: 0;
}

.home-sale .bottom {
	line-height: 24px;
	font-weight: 300;
	opacity: 0.6;
}

.home-share .index-title {
	padding: 120px 0;
}

.home-share .items {
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}

.home-share .item {
	width: 29%;
}

.home-share .item .title {
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	color: #1c2b3b;
}

.home-share .text-box {
	padding: 20px 0 70px;
}

.home-share .item .title::after {
	content: "";
	display: none;
	background-color: #d71319;
	width: 90px;
	height: 4px;
	margin-top: 35px;
}

.home-share .item .text {
	font-size: 18px;
	padding: 20px 0 0;
}

.home-upgrade {
	width: 100%;
	height: 450px;
	background: url(../../images/home-upgrade-bg.jpg) no-repeat center;
	display: flex;
	align-items: center;
}

.home-upgrade .index-title .t1 {
	color: #fff;
}

.home-upgrade .index-title .line-t2 {
	color: #fff;
}

.home-upgrade .line-t2::before {
	background-color: #fff;
}

.home-upgrade .more2 {
	border: 2px solid #fff;
	color: #fff;
	background-color: transparent;
}

.home-upgrade .index-title .right {
	align-items: flex-end;
}

.home-upgrade .more2:hover {
	border: 2px solid #d71319;
}

.home-news {
	padding: 100px 0 55px;
}

.home-news .index-title .left .t1::after {
	content: "";
	width: 120px;
	height: 6px;
	background-color: #d71319;
	display: none;
	margin-top: 40px;
}

.home-news .index-title .right {
	align-items: flex-end;
}

.home-news .max-1660 {
	padding: 85px 0;
	display: flex;
	justify-content: space-between;
}

.home-news .max-1660 .left {
	width: 36%;
}

.home-news .max-1660 .left img {
	position: relative;
}

.home-news .max-1660 .left .swiper-slide {
	position: relative;
}

.home-news .max-1660 .left .swiper-slide::before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
	left: 0;
	background: rgba(0, 0, 0, .3);
}

.home-news .max-1660 .left .text-box {
	position: absolute;
	z-index: 15;
	padding: 33px 48px;
	bottom: 0;
}

.home-news .max-1660 .left .text-box .t1 {
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}

.home-news .max-1660 .left .text-box .t2 {
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.home-news .max-1660 .right {
	width: 60%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.swiper-pagination-bullet-active {
	--swiper-theme-color: #d71319;
}

.home-news .max-1660 .right .t1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
}

.home-news .max-1660 .right a {
	color: #333;
}

.home-news .max-1660 .right .item {
	background-color: #f4f6f8;
	padding: 20px 40px;
	flex: 0 0 48%;
}

.home-news .max-1660 .right .item .text-box {
	width: 77%;
}

.home-news .max-1660 .right .t2 {
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.home-news .max-1660 .right .time {
	font-size: 14px;
	color: #999999;
	display: flex;
	align-items: center;
}

.home-news .max-1660 .right .read {
	font-size: 14px;
	line-height: 42px;
	color: #d71319;
	font-weight: 900;
}

.home-news .max-1660 .right .item .box {
	display: flex;
	justify-content: space-between;
}

#footer {
	background-color: #16222f;
	padding-top: 70px;
}

#footer .container-xl {
	display: flex;
	justify-content: space-between;
}

#footer .container-xl .left {
	flex: 0 0 35%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

#footer .container-xl .left .t1 {
	line-height: 28px;
	color: #ffffff;
	padding:35px 0;
}

#footer .container-xl .left .t2,
#footer .container-xl .left .t3 {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	opacity: 0.4;
}

#footer .container-xl .left .t3 {
	opacity: 0.6;
}

#footer .container-xl .right {
	flex: 0 0 61%;
}

#footer .social {
	display: flex;
	padding:10px 0;
}

#footer .social i {
	color: #fff;
	font-size: 20px;
}

#footer .social .item {
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer .right .title {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	padding-bottom: 40px;
	font-weight: bold;
}

.form-feedback .btn {
	margin: 30px 0;
	background-color: #d5282c;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.form-feedback .btn:hover {
	background-color: #fff;
	border: 1px solid #d5282c;
	color: #d5282c;
}

.form-feedback .form-control {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #cecccc;
   border-radius: 10px;
}
#footer .form-feedback .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
	 border-radius: 0;
	color:#fff;

}

#footer .right .t4 {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-weight: 500;
	margin-bottom:30px;
}

#footer .right .ul-link span {
	color: #fff;
}

#footer .right .ul-link a {
	font-size: 18px;
	line-height: 48px;
	opacity: 0.4;
}

#footer .right .ul-link a:hover {
	opacity: 1;
}

#footer .right .bottom {
	margin-top: 65px;
	display: flex;
	justify-content: space-between;
}

#footer .right .bottom .item:nth-child(1) {
	flex: 0 0 39%;
}

.banner .faq-text {
	position: absolute;
	bottom: 40%;
}

.mbx .mbtext .t1 {
	font-size: 60px;
	line-height: 64px;
	font-weight: normal;
	padding-bottom: 20px;
}

.mbx .t2 {
	position: relative;
	padding-left: 170px;
}

.mbx .t2 a {
	font-size: 18px;
	line-height: 32p;
	font-weight: 300;
	opacity: 0.8;
}

.mbx .t2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	top: 9px;
	left: 0;
	height: 6px;
	background-color: #fff;
}

.menu-horizontal-wrapper {
	margin-bottom: 0;
	padding: 70px 0 0;
}
.menu-horizontal-wrapper-pro .menu-horizontal-res .nav-item-res{
	margin-right: 0;
	margin-bottom:0;
}
.menu-horizontal-res .nav-item-res {
	margin-right: 14px;
	margin-bottom: 30px;
	border: 2px solid #d71319;
	color: #d71319;
	font-weight: bold;
	padding: 10px 0px;
	text-align: center;
	width: 19%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
	border-radius: 5px;
	font-size: 14px;
}
.menu-horizontal-wrapper-pro .menu-horizontal-res{
	justify-content: space-between;
}
.menu-horizontal-res {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.menu-horizontal-res .nav-item-res:hover {
	border: 2px solid;
	color: #fff;
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);

}

.menu-horizontal-res .nav-item-res.active {
	border: 2px solid;
	color: #fff;
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);

}

.faq-box {
	padding: 120px 0 150px;
}

.faq-box .item {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 30px 0;
}

.faq-box .q {
	overflow: hidden;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
}

.faq-box .q .t1 {
	font-size: 20px;
	color: #b3190d;
}

.faq-box .a {
	display: none;
	padding-top: 20px;
	color: #666666;
	padding-right: 160px;
}

.faq-box .a p {
	font-size: 18px;
	color: #666666;
}

.faq-box .a.expanded {
	display: block;
}

.faq-box .icon-chevron-down,
.faq-box .icon-chevron-up {
	color: #b3190d;
	font-size: 22px;
}

.faq-box .icon-chevron-down,
.faq-box .icon-chevron-up {
	color: #b3190d;
	font-size: 22px;
}

.icon-chevron-up:before {
	content: "-";
}

.icon-chevron-down:before {
	content: "+";
}

.faq-box .contact-but {
	display: block;
	margin-top: 100px;
	background-color: #534094;
	font-size: 18px;
	line-height: 42px;
	padding: 30px 64px;
	width: 25%;
	text-decoration: underline;
}

.faq-box .contact-but:hover {
	text-decoration: none;
}

.plastic {
	padding-top: 90px;
	padding-bottom: 50px;
}

.plastic .t1 {
	font-size: 42px;
	line-height: 56px;
	color: #1c2b3b;
}

.plastic .t1::after {
	content: "";
	display: block;
	width: 120px;
	height: 6px;
	background-color: #d71319;
	margin-top: 45px;
}

.plastic .t2 {
	font-size: 18px;
	line-height: 32px;
	padding: 50px 0;
}

.pro-list {
	background-color: #f8f8f8;
	padding: 40px 0 70px;
}

.pro-list .img {
	padding: 30px;
	background-color: #fff;
}

.pro-list .card {
	padding: 70px 0;
}

.pro-list .text .t1 {
	font-size: 19px;
	color: #d71319;
	font-weight: 500;
	margin: 20px 0 10px;
	padding-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.model{color: #d71319;font-size:16px;line-height:24px;margin-bottom:15px;}

.pro-list .text .t2 {
	font-size: 16px;
	line-height: 24px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.pro-list .text .t2::after {
	content: "";
	width: 120px;
	height: 6px;
	background-color: #d71319;
	display: none;
	margin-top: 45px;
}

.how .line-t2 {
	text-align:center;
	margin:15px 0 45px;
}

.how .line-t2::before {
	width: 70px;
}

.how {
	padding: 150px 0 50px;
}

.how .index-title {
	display: block;
}

.how .index-title .t1 {
	font-size: 42px;
	line-height: 56px;
	color: #1c2b3b;
	text-align:center;
}

.how .row {
	padding: 30px 0;
}

.how .card {
	padding: 30px 0;
}

.how .card .t2-box {
	display: flex;
	padding: 30px 0;
}

.how .t1 {
	font-size: 18px;
	font-weight: 600;
}

.how .card .left {
	display: flex;
	align-items: center;
}

.how .card .right {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	padding: 0 40px;
}

.how .icon-check {
	background: #d71319;
	padding: 8px;
}

.how i {
	color: #fff;
}

.machine {
	position: relative;
	padding: 115px 0;
}

.machine .index-title {
	display: block;
}

.machine .index-title .t1 {
	font-size: 42px;
	line-height: 56px;
	font-weight: 600;
}

.machine .index-title .line-t2 {
	padding-left: 130px
}

.machine .index-title .line-t2::before {
	width: 70px;
}

.machine::after {
	content: "";
	display: block;
	width: 67%;
	height: 660px;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.machine .img-box {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
}

.machine .img-box .left,
.machine .img-box .middle,
.machine .img-box .right {
	flex: 0 0 32%;
}

.frequently {
	padding: 15px 0 100px;
}

.frequently .t1 {
	font-size: 42px;
	line-height: 30px;
	color: #1c2b3b;
	font-weight: 600;
}

.frequently .faq-box {
	position: relative;
	padding-left: 130px;
	padding: 50px 0 160px 130px;
}

.frequently .faq-box::before {
	position: absolute;
	content: "";
	display: block;
	width: 70px;
	left: 0;
	height: 6px;
	background-color: #d71319;
}

.banner-pro {
	margin-top: 145px;
}

.banner-pro .faq-text {}

.banner-pro .mbx .t2::before {
	background: #d71319;
}

.banner-pro .mbx .t2 a {
	color: #333333;
}

.banner-pro .ml-2,
.mx-2 {
	color: #333333;
}

.pro-detail {
	padding:30px 0 50px 0;
}

.pro-detail .left {
	padding:0 20px;
}

.pro-detail .right .t1 {
	font-size: 32px;
	line-height: 42px;
	color: #000000;
	font-weight: 600;
}

.pro-detail .right .t2 {
	line-height: 30px;
	font-weight: 300;
	color: #666666;
	position: relative;
	padding-left: 50px;
	padding: 70px 0 70px 50px;
}

.pro-detail .right .t2 p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.pro-detail .right .t2::before {
	width: 4px;
	height: 110px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	background-color: #d71319;
}

.pro-detail .right .t3-box {
	background-color: #d71319;
	padding: 30px 55px 50px 60px;
	margin-right: 40px;
	position: relative;
}

.pro-detail .right .t3-box::after {
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
	width: 175px;
	height: 30px;
	right: -1px;
	bottom: -1px;
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

.pro-detail .right .t3 {
	font-size: 32px;
	line-height: 56px;
	color: #fff;
}

.pro-detail .right .t4 {
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	font-weight: 300;
	padding: 5px 0 40px;
}

.pro-detail .right .t5-box {
	display: flex;
	background-color: #fff;
	justify-content: space-around;
	width: 76%;
	color: #333333;
	padding: 0 20px;
}

.pro-detail .right .t5-box:hover {
	color: #fff;
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);
}

.pro-detail .right .t5-box:hover i {
	color: #fff;
}

.pro-detail .right .t5-box {
	font-size: 16px;
	line-height: 56px;
	font-weight: 600;
}

.pro-detail .right i {
	color: #d71319;
	display: flex;
	align-items: center;
	font-size: 24px;
}

.pro-detail .col-md-6 {
	display: flex;
	align-items: center;
}

.pro-content-title {
	border-bottom: 2px solid #dddddd;
}

.pro-content-title .items {
	display: flex;
	gap: 10px;
}

.pro-content-title .item {
	font-size: 18px;
	display: inline-block;
}

.pro-content-title .item a {
	color:#333;
	padding:10px 25px;
	transition: all .3s;
	display: inline-block;
}

.pro-content-title .item.active a,.pro-content-title .item:hover a{
	color: #fff;
	background-color:rgba(215,19,25);
}

.pro-content {
	padding:30px 0 75px 0;
}

.pro-content .title {
	font-size: 28px;
	line-height: 32px;
	color: #b3190d;
	margin-bottom: 20px;
	margin-top: 30px;
}

.pro-content .t1 {
	font-size: 28px;
	font-weight: 600;
}

.pro-content .t2 {
	line-height: 28px;
	font-weight: 300;
	padding: 40px 0;
}

.pro-content .head {
	color: #c12b37;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
}

.pro-content .form-feedback .form-control {
	font-size: 18px;
	padding: 14px 0;
	border: none;
   border-radius: 0;
	border-bottom: 1px solid #dddddd;

}

.pro-content .form-group {
	margin-bottom: 25px;
	padding-right: 67px;
}

.pro-content .form-feedback .btn {
	font-size: 18px;
	line-height: 48px;
	font-weight: 600;
}

.pro-content .form-feedback {
	padding: 55px 0 20px;
}

.related {
	padding-bottom: 20px;
}

.related .t1 {
	font-size: 28px;
	font-weight: 600;
	color: #000000;
}

.related .card {
	padding: 70px 0;
}

.related .img {
	background-color: #f8f8f8;
	padding: 30px;
}

.related .img img {
	mix-blend-mode: darken;
}

.related .text .t1 {
	font-size: 19px;
	color: #d71319;
	font-weight: 500;
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.related .text .t2 {
	font-size: 16px;
	line-height: 24px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.related .text .t2::after {
	content: "";
	width: 120px;
	height: 6px;
	background-color: #d71319;
	display: none;
	margin-top: 45px;
}

.latest {
	background-color: #f8f8f8;
	padding: 100px 0;
}

.latest .row {
	padding: 90px 0;
}

.latest .card {
	margin-right: 25px;
}

.latest .card .img {
	border-radius: 5px 5px 0 0;
}

.latest .t1 {
	font-size: 28px;
	font-weight: 600;
	color: #000000;
}

.latest .text .t1 {
	font-size: 19px;
    color: #d71319;
    font-weight: 500;
    margin: 20px 0;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.latest .text .t2 {
	font-size: 16px;
    line-height: 24px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



.latest .card {
	position: relative;
}

.latest .card:hover .bg {
	opacity: 0.95;
	transition: all 0.8s;
}

.latest .bg {
	position: absolute;
	background: linear-gradient(to bottom, #d71319 1%, #1c2b3b 100%);
	opacity: 0;
	height: 100%;
	color: #fff;
	border-radius: 5px;
	padding: 50px 40px 50px 45px;
}

.latest .bg time {
	padding: 18px 0;
}

.latest .bg .t2 {
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	margin: 30px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.latest .bg .t3 {
	line-height: 28px;
	opacity: 0.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.latest .more2 {
	border: 2px solid #fff;
	color: #fff;
	background-color: transparent;
	margin-top: 95px;
}

.latest .more2:hover {
	border: 2px solid transparent;
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);
}

.pro-what {
	text-align: center;
	padding: 55px 0;
}

.pro-what .title {
	font-size: 42px;
	line-height: 56px;
	color: #1c2b3b;
	position: relative;
	padding: 50px 0;
}

.pro-what .title::after {
	content: "";
	display: block;
	width: 120px;
	height: 6px;
	background-color: #d71319;
	position: absolute;
	left: 45%;
	bottom: 0;
}

.pro-what .text-box {
	padding-top: 60px;
}

.pro-what .text {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	padding-bottom: 30px;
}

.pro-what .more-btn {
	justify-content: center;
}

.pro-what .more2 {
	font-size: 14px;
}

.chevron {
	display: flex;
	justify-content: center;
	margin: 25px 0 120px;
	position: relative;
}

.chevron i {
	background-color: #d71319;
	color: #fff;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 86px;
	font-size: 17px;
}

.chevron::before {
	height: 1px;
	position: absolute;
	width: 47%;
	content: "";
	display: block;
	background-color: #d71319;
	left: 0;
	top: 50%;
}

.chevron::after {
	height: 1px;
	position: absolute;
	width: 47%;
	content: "";
	display: block;
	background-color: #d71319;
	right: 0;
	top: 50%;
}

.pro-center-list {
	padding-bottom: 200px;
}

.pro-center-list .item {
	padding: 100px 0 60px;
}

.pro-center-list .item:nth-child(2n) .container-xl {
	display: flex;
	flex-flow: row-reverse;
}

.pro-center-list .item .container-xl {
	display: flex;
	justify-content: space-between;
}

.pro-center-list .item .left {
	flex: 0 0 48%;
}

.pro-center-list .item .right {
	flex: 0 0 45%;
}

.pro-center-list .item .t1 {
	font-size: 36px;
	line-height: 56px;
	color: #1c2b3b;
	font-weight: 600;
}

.pro-center-list .item .t1::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	margin-bottom: 50px;
	background-color: #d71319;
}

.pro-center-list .item .t2 {
	line-height: 28px;
	padding: 50px 0;
	font-weight: 300;
}

.pro-center-list .item .t3-box {
	position: relative;
	padding-left: 130px;
}

.pro-center-list .item .t3-box::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	left: 0;
	top: 16px;
	background-color: #d71319;
	position: absolute;
}

.pro-center-list .item .t3 a {
	font-size: 14px;
	line-height: 42px;
	color: #333333;
	text-decoration: underline;
}

.pro-center-list .item .t3:hover a {
	text-decoration: none;
}

.pro-center-list .item .t3 span {
	color: #d71319;
	font-size: 18px;
	line-height: 42px;
	font-weight: 800;
}

.pro-center-list .item img {
	mix-blend-mode: darken;
}

.pro-center-list .item:nth-child(1) {
	position: relative;
}

.pro-center-list .item:nth-child(1)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.pro-center-list .item:nth-child(5) {
	position: relative;
}

.pro-center-list .item:nth-child(5)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.pro-center-list .item:nth-child(3) {
	position: relative;
}

.pro-center-list .item:nth-child(3)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	left: 0;
}

.customer-cases {
	text-align: center;
	padding: 110px 0 100px;
}

.customer-cases .t1 {
	font-size: 42px;
	line-height: 56px;
	color: #1c2b3b;
}

.customer-cases .t2 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	color: #d71319;
	position: relative;
	padding: 30px 0 50px;
}

.customer-cases .t2::after {
	content: "";
	display: block;
	width: 80px;
	height: 6px;
	background-color: #d71319;
	position: absolute;
	left: 47%;
	bottom: 0;
}

.customer-cases .t3 {
	padding: 55px 0;
}

.top1 {
	font-size: 36px;
	line-height: 42px;
	color: #1c2b3b;
	font-weight: 600;
}

.top1::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	margin-bottom: 50px;
	background-color: #d71319;
}

.top2 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	padding: 50px 0;
}

.top3-box {
	position: relative;
	padding-left: 130px;
	font-size: 18px;
	line-height: 48px;
	font-weight: 300;
}

.top3-box span {
	font-weight: bold;
}

.top3-box::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	left: 0;
	top: 16px;
	background-color: #d71319;
	position: absolute;
}

.cus-list {
	padding-bottom: 227px;
}

.cus-list .container-xl {
	display: flex;
	justify-content: space-between;
	padding: 110px 0;
}

.cus-list .item {
	position: relative;
}

.cus-list .item:nth-child(2n-1)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.cus-list .item:nth-child(2n) .container-xl {
	display: flex;
	flex-flow: row-reverse;
}

.cus-list .item:nth-child(3n)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	left: 0;
}

.cus-list .container-xl .left {
	flex: 0 0 46%;
}

.cus-list .container-xl .left img {
	border-radius: 14px;
}

.cus-list .container-xl .right {
	flex: 0 0 45%;
}

.cus-list p::before {
	content: "•";
	margin-right: 5px;
	color: #d71319;
}

.service {
	padding-bottom: 80px;
}

.service-list .item .container-xl {
	display: flex;
	justify-content: space-between;
	padding: 105px 0;
}

.service-list .item .left {
	flex: 0 0 47%;
}

.service-list .item .left img {
	border-radius: 14px;
}

.service-list .item .right {
	flex: 0 0 47%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.service-list .top1 {
	/* padding-bottom: 30px; */
}

.service-list .item {
	position: relative;
}

.service-list .item:nth-child(2n-1)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.service-list .item:nth-child(2n-1) .service-icon {
	position: absolute;
	top: 0px;
	height: 100%;
	left: -24%;
	z-index: 10;
	padding: 30px 29px 26px 40px;
	background-color: #f8f8f8;
}

.service-list .item:nth-child(2n) .container-xl {
	display: flex;
	flex-flow: row-reverse;
}

/* .service-list .top1::before{
	margin-bottom: 20px;
} */
.service-list .item:nth-child(2n) .t1 {
	text-align: right;
}

.service-list .item:nth-child(2n) .top1::before {
	margin: 0 0 0 auto;
}

.service-list .item:nth-child(2n) .top3-box {
	padding-left: 0;
	padding-right: 130px;
	text-align: right;
}

.service-list .item:nth-child(2n) .top3-box::before {
	left: auto;
	right: 0;
}

.service-list .item:nth-child(2n) .service-icon {
	position: absolute;
	top: 0px;
	right: -23%;
	height: 100%;
	z-index: 10;
	padding: 30px 29px 26px 40px;
	background-color: #fff;
}

.service-list .item:nth-child(3n)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	z-index: -2;
	left: 0;
}

.service-list .top1::before {
	margin-bottom: 0;
}

.service-list .right .t1 {
	position: relative;
	padding: 50px 0 30px;
}

.factory .col-md-4 {
	margin-bottom: 60px;
}

.factory {
	padding: 70px 0 170px;
}

.factory .img {
	border-radius: 14px;
}

.factory .text {
	font-size: 22px;
	line-height: 28px;
	color: #1c2b3b;
	padding-top: 45px;
}

.factory .text::after {
	width: 90px;
	height: 4px;
	content: "";
	display: block;
	background-color: #d71319;
	margin-top: 45px;
}

.vedio-list .img {
	position: relative;
}

.play {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ec1e2a;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 10;
	right: 40px;
	bottom: 30px;
}

.sjx {
	width: 10px;
	height: 14px;
	text-align: center;
	background-color: #fff;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.vedio-list .col-md-4 {
	margin-bottom: 60px;
}

.vedio-list {
	padding: 70px 0 170px;
}

.vedio-list .img {
	border-radius: 14px;
}

.vedio-list .text {
	font-size: 22px;
	line-height: 28px;
	color: #1c2b3b;
	padding-top: 45px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.vedio-list .text::after {
	width: 90px;
	height: 4px;
	content: "";
	display: block;
	background-color: #d71319;
	margin-top: 45px;
}

.team-list .item {
	display: flex;
	justify-content: space-between;
	padding: 100px 0;
	position: relative;
}

.mySwiper-team {
	border-radius: 14px;
}

.team-list .item:nth-child(2n-1)::after {
	content: "";
	display: block;
	width: 47%;
	height: 100%;
	background-color: #f4f4f4;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 27%;
}

.team-list .item:nth-child(2n) {
	flex-flow: row-reverse;
}

.team-list .item .left {
	width: 47%;
}

.team-list .item .right {
	width: 47%;
}

.team-list .item .top1 {
	font-size: 42px;
}

.team-list .item .t2 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 300;
	padding: 30px 0;
}

.team-list .item .t3-box {
	position: relative;
	padding-left: 130px;
	font-size: 18px;
	line-height: 36px;
	font-weight: 300;
}

.team-list .item .t3-box::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	left: 0;
	top: 16px;
	background-color: #d71319;
	position: absolute;
}

.team-list .item .t3 span {
	color: #d71319;
	font-weight: 800;
}

.team-list .swiper-button-prev,
.team-list .swiper-button-next {
	color: #fff;
	width: 78px;
	height: 78px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
}

.team-list .swiper-button-prev {
	left: var(--swiper-navigation-sides-offset, 20px);
}

.team-list .swiper-button-next {
	right: var(--swiper-navigation-sides-offset, 20px);
}

.team-list .swiper-button-prev::after,
.team-list .swiper-button-next::after {
	font-size: 20px;
}

.team-list .item .swiper-slide {
	position: relative;
}

.team-list .item .swiper-slide::before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.2);

}

.team-Con {
	position: relative;
	margin-bottom: 305px;
}

.team-Con .top1 {
	font-size: 42px;
	line-height: 56px;
}

.team-Con .t2 {
	font-size: 18px;
	line-height: 28px;
	padding: 45px 0 50px;
}

.team-Con .t3-box {
	position: relative;
}

.team-Con .t3-box::before {
	content: "";
	display: block;
	width: 70px;
	height: 6px;
	left: 0;
	top: 16px;
	background-color: #d71319;
	position: absolute;
}

.team-Con .text-box {
	width: 69%;
	margin: auto;
	hyphens: auto;
	padding: 105px 150px;
	background-color: #f8f8f8;
}

.team-Con .bottom {
	position: relative;
}

.swiper-container-team-Con .swiper-slide {
	border-radius: 14px;
	position: relative;
}

.swiper-container-team-Con .swiper-slide>img {
	border-radius: 14px;
}

.swiper-container-team-Con .swiper-slide::before {
	content: " ";
	display: block;
	border-radius: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.2);
}

.swiper-button-next-team,
.swiper-button-prev-team {
	background-color: rgba(0, 0, 0, .2);
	width: 78px;
	height: 78px;
	line-height: 78px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	z-index: 9;
	top: 45%;
}

.swiper-button-next-team i,
.swiper-button-prev-team i {
	font-size: 20px;
	z-index: 1;
	color: #fff;
}

.swiper-button-next-team {
	left: -7%;
}

.swiper-button-prev-team {
	right: -7%;
}

.why-title .text-box {
	width: 75%;
	margin: auto;
}

.more3 {
	color: #d71319;
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	text-decoration: underline;
}

.more3:hover {
	text-decoration: none;
	color: #d71319;
}

.why-list .img {
	position: relative;
}

.why-list .item .left {
	flex: 0 0 46%;
}

.why-list .t3-box {
	margin-bottom: 40px;
}

.why-list .t3 {
	font-size: 18px;
	line-height: 28px;
	text-decoration: underline;
	font-weight: 300;
	margin-bottom: 10px;
}

.why-list .item .t3-box::before {
	top: 20px;
}

.why-list .more2 {
	background-color: transparent;
}

.why-list .more2:hover {
	background: #d71319;
}

.why-list .item img {
	border-radius: 14px;
}

.down {
	padding: 105px 0 193px;
}

.down .container-xl {
	display: flex;
	justify-content: space-between;
}

.down .left {
	flex: 0 0 45%;
	position: relative;
}

.down .left::after {
	content: "";
	display: block;
	background-color: #efefef;
	position: absolute;
	top: 40px;
	right: -18px;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	width: 18px;
	height: 45px;
}

.down .right {
	flex: 0 0 48%;
	margin: auto 0;
}

.down .right .t1 {
	font-size: 31px;
	line-height: 40px;
	font-weight: 600;
	color: #222222;
}

.down .right .t2 {
	font-weight: 300;
	color: #666666;
	padding: 20px 0 35px;
	line-height: 33px;
}

.down .more2 {
	margin-top: 40px;
	padding: 0 10px;
}

.down .form-row {
	border-top: 1px solid #e9e8e5;
}

.down .form-row:last-child {
	border-bottom: 1px solid #e9e8e5;
	border-bottom: none;
}

.down .form-group {
	margin: 10px 0;
}

.zs-list {
	padding: 83px 0 261px;

}

.zs-list .card {
	position: relative;
	margin-bottom: 20px;
}

.zs-list .img {
	width: 80%;
	margin: 37px auto;
	background-color: #f4f4f4;
	padding: 15px;
}

.zs-list .red {
	width: 80%;
	height: 80%;
	z-index: -10;
	top: 0;
	left: 0;
	border: 1px solid #dddddd;
	position: absolute;
}

.zs-list .red .top {
	height: 75%;
}

.zs-list .red .bottom {
	height: 25%;
	background-color: #d71319;
}

.news-list {
	margin-top: 35px;
}

.news-list .card {
	margin-bottom: 82px;
}

.news-list .row {
	padding: 0;
}

.quality .container-xl {
	display: flex;
	justify-content: space-between;
}

.quality .left {
	flex: 0 0 47%;
}

.quality .right {
	flex: 0 0 47%;
	margin: auto 0;
}

.quality .top3-box {
	line-height: 28px;
	margin-top: 50px;
	font-weight: 300;
	color: #666666;
}

.quality .item {
	position: relative;
	padding: 105px 0;
}

.quality .item:nth-child(2n-1)::after {
	content: "";
	display: block;
	width: 67%;
	height: 100%;
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	z-index: -2;
	right: 0;
}

.quality .item:nth-child(2n) .container-xl {
	display: flex;
	flex-flow: row-reverse;
}

.quality .more2 {
	margin-top: 65px;
}

.customization {
	
	padding-top: 115px;
}

.customization .top3-box {
	line-height: 28px;
	font-weight: 300;
	margin-top: 45px;
}

.customization .swiper-container-quatily {
	padding: 80px 0;
}

.customization .swiper-slide {
	/* Center slide text vertically */
	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;
	transition: 300ms;
	transform: scale(0.7);
}

.customization .swiper-slide img {
	border-radius: 14px;
}

.customization .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1);
}

.swip-but {
	display: flex;
	justify-content: center;
	padding-top: 60px;
}

.swiper-button-prev-qua,
.swiper-button-next-qua {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	text-align: center;
	line-height: 78px;
	color: #fff;
	font-size: 20px;
	background-color: #cccccc;
	margin-right: 20px;
}

.swiper-button-prev-qua:hover,
.swiper-button-next-qua:hover {
	background-color: #d5282c;
}

.began {
	margin-top: 168px;
	margin-bottom: 125px;
	position: relative;
}

.began .container-xl {
	display: flex;
	justify-content: space-between;
}

.began::after {
	position: absolute;
	content: "";
	display: block;
	height: 100%;
	width: 35%;
	top: 0;
	right: 0;
	z-index: -1;
	border-radius: 14px 0 0 14px;
	background-color: #f8f8f8;
}

.began .left {
	flex: 0 0 26%;
}

.began .left img {
	border-radius: 0 14px 14px 0;
}

.began .right {
	flex: 0 0 70%;
}

.began .right .t1 {
	font-size: 24px;
	line-height: 56px;
	font-weight: 600;
	color: #3c4754;
	position: relative;
	padding-left: 160px;
}

.began .right .t1::before {
	content: "";
	display: block;
	width: 120px;
	height: 6px;
	left: 0;
	top: 24px;
	background-color: #d71319;
	position: absolute;
}

.began .right .t1 span {
	color: #d71319;
}

.began .right .t2 {
	font-size: 36px;
	line-height: 56px;
	font-weight: 600;
	color: #1c2b3b;
}

.began .right .t2 span {
	color: #d71319;
}

.began .right .top3-box {
	font-size: 18px;
	line-height: 32px;
	font-weight: 300;
	padding-left: 160px;
	margin: 30px 0;
}

.began .top3-box::before {
	width: 120px;
}

.began .right .top3-box a {
	color: #333333;
	text-decoration: underline;
}

.began .right .top3-box span {
	color: #d71319;
	font-weight: 300;
}

.began .btn {
	margin-left: 160px;
	padding: 20px 0;
}

.began .btn .more2 {
	margin-right: 22px;
}

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

.passion .title::before {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.passion .title::after {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.passion .t1 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 600;
	padding-top: 45px;
	color: #1c2b3b;
}

.passion .t2 {
	font-size: 18px;
	line-height: 28px;
	padding: 30px 0 60px;
}

.passion .history {
	background: url(../../images/passion-bg.jpg) no-repeat center;
	width: auto;
	height: 740px;
}

.passion .history .items {
	display: flex;
	justify-content: left;
}

.passion .history .item:nth-child(1) {
	flex: 0 0 23%;
	margin-top: 218px;
}

.passion .history .item:nth-child(2) {
	flex: 0 0 37%;
	margin-top: 157px;
}

.passion .history .item:nth-child(3) {
	flex: 0 0 29%;
	margin-top: 50px;
}

.passion .history .item:nth-child(2) .card {
	margin: 0 0 0 auto;
	width: 75%;
}

.passion .history .circle {
	margin: auto;
	width: 88px;
	height: 88px;
	text-align: center;
	line-height: 75px;
	font-size: 24px;
	color: #d71319;
	font-weight: bold;
	border-radius: 50%;
	border: 4px solid #d71319;
	position: relative;
}

.passion .history .text {
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	width: 93%;
	margin: auto;
	font-weight: 300;
	margin-bottom: 34px;
}

.passion .history .item:nth-child(2) .text {
	width: 94%;
}

.passion .history .circle::after {
	width: 4px;
	height: 132px;
	content: "";
	display: block;
	background-color: #d71319;
	position: absolute;
	top: 80px;
	left: 37px;
}

.passion .history .item:nth-child(2) .circle::after {
	left: 37px;
}

.passion .history .item:nth-child(3) .circle {
	font-size: 16px;
}

.passion .history .item:nth-child(3) .circle::after {
	left: 39px;
}

.Unpa {
	padding: 100px 0 151px;
}

.Unpa .container-xl {
	display: flex;
	justify-content: space-between;
}

.Unpa .left {
	flex: 0 0 46%;
}

.Unpa .right {
	flex: 0 0 50%;
}

.Unpa .right img {
	border-radius: 14px;
}

.Unpa .left .t2 {
	font-size: 18px;
	line-height: 28px;
	
}

.Unpa .left span {
	color: #d71319;
}

.Unpa .left .top3-box {
	font-size: 18px;
	line-height: 42px;
	margin: 45px 0;
	font-weight: 400;
	padding-left: 125px;
}

.Unpa .left .top3-box span {
	font-size: 20px;
}

.about-partners {
	background-color: #f8f8f8;
	padding: 110px 0 20px;
}

.about-partners .title {
	text-align: center;
}

.about-partners .title::before {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.about-partners .t1 {
	font-size: 36px;
	line-height: 42px;
	font-weight: 600;
	padding-top: 45px;
	color: #1c2b3b;
}

.about-partners .t2 {
	font-size: 18px;
	line-height: 28px;
	padding: 30px 0 60px;
}

.about-partners .title::after {
	width: 70px;
	height: 6px;
	background-color: #d71319;
	display: block;
	content: "";
	margin: auto;
}

.about-partners .client .swiper-slide {
	background-color: #f8f8f8;
}

.about-partners .client img {
	mix-blend-mode: darken;
}

.globa {
	padding: 110px 0;
}

.globa .container-xl {
	display: flex;
	justify-content: space-between;
}

.globa .left {
	flex: 0 0 36%;
	margin: auto;
}

.globa .right {
	flex: 0 0 60%;
}

.globa .top3-box {
	margin-top: 25px;
	line-height: 32px;
}

.about-u {
	padding: 40px;
}

.about-u .title {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #1c2b3b;
}

.about-u .row {
	padding: 87px 0;
}

.about-u .img {
	position: relative;
	border-radius: 14px;
}

.about-u .img::before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
	left: 0;
	background: rgba(0, 0, 0, .2);
}

.about-u .text {
	font-size: 22px;
	line-height: 28px;
	color: #1c2b3b;
	margin-top: 50px;
}

.about-u .text::after {
	width: 90px;
	height: 4px;
	content: "";
	display: block;
	background-color: #d71319;
	margin-top: 40px;
}

.contact {
	padding: 160px 0 140px;
}

.contact .container-xl {
	display: flex;
	justify-content: space-between;
}

.contact .left {
	flex: 0 0 45%;

}

.contact .right {
	flex: 0 0 50%;
}

.contact .left .t1 {
	font-size: 22px;
	line-height: 36px;
	padding: 55px 0 35px;
	color: #666666;
}

.contact .left .t2 {
	font-size: 32px;
	line-height: 57px;
	font-weight: 600;
	padding-bottom: 75px;
}

.contact .t3-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.contact .t3-box .tb {
	flex: 0 0 13%;
}

.contact .t3-box .text {
	flex: 0 0 83%;
}

.contact .t3-box .text::after {
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	background-color: #d71319;
	margin-top: 13px;
}

.contact .t3-box .tb {
	color: #d71319;
	padding: 20px 18px;
	border: 1px solid #d71319;
}

.contact .t3-box .text {
	font-size: 18px;
	line-height: 32px;
	color: #1c2b3b;
}

.contact .t3-box .text a {
	color: #1c2b3b;
}

.contact .t3-box .text span {
	color: #999999;
}

.contact .right .t1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 600;
	padding: 50px 0;
}

.contact form {
	border-radius: 14px;
	padding: 30px 65px 60px 74px;
	box-shadow: 11px 0 40px rgba(0, 0, 0, 0.1);
}

.contact .form-feedback .form-control {
	background-color: #f8f8f8;
	padding: 20px 27px;
	border: none;
	border-radius:0;
}

.news-ny .left {
	flex: 0 0 30%;
}

.news-ny .left .t1 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	color: #000000;
	padding-bottom: 30px;
}

.news-ny .row {
	justify-content: space-between;
}

.news-ny .right {
	flex: 0 0 64%;
}

.news-ny .right .content img {
	width: 100%;
	height: auto;
}

.form-control {
	border: none;
	height: auto;
	background-color: #f3f4f6;
}

.input-group-append {
	background-color: #f3f4f6;
}

.news-ny {
	padding: 85px 0 115px;
}

.news-ny .icon-search:before {
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

.news-ny .news-items {
	margin-bottom: 44px;
}

.news-ny .news-item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.news-ny .news-item .left {
	flex: 0 0 36%;
}

.news-ny .news-item .left .img {
	border-radius: 4px;
}

.news-ny .pro-boxs a {
	font-size: 18px;
	line-height: 48px;
	text-decoration: underline;
	color: #333333;
}

.news-ny .pro-boxs .box:hover a {
	text-decoration: none;
}

.news-ny .pro-boxs i {
	color: #fff;
	background: linear-gradient(to right, #d71319 1%, #1c2b3b 100%);
	padding: 6px 8px;
	font-size: 10px;
	margin-right: 20px;
}

.news-ny .news-item .right {
	flex: 0 0 58%;
}

.news-ny .news-item .right a {
	color: #333;
}

.news-ny .news-item .right time {
	font-size: 14px;
	color: #999999;
}

.news-ny .news-item .right .text {
	font-size: 18px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-ny .search-box {
	margin-bottom: 50px;
}

.news-ny .right h1 {
	font-size: 32px;
	line-height: 42px;
	font-weight: 600;
	color: #000000;
	padding-bottom: 40px;
}

.news-ny .right time {
	font-size: 18px;
	color: #999999;
	margin-bottom: 80px;
}

.news-ny .right .content {
	color: #666666;
	margin-top: 70px;
	border-bottom: 6px solid #333333;
}

.news-ny .right .share {
	display: flex;
	justify-content: right;
}

.news-ny .right .share .text {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-right: 30px;
}

.news-ny .share {
	margin-top: 40px;
	margin-bottom: 27px;
}

.news-ny .share-box {
	display: flex;
}

.news-ny .right .share i {
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	background-color: #ce383d;
}

.news-ny .share-box a:first-child i {
	padding: 5px 8px;
}

.news-ny .share-box .circle {
	padding: 6px;
	margin-right: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 50%;
}

.news-ny .post-box {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 600;
	line-height: 47px;
	color: #000033;
	margin-top: 50px;
}

.news-ny .post-box a {
	font-size: 18px;
	font-weight: 600;
	line-height: 47px;
	color: #000033;
}

.news-ny .post-box .post:hover a {
	color: #ce383d;
}

.news-ny .post-box .post i {
	border: 2px solid #e8e8e8;
	padding: 25px;
}

.news-ny .post-box .prev i {
	margin-right: 20px;
}

.news-ny .post-box .next i {
	margin-left: 20px;
}

.justify-content-center {
	margin-top: 30px;
}

.page-item.active .page-link {
	background-color: #d71319;
	border-color: #d71319;
}

/* 浮窗 */
#float {
	position: fixed;
	right: 0;
	bottom: 165px;
	margin-top: -60px;
	z-index: 55
}

#float .ico {
	display: block;
	width: 56px;
	height: 56px;
	text-align: center;
	position: relative;
	cursor: pointer;
	background: #d71319;
	border-top: 1px solid #fff
}

#float .ico:first-child {
	border-top: 0px solid #fff
}

#float .ico>i {
	font-size: 30px;
	line-height: 56px;
	display: block;
	color: #fff;
	position: relative;
	z-index: 9999
}

#float .ico>.img {
	position: absolute;
	right: 56px;
	width: 140px;
	top: 0;
	display: none;
	background-color: ##d71319
}

#float .ico>.img>img {
	width: 100%
}

#float .ico p {
	position: absolute;
	top: 0;
	border-radius: 0;
	right: -350px;
	padding: 0px 20px;
	line-height: 56px;
	font-size: 16px;
	height: 56px;
	background-color: #d71319;
	color: #FFF;
	transition: all .6s;
	z-index: 0;
	white-space: nowrap
}

#float .ico:hover>.img {
	display: block
}

#float .ico:hover p {
	right: 56px
}

#float .scale-ico {
	background-color: #b1b1b1;
	transition: .3s ease-in-out
}

#float .scale-ico:hover {
	background-color: #d71319;
}

#float .scale-float {
	transform: translateX(0);
	transition: .6s ease-in-out
}

#float.hide .scale-float {
	transform: translateX(56px)
}

#float.hide .scale-ico {
	width: calc(56px / 2);
	transform: translateX(calc(56px / 2));
	border-top: 0
}

#float.hide .scale-ico i {
	transform: rotate(180deg)
}
#float .ico#scroll-top{display:block!important;}
@media (min-width:1px) and (max-width:991px) {
	#float .ico {
		width: 40px;
		height: 40px
	}

	#float .ico>i {
		font-size: 22px;
		line-height: 40px
	}

	#float .ico>.img {
		right: 40px
	}

	#float .ico p {
		line-height: 40px;
		padding: 0 15px;
		height: 40px
	}
}


.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: none;
	top: 0;
	left: 0;
	background: rgba(00, 00, 00, 0.8)
}

.reveal-modal {
	visibility: hidden;
	top: 15%;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	position: absolute;
	z-index: 1001;
	padding: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	background-color: #FFF
}

.reveal-modal .title {
	font-size: 30px;
	text-align: center;
	margin-bottom: 25px
}

.reveal-modal .close-reveal-modal {
	font-size: 30px;
	line-height: 0.5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #333;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: bold;
	cursor: pointer
}

@media(max-width:768px) {
	.reveal-modal {
		visibility: hidden;
		top: 50px;
		left: 50%;
		margin-left: -45%;
		width: 90%;
		position: absolute;
		z-index: 1001;
		padding: 25px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
		-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
		background-color: #FFF
	}

	.reveal-modal .title {
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px
	}
}

.prcon-top {
	position: relative;
	background-color: var(--public-color)
}

.prcon-top .box {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.prcon-top .box a {
	font-family: 'Arial';
	font-size: 20px;
	line-height: 72px;
	color: #ffffff;
	position: relative;
	margin-right: 60px
}

.prcon-top .box a::before {
	content: '';
	position: absolute;
	bottom: 20px;
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: all 0.3s;
	right: 0
}

.prcon-top .box a:hover::before,
.prcon-top .box a.active::before {
	width: 100%;
	right: inherit;
	left: 0
}

.prcon-top.head-pro {
	opacity: 0;
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 980;
	width: 100%;
	transition: all 0.3s ease-in-out;
	transform: rotateX(90deg);
	transform-origin: top
}

.prcon-top.head-pro.active {
	opacity: 1;
	transform: rotateX(0deg)
}

@media(max-width:768px) {
	.prcon-top .box {
		flex-wrap: wrap
	}

	.prcon-top .box a {
		font-size: 16px;
		line-height: 46px;
		flex: 0 0 50%;
		margin-right: 0;
		text-align: center
	}

	.prcon-top.head-pro {
		top: 50px
	}

	.prcon-top .box a:hover::before,
	.prcon-top .box a.active::before {
		width: 0
	}

	.prcon-top.head-pro.active {
		opacity: 0
	}

	.home-news .max-1660 .left {
		width: 100%;
	}

	.home-news .max-1660 .right .item {
		padding: 10px 40px 0;
		flex: 0 0 43%;
	}
}

@media(max-width:1780px) {
	.navbar-custom .navbar-nav .nav-link {
		padding: 0 15px;
	}
}

@media(max-width:1600px) {
	.navbar-custom .navbar-nav .nav-link {
		padding: 0 15px;
	}

	.top-search-box {
		margin: 0;
	}
}

@media(max-width:1430px) {
	.home-make .make .right {
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	.home-why .row {
		justify-content: space-around;
	}

	.home-sale .all {
		padding: 40px 75px 40px 40px;
	}

	.home-sale .top {
		padding: 30px 0;
	}

	.home-sale .top .title {
		padding-top: 45px;
	}

	.line-t2 {
		margin: 25px 0;
	}
}

@media(max-width:1400px) {
	.navbar-custom .navbar-nav .nav-link {
		padding: 0 11px;
		font-size: 14px;
	}

	.contact .left .t2 {
		padding-bottom: 50px;
	}

	.contact .t3-box {
		margin-bottom: 35px;
	}

	.contact .t3-box .text {
		font-size: 16px;
	}

	.banner .faq-text {
		bottom: 20%;
	}

	.menu-horizontal-res .nav-item-res {
		width: 24%;
	}

	.pro-detail .right .t5-box {
		width: 97%;
	}

	.swiper-button-prev-team {
		right: 2%;
	}

	.swiper-button-next-team {
		left: 2%;
	}
	.home-news .max-1660 .right .item{
		padding: 8px 25px;
	}
	.home-news .max-1660 .left {
	    width: 43%;
	}
	.home-news .max-1660 .right {
	    width: 55%;
	}
	.passion .history .item:nth-child(1) {
	    flex: 0 0 24%;
	    margin-top: 140px;
	}
	.passion .history .circle::after{
		left: 35px;
	}
	.passion .history .item:nth-child(2) {
	    flex: 0 0 34%;
	    margin-top: 110px;
	}
	.passion .history .item:nth-child(2) .circle::after {
	    left: 39px;
	}
	.passion .history .item:nth-child(3) {
	    flex: 0 0 43%;
	    margin-top: 50px;
	}
	.passion .history .item:nth-child(3) .circle::after {
	    left: 38px;
	}
}

/*#region 手机端*/
.header-mb {
	background: #181818;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999
}

.header-mb .container-xl {
	height: 50px
}

.header-mb .top-logo {
	width: 50%
}

.header-mb .top-logo img {
	height: 30px;
	width: auto
}

.header-mb .top-mb {
	display: flex;
	align-items: center;
	width: 50%;
	justify-content: flex-end
}

.header-mb .top-mb .dropdown.lang .dropdown-toggle {
	background: transparent;
	padding: 0;
	color: #fff
}

.header-mb .top-mb .dropdown-menu {
	min-width: 80px;
	margin-top: 8px
}

.header-mb .top-mb .top-mb-search {
	padding: .5rem .4rem;
	margin-left: 10px;
	width: 30px;
	text-align: center
}

.header-mb .top-mb .top-mb-search i {
	font-size: 16px;
	color: #fff
}

.header-mb .top-mb .icon-bars {
	color: #fff
}

.top-mb-search-box {
	display: none;
	position: fixed;
	background: #fff;
	top: 50px;
	padding: 6px 15px 10px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	z-index: 998;
	width: 100%
}

.top-mb-search-box .search-group {
	width: 100%;
	height: 38px
}

.top-mb-feed i {
	font-size: 16px;
	color: #fff
}

.mobile-head-item .main-content-wrap {
	background: #FFF;
	top: 0;
	display: block;
	z-index: 99999
}

.mobile-head-item .main-content-wrap .content-wrap {
	overflow-y: auto;
	height: 100%;
	padding: 15px 10px;
	background-color: #fff
}

.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
	overflow-y: hidden
}

.mobile-head-item .side-content-wrap {
	position: fixed;
	display: block;
	right: -80%;
	width: 80%;
	height: 100%
}

.mobile-head-item .middle-content-wrap {
	position: absolute;
	right: 0;
	width: 100%;
	height: auto;
	padding: 20px 0;
	opacity: 0;
	visibility: hidden
}

.mobile-head-item .middle-show-content-wrap {
	top: 30px;
	visibility: visible;
	opacity: 1
}

.head_top .top_left {
	display: none
}

.head_nav {
	width: 100%;
	padding: 0 5px
}

.head_nav li {
	padding-left: 28px;
	padding-top: 4px;
	padding-bottom: 4px
}

.head_nav li,
.head_nav li a {
	color: #111
}

.head_nav li.has-child {
	padding-left: 28px;
	margin-top: 0;
	margin-bottom: 0
}

.head_nav li.has-child>a {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 35px
}

.head_nav li.has-child>ul {
	display: none
}

.head_nav li.siblings-no-menu {
	position: relative;
	padding-left: 15px
}

.head_nav li a {
	display: block;
	height: auto;
	line-height: 1.4em;
	position: relative
}

.head_nav li a:hover {
	color: inherit
}

.head_nav li em {
	display: block;
	height: 1.4em;
	overflow: hidden
}

.head_nav li li {
	font-size: 14px
}

.head_nav li li li {
	font-size: 12px
}

.head_nav li li a {
	color: #666
}

.head_nav li.has-child a b {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #111;
	border-radius: 2px;
	overflow: hidden;
	line-height: 15px;
	position: absolute;
	right: -35px;
	top: 1px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.head_nav li.has-child a b:before,
.head_nav li.has-child a b:after {
	content: '';
	display: block;
	width: 9px;
	height: 1px;
	background-color: #111;
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -.5px
}

.head_nav li.has-child a b:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.head_nav li.has-child a:hover b {
	border-color: #111
}

.head_nav>li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2
}

.head_nav>li>a {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: -1px;
	position: relative;
	text-transform: uppercase;
	position: relative
}

.head_nav li,
.head_nav li.has-child {
	padding-left: 0
}

.head_nav li li,
.head_nav li li.has-child {
	padding-left: 15px
}

.head_nav li.active>a>b:after {
	display: none
}

.head_nav li.active>a>b {
	background-color: #111
}

.head_nav li.active>a>b:before,
.head_nav li.active>a>b:after {
	background-color: #fff
}

.mobile-ico-close {
	width: 30px;
	height: 30px;
	background: #fff url(../../images/mobile_close.png) center center no-repeat;
	background-size: 50% auto;
	position: absolute;
	left: -35px;
	top: 0;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}

.main-mask {
	position: absolute;
	background-color: #000;
	opacity: .4;
	width: 100%;
	height: 100vh;
	z-index: 9;
	display: none
}




@media(max-width:768px) {
	.contact {
		padding: 0;
	}

	.contact .container-xl {
		display: block;
	}

	.mbx .mbtext .t1 {
		font-size: 24px;
		line-height: 32px;
	}

	.mbx .mbtext .t1 {
		padding-bottom: 0;
	}

	.mbx .t2 {
		padding-left: 25px;
		;
	}

	.contact .left .t1 {
		font-size: 18px;
		padding: 20px 0;
		line-height: 24px;
	}

	.contact .left .t2 {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 20px;
	}

	.mbx .t2::before {
		width: 20px;
		height: 2px;
	}

	.banner-home {
		margin-top: 50px;
	}

	.banner-home .swiper-slide .img-fluid{width:100%;}

	.contact .t3-box .tb {
		border: none;
		padding: 0;
		display: flex;
		flex-flow: column;
		justify-content: center;
	}

	.contact .t3-box .text {
		font-size: 14px;
	}

	.contact form {
		padding: 15px;
		margin: 30px 0;
	}

	.contact .right .t1 {
		font-size: 24px;
		padding: 10px 0;
	}

	.form-feedback .btn {
		margin: 10px 0;
	}

	.banner .faq-text {
		bottom: 7%;
	}

	.menu-horizontal-res .nav-item-res {
		width: 35%;
		margin-bottom: 20px;
	}

	.mbx .t2 a {
		font-size: 14px;
	}

	.news-list {
		margin-top: 0;
	}

	.latest {
		padding: 30px 0;
	}

	.latest .text .t1 {
		font-size: 14px;
	}

	.latest .text .t2 {
		font-size: 18px;
		line-height: 26px;
		padding-right: 18px;
		position:relative;
		height:auto;
	}

	.latest .text .t2::after {
		margin-top: 15px;
		display:none;
	}

	.latest .bg {
		padding: 20px;
	}

	.latest .bg .t2 {
		font-size: 16px;
		line-height: 24px;
		margin: 10px 0;
	}

	.latest .more2 {
		margin-top: 35px;
	}

	.news-list .card {
		margin-bottom: 35px;
	}

	.latest .card {
		margin-bottom: 20px;
	}

	.banner-pro {
		margin-top: 80px;
	}

	.menu-horizontal-wrapper {
		padding: 20px 0 0;
	}

	.news-ny .row {
		flex-flow: column-reverse;
	}

	.news-ny .right h1 {
		font-size: 24px;
		line-height: 32px;
		padding-bottom: 10px;
	}

	.news-ny .right .content {
		margin-top: 20px;
	}

	.news-ny .right time {
		font-size: 15px;
	}

	#footer {
		padding-top: 35px;
		
	}

	#footer .container-xl {
		display: block;
	}

	#footer .container-xl .left .t1 {
		line-height: 20px;
		padding: 10px 0px;
	}

	#footer .container-xl .left .t2,
	#footer .container-xl .left .t3 {
		font-size: 14px;
		line-height: 20px;

	}

	#footer .right .bottom {
		display: block;
	}

	#footer .social {
		flex-wrap: wrap;
	}

	.social>span,
	.social>a {
		margin: 0;
	}

	#footer .social .item {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	#footer .right .title {
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	#footer .right .bottom {
		margin-top: 0px;
	}

	#footer .right .t4 {
		font-size: 20px;
		line-height: 28px;
		padding: 20px 0;
	}

	#footer .right .ul-link a {
		font-size: 16px;
		line-height: 38px;
	}

	.latest .row {
		padding: 30px 0;
	}

	.news-ny {
		padding: 20px 15px 30px;
	}

	.began {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.began .container-xl {
		display: block;
		padding: 0 15px;
	}

	.began .right .t1 {
		font-size: 18px;
		padding-left: 50px;
	}

	.began .right .t2 {
		font-size: 20px;
		line-height: 28px;
	}

	.began .right .t1::before {
		width: 40px;
		height: 4px;
	}

	.began .right .top3-box {
		padding-left: 55px;
		font-size: 14px;
		line-height: 22px;
		margin: 15px 0;
	}

	.began .top3-box::before {
		width: 40px;
		height: 4px;
	}

	.began .btn {
		margin-left: 0;
		padding: 15px 0;
	}

	.began .btn .more2 {
		font-size: 11px;
	}

	.more2 {
		padding: 0px 30px;
	}

	.passion .t1 {
		font-size: 20px;
		line-height: 28px;
		padding-top: 20px;
	}

	.passion .t2 {
		font-size: 16px;
		line-height: 24px;
		padding: 15px 0 30px;
	}

	.passion .history .items {
		display: block;
	}

	.passion .history .item:nth-child(1) {
		margin-top: 20px;
	}

	.passion .history .item:nth-child(2) {
		margin-top: 20px;
	}

	.passion .history .item:nth-child(3) {
		margin-top: 20px;
	}

	.passion .history .circle::after {
		display: none;
	}

	.passion .history .item:nth-child(2) .card {
		width: 100%;
	}

	.passion .history .items .card {
		display: flex;
		flex-flow: column-reverse;
	}

	.passion .history .text {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.passion .history {
		height: 600px;
	}

	.Unpa .container-xl {
		display: block;
	}

	.top1::before {
		margin-bottom: 20px;
	}

	.top1 {
		font-size: 22px;
		line-height: 28px;
	}

	.Unpa .left .t2 {
		font-size: 14px;
		line-height: 22px;
		text-align: start;
	}

	.top3-box::before {
		width: 40px;
		height: 4px;
	}

	.Unpa .left .top3-box {
		font-size: 14px;
		line-height: 26px;
		margin: 20px 0;
		padding-left: 55px;
	}

	.Unpa .left {
		margin-bottom: 30px;
	}

	.Unpa {
		padding: 30px 0 0;
	}

	.about-partners .t1 {
		font-size: 22px;
		line-height: 28px;
		padding-top: 20px;
	}

	.about-partners .t2 {
		font-size: 14px;
		line-height: 23px;
		padding: 10px 0 20px;
	}

	.client {
		padding: 60px;
	}

	.globa .container-xl {
		display: block;
	}

	.globa {
		padding: 30px 0;
	}

	.top1::before {
		width: 40px;
		height: 4px;
	}

	.globa .top3-box {
		margin-top: 15px;
		font-size: 14px;
		line-height: 22px;
		padding-left: 65px;
	}

	.about-u .title {
		font-size: 22px;
		line-height: 28px;
	}

	.about-u {
		padding: 0;
	}

	.about-u .row {
		padding: 30px 0;
	}

	.about-u .text {
		font-size: 18px;
		line-height: 24px;
		margin-top: 20px;
	}

	.about-u .text::after {
		margin-top: 20px;
	}

	.about-u .row .card {
		margin-bottom: 25px;
	}

	.menu-horizontal-res .nav-item-res {
		width: 48%;
		margin-bottom: 15px;
	}

	.factory .text {
		font-size: 20px;
		padding-top: 20px;
	}

	.factory .text::after {
		margin-top: 20px;
	}

	.factory .col-md-4 {
		margin-bottom: 30px;
	}

	.factory {
		padding: 30px 0 30px;
	}

	.faq-box {
		padding: 30px 0;
	}

	.faq-box .a p {
		font-size: 14px;
	}

	.vedio-list {
		padding: 30px 0;
	}

	.faq-box .a {
		padding-right: 0;
	}

	.vedio-list .text {
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
	}

	.vedio-list .text::after {
		content:none;
	}

	.vedio-list .col-md-4 {
		margin-bottom: 30px;
	}

	.down .container-xl {
		display: block;
	}

	.down .right .t1 {
		font-size: 24px;
		line-height: 32px;
		padding: 20px 0;
	}

	.down .right .t2 {
		padding: 0px 0 20px;
	}

	.down .more2 {
		font-size: 12px;
		margin-top: 30px;
		padding: 0 2px;
	}

	.down {
		padding: 30px 0;
	}

	.zs-list {
		padding: 30px 0 40px;
	}

	.zs-list .card {
		margin-bottom: 0;
	}

	.justify-content-center {
		margin-top: 0px;
	}

	.pro-what {
		padding: 0;
	}

	.pro-what .title {
		font-size: 22px;
		line-height: 26px;
		padding: 30px 0;
	}

	.pro-what .title::after {
		left: 34%;
	}

	.pro-what .text-box {
		padding-top: 20px;
	}

	.pro-what .text {
		font-size: 14px;
		line-height: 22px;
		padding-bottom: 10px;
	}

	.quality .container-xl {
		display: block;
	}

	.chevron {
		margin: 25px 0 30px;
	}

	.quality .right {
		margin-top: 30px;
	}

	.quality .top3-box {
		font-size: 14px;
		line-height: 22px;
		margin-top: 20px;
		padding-left: 60px;
	}

	.quality .item {
		padding: 60px 0;
	}

	.quality .item:nth-child(2n) .container-xl {
		display: block;
	}

	.quality .more2 {
		margin-top: 30px;
	}

	.customization {
		padding-top: 30px;
	}

	.customization .top3-box {
		margin-top: 20px;
		line-height: 22px;
		font-size: 14px;
		padding-left: 50px;
	}

	.swiper-button-prev-qua,
	.swiper-button-next-qua {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.swip-but {
		padding-top: 30px;
	}

	.customization .swiper-container-quatily {
		padding: 30px 0;
	}

	.swiper-slide-next {
		z-index: -1;
	}

	.chevron i {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.team-list .item {
		display: block;
		padding: 30px 0 70px;
	}

	.team-list .item .left {
		width: 100%;
	}

	.team-list .item .right {
		width: 100%;
	}

	.team-list .item .top1 {
		font-size: 22px;
		padding: 20px 0;
	}

	.team-list .item .t2 {
		font-size: 14px;
		line-height: 22px;
		padding: 0 0 20px 0;
	}

	.team-list .swiper-button-prev,
	.team-list .swiper-button-next {
		width: 50px;
		height: 50px;
	}

	.team-list .item .t3-box::before {
		width: 40px;
		height: 4px;
	}

	.team-list .item .t3-box {
		padding-left: 60px;
		font-size: 14px;
		line-height: 22px;
	}

	.team-Con .top1 {
		font-size: 22px;
		line-height: 26px;
	}

	.team-Con .t2 {
		font-size: 14px;
		line-height: 22px;
		padding: 20px 0;
	}

	.swiper-button-next-team,
	.swiper-button-prev-team {
		width: 50px;
		height: 50px;
		line-height: 50px;
		top: 25%;
	}

	.team-Con {
		margin-bottom: 40px;
	}

	.service-list .item .container-xl {
		padding: 30px 15px;
		display: block;
	}

	.top3-box {
		padding-left: 60px;
		font-size: 14px;
		line-height: 22px;
	}

	.service-list .right .t1 {
		padding: 15px 0 6px;
		font-size: 20px;
	}

	.service-list .item:nth-child(2n-1) .service-icon {
		display: none;
	}

	.service-list .item .right {
		padding: 20px 0;
	}

	.service-list .item:nth-child(2n) .container-xl {
		display: block;
	}

	.service-list .item:nth-child(2n) .service-icon {
		display: none;
	}

	.service-list .item:nth-child(2n) .top3-box {
		padding-right: 60px;
	}

	.more3 {
		font-size: 14px;
		line-height: 22px;
	}

	.pro-center-list .item .container-xl {
		display: block;
	}

	.pro-center-list .item {
		padding: 30px 0;
	}

	.pro-center-list .item .t1 {
		font-size: 22px;
		line-height: 26px;
	}

	.pro-center-list .item .t1::before {
		margin-bottom: 20px;
		width: 40px;
		height: 4px;
	}

	.pro-center-list .item .t2 {
		line-height: 24px;
		padding: 20px 0;
	}

	.pro-center-list .item .right {
		padding: 20px 0;
	}

	.pro-center-list .item .t3-box::before {
		width: 40px;
		height: 4px;
	}

	.why-list .t3 {
		font-size: 14px;
		line-height: 22px;
	}

	.pro-center-list .item .t3-box {
		padding-left: 60px;
	}

	.pro-center-list .item:nth-child(2n) .container-xl {
		display: block;
	}

	.pro-center-list {
		padding-bottom: 0;
	}

	.customer-cases .t1 {
		font-size: 24px;
		line-height: 32px;
	}

	.customer-cases .t2 {
		padding: 10px 0 30px;
	}

	.customer-cases .t2::after {
		left: 39%;
	}

	.customer-cases .t3 {
		padding: 15px 0;
	}

	.cus-list .container-xl {
		padding: 30px 15px;
		display: block;
	}

	.cus-list .item:nth-child(2n) .container-xl {
		display: block;
	}

	.cus-list .container-xl .right {
		padding-top: 15px;
	}

	.top2 {
		font-size: 14px;
		line-height: 22px;
		padding: 15px 0;
	}

	.cus-list {
		padding-bottom: 30px;
	}

	.menu-horizontal-wrapper-pro .nav-item-res {
		font-size: 9px;
	}

	.plastic {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.plastic .t1 {
		font-size: 20px;
		line-height: 28px;
	}

	.plastic .t1::after {
		width: 70px;
		height: 4px;
		margin-top: 15px;
	}

	.plastic .t2 {
		font-size: 14px;
		line-height: 22px;
		padding: 20px 0;
	}

	.pro-list .card {
		padding: 20px 0;
	}

	.pro-list .text .t2 {
		font-size: 14px;
		line-height: 22px;
	}

	.how {
		padding: 30px 0 20px;
	}

	.how .index-title .t1 {
		font-size: 20px;
		line-height: 26px;
	}

	.line-t2::before {
		width: 40px;
		height: 4px;
	}

	.how .line-t2 {
		padding-left: 70px;
		font-size: 16px;
		line-height: 24px;
	}

	.how .row {
		padding: 0;
	}

	.how .card .right {
		line-height: 22px;
	}

	.how .card {
		padding: 10px 0;
	}

	.how .card .t2-box {
		display: flex;
		padding: 15px 0;
	}

	.machine .index-title .t1 {
		font-size: 24px;
		line-height: 36px;
	}

	.machine {
		padding: 20px 0;
	}

	.line-t2::before {
		width: 40px;
		height: 4px;
	}

	.machine .index-title .line-t2 {
		padding-left: 70px;
	}

	.machine .img-box {
		padding: 20px 0;
	}

	.frequently .t1 {
		font-size: 24px;
		line-height: 35px;
	}

	.frequently .faq-box::before {
		width: 40px;
		height: 4px;
	}

	.frequently .faq-box {
		padding: 30px 0 0px 70px;
	}

	.faq-box .item {
		padding: 15px 0;
	}

	.faq-box .a {
		padding-top: 5px;
	}

	.menu-horizontal-wrapper-pro {
		font-size: 10px;
	}

	.machine .index-title .line-t2::before {
		width: 40px;
	}

	.how .line-t2::before {
		width: 40px;
	}

	.pro-list {
		padding: 30px 0;
	}

	.banner-pro {
		margin-top: 90px;
	}

	.pro-detail {
		padding: 30px 0 10px;
	}

	.pro-detail .right .t1 {
		font-size: 24px;
		line-height: 36px;
	}

	.pro-detail .right .t2 {
		padding: 20px 0 20px 30px;
	}

	.pro-detail .right .t3 {
		font-size: 20px;
		line-height: 26px;
	}

	.pro-detail .right .t4 {
		font-size: 16px;
		line-height: 24px;
		padding: 5px 0 20px;
	}

	.pro-detail .right .t3-box {
		padding: 20px 20px 58px 24px;
		margin-right: 16px;
	}

	.pro-detail .right .t5-box {
		font-size: 14px;
	}

	.pro-detail .right i {
		font-size: 16px;
	}

	.pro-detail .right .t5-box {
		width: 92%;
	}

	.pro-content-title .item {
		font-size: 16px;
		margin-right: 20px;
	}

	.pro-content {
		padding: 10px 0 30px;
	}

	.pro-content .title {
		font-size: 24px;
		line-height: 36px;
		margin-top: 20px;
	}

	.pro-content .t2 {
		padding: 10px 0;
	}

	.pro-content .form-feedback {
		padding: 20px 0;
	}

	.related .card {
		padding: 20px 0;
	}

	.related .text .t2 {
		font-size: 14px;
		line-height: 22px;
	}

	.banner-home-text .t1 {
		font-size: 16px;
		line-height: 28px;
	}

	.banner-home-text .box {
		display: block;
		padding: 0;
	}

	.banner-home-text .left {
		width: 100%;
	}

	.banner-home-text .right {
		width: 100%;
		justify-content: center;
	}

	.banner-home-text .line-t2 {
		font-size: 10px;
    line-height: 15px;
	}

	.banner-home-text {
		padding: 0;
	}

	.banner-home-text .line-t2 {
		padding-left: 0;
		margin: 5px 0;
	}

	.banner-home-text .line-t2::before {
		top: -3px;
	}

	.banner-home-text .more1 {
		padding: 0px 30px;
		height: 30px;
		line-height: 30px;
	}

	.banner-home-text .right {
		margin-bottom: 10px;
	}

	.index-title .left .t1 {
		font-size: 24px;
		line-height: 36px;
	}

	.index-title {
		display: block;
	}

	.index-title .left {
		width: 100%;
	}

	.index-title .right {
		width: 100%;
		justify-content: center;
	}

	.line-t2 {
		margin: 10px 0;
		font-size: 14px;
		line-height: 22px;
		padding-left: 50px;
	}

	.more2 {
		margin-bottom: 10px;
		height: 40px;
		line-height: 40px;
	}

	.home-proline {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.pro {
		box-shadow: none;
	}

	.home-make .make .left {
		width: 100%;
	}

	.home-make .make {
		display: block;
		padding: 20px 0 20px;
	}

	.home-make .t3 {
		font-size: 20px;
		line-height: 28px;
	}

	.index-title .left .t1 {
		font-size: 24px;
		line-height: 26px;
	}

	.home-upgrade .index-title .line-t2{display:none;}

	.line-t2 {
		padding-left: 50px;
	}

	.home-make .make .right {
		width: 100%;
	}

	.container-xl.m-right {
		padding-right: 15px;
	}

	.home-why .row {
		display: block;
		padding: 30px 15px;
	}

	.home-why .row .item {
		width: 100%;

	}

	.home-why .more2 {
		margin-top: 20px;
	}

	.home-why .bottom .text {
		font-size: 16px;
		line-height: 22px;
		padding: 25px 0;
	}

	.home-sale .all {
		padding: 50px 15px;
	}

	.home-sale .more1 {
		margin: 15px;
	}

	.home-sale .swiper-button-prev-client i,
	.home-sale .swiper-button-next-client i {
		font-size: 20px;
	}

	.home-sale .container-long {
		padding-right: 20px;
		padding-left: 0px;
	}

	.more2 {
		margin-top: 10px;
	}

	.home-share .items {
		display: block;
		padding-bottom: 0;
	}

	.home-share .item {
		width: 100%;
		margin-bottom: 15px;
	}

	.home-share .text-box {
		padding: 20px 0;
	}

	.home-share .item .title::after {
		margin-top: 15px;
	}

	.home-share .item .text {
		font-size: 14px;
		padding: 20px 0 0;
	}

	.home-share .item .title {
		font-size: 20px;
		line-height: 24px;
	}

	.home-news {
		padding: 30px 0;
	}

	.home-news .max-1660 .left .text-box {
		padding: 16px 25px;
	}

	.home-news .max-1660 .left .text-box .t2 {
		margin-bottom: 25px;
	}

	.container-xl.m-right {
		padding-left: 15px;
	}

	.home-news .max-1660 .right .item {
		padding: 10px 25px 0;
		margin: 15px 0px;
	}

	.home-news .max-1660 {
		padding: 20px;
	}

	.home-news .max-1660 .right .item .text-box {
		width: 100%;
	}

	.home-share .index-title {
		padding: 20px 0;
	}

	.home-news .max-1660 {
		display: block;
	}

	.home-news .max-1660 .right {
		width: 100%;
	}
	.banner-text .img{width:36%;}
	.banner-home-text2 .t1 {
    font-size: 12px;
    line-height: 14px;}
	.banner-home-text2 .box{margin:0;}
	.banner-home-text2 .t2 {
    font-size: 10px;
    line-height: 16px;
}

}

.pro-content table{    display: table;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1rem;
    color: #212529;
    text-align: center;}

.pro-content table tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.03);
}

.pro-content table th,
.pro-content table td {
	padding: 5px;
	vertical-align: middle;
	font-size: 14px;
	border: 1px solid #dee2e6;
}


.header-pa-nav {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.header-pa-nav .box {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    transform: translateY(-20px);
    transition: transform 0.4s ease-out;
}

.header-pa-nav .box .item {
    width: 30%;
    margin-left: 3%;
    position: relative;
}

.header-pa-nav .box .item .img {
    border-radius: 40px 15px 40px 15px;
    overflow: hidden;
    margin-bottom: 25px;
    transition: transform 0.3s ease;
}

.header-pa-nav .box .item .img:hover {
    transform: scale(1.05);
}

.header-pa-nav .box .item .t1 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    transition: color 0.3s ease;
}

.header-pa-nav .box .item a {
    color: #444;
    transition: color 0.3s ease;
}

.header-pa-nav .box .item a:hover {
    color: #483f6b;
}

.header-pa-nav .box .item p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.header-pa-nav .box .item p:before {
    content: "\f061";
    font-family: cmsfont;
    color: #483f6b;
    display: inline-block;
    margin-right: 10px;
    transition: transform 0.3s ease;
}

.header-pa-nav .box .item p:hover:before {
    transform: translateX(5px);
}

.nav-item.pa.active .nav-link {
    color: #fff;
    transition: color 0.3s ease;
}

.header.black .top-search-box .search-tb i {
    color: #333;
    transition: color 0.3s ease;
}

.nav-item.pa .header-pa-nav.active {
    height: auto;
    padding: 20px 0 50px;
    z-index: 99;
    opacity: 1;
    visibility: visible;
	top: 80px;
    transition: all 0.3s ease-in-out;
}

.header.fadeInDown .nav-item.pa .header-pa-nav.active {
    top: 60px;
}

.nav-item.pa .header-pa-nav.active .box {
    transform: translateY(0);
}














	/* 展会弹窗 */
.window.off{display:none;}
.window #day{display:none;}
.window #month{display:none;}
.window{position:fixed;right:0;top:212px;width:390px;padding:30px 0; z-index:99;background-color:rgba(0,0,0,0.8);color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:16px;transition:0.6s all}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:#b3190d;display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:380px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px}
.window .t1{font-size:20px}
.window .row{margin-top:42px;font-size:16px}
.window .row .info{margin-top:22px;font-size:14px}
.window .theme{margin-top:0px;font-size:20px}
.window .time{margin-top:20px;font-size:25px}
.window .place{margin-top:30px;line-height:21px}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-390px}
.window .btn-left{opacity:0;display:none}
.window .show{opacity:1;display:flex;right:380px}
.window .place a{color:#fff;}
.window .place a:hover{text-decoration:underline;}

@media(max-width:768px) {
    .window{top:15%;width:80%;}
    .window .t1{font-size:18px}
    .window .row{margin-top:22px;font-size:14px}
    .window .btn-left{right:100%;}
    .window .window-text{margin:0 5px}
    .window .theme{margin-top:20px;font-size:18px}
    .window .time{margin-top:15px;font-size:20px}
    .window .ps{margin-top:20px;line-height:21px}
    .window.hide{right:-80%}
    .window .btn{min-width:20px;height:80px;}
    .window .show{right:100%}
}

/*cookies板式二*/
.google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{max-width:1400px; display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:#d71319;margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid #d71319;color:#d71319;display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:#d71319;color:#fff;margin-top:0}

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{border-radius:0;padding:10px;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
}

@media(max-width:768px) {
	.index-title .left .t1{text-align:center;}
	.home-make .make .index-title .left .t1{font-size:24px;line-height:30px;text-align:left;}
	.home-make .make .left .line-t2{text-align:left;padding-left:0;}
	.client{padding:15px 60px;}
	.home-why .row{padding-bottom:0px;}
	.home-why{padding-bottom:30px;}
	.home-sale .line-t2{padding-left:0;text-align:center;}
	.home-sale{height:auto;}
	.home-upgrade .line-t2{padding-left:0;text-align:center;}
	.home-upgrade{height:auto;padding:40px 0;}
	.client .max-1500{justify-content:center;}
	.latest .card{margin-right:0;}
	.news-list .card{border-bottom:1px dashed #ddd; padding-bottom:15px;}
	.icon-chevron-down:before{content: "";}
	.menu-horizontal{padding-top:15px;}
	.pro-list .card{border-bottom:1px dashed #ddd; }
	.how .line-t2{display:none;}
	.how .card .right{padding:0 15px;}
	.how .card .t2-box{align-items:flex-start;}
	.frequently .faq-box{padding-left:0;}
	.frequently .t1{line-height:24px;}
	.machine::after{display:none;}
	.machine .index-title .line-t2{padding-left:0;}
	.pro-content.table-wrappe iframe{max-width:100%;height:250px;}
	.pro-content.table-wrappe img{max-width:100%;height:auto;}
	.factory .text{font-size:16px;padding-top:10px;}
	.factory .text::after{margin-top:10px;}
	.factory .img{line-height:0;}
	.team-Con .text-box{width:100%;padding:20px 0px;background:#fff;}
	.team-Con .t3-box::before{display:none;}
	.team-list .item .t3-box::before{display:none;}
	.team-list .item{padding-bottom:40px;}
	.team-list .item .t3-box{padding-left:0;}
}

/*#region 移动端栏目列表*/
.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
.menu-collapse .collapse-title { padding: 0.875rem; background: #d71319; color: #fafafa; }
.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
.menu-collapse .collapse-title .navbar-toggler { color: #fff; }
.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #d71319 }
.menu-collapse .menu-link:hover { background: #f8f9fa; }
.menu-collapse .drop { }
.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

/*#表格*/
.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }
.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

.window.off{display:none;}
.window #day{display:none;}
.window #month{display:none;}
.window{position:fixed;right:0;top:243px;width:380px;padding:30px 0; z-index:99;background-color:rgba(0,0,0,0.8);color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:16px;transition:0.6s all}
.window .icon{font-size:20px}
.window .btn{min-width:50px;height:190px;color:#fff;background-color:#b3190d;display:flex;align-items:center;justify-content:center;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.window .btn-left{position:absolute;right:380px;border-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.window .window-text{margin:0 10px}
.window .t1{font-size:20px}
.window .row{margin-top:42px;font-size:16px}
.window .row .info{margin-top:22px;font-size:14px}
.window .theme{margin-top:30px;font-size:20px}
.window .time{margin-top:20px;font-size:25px}
.window .place{margin-top:30px;line-height:21px}
.window .ps{margin-top:40px;line-height:21px}
.window.hide{right:-380px}
.window .btn-left{opacity:0;display:none}
.window .show{opacity:1;display:flex;right:380px}
.window .place a{color:#fff;}
.window .place a:hover{text-decoration:underline;}

@media(max-width:768px) {
    .window{top:15%;width:80%;}
    .window .t1{font-size:18px}
    .window .row{margin-top:22px;font-size:14px}
    .window .btn-left{right:100%;}
    .window .window-text{margin:0 5px}
    .window .theme{margin-top:20px;font-size:18px}
    .window .time{margin-top:15px;font-size:20px}
    .window .ps{margin-top:20px;line-height:21px}
    .window.hide{right:-80%}
    .window .btn{min-width:20px;height:80px;}
    .window .show{right:100%}
}

footer .foot-left{width:100%;display:flex;align-items:center;padding:40px 0 0;color:#fff;justify-content:space-between;}
footer .foot-left .foot-box{width:48%; display: flex;align-items: center;justify-content: space-between;font-size: 16px;}
footer .foot-left .foot-box .box-left{width: 74%}
footer .foot-left .foot-box .box-left div{margin: 10px 0;}
footer .foot-left .foot-box .box-left a{font-size: 16px;line-height: 23px;color: #fff;}
footer .foot-left .foot-box .box-left a:hover{text-decoration: underline;}
footer .foot-left .foot-box .box-right{border-radius:50%;overflow:hidden;width: 22%;}

@media(max-width:768px) {
	footer .foot-left{padding-right: 0;margin-right: 0;margin-bottom: 0px;padding-top:10px;display:flex;justify-content:center;flex-wrap:wrap;}
    footer .foot-left .foot-box{margin: 10px 0;width:100%;}
}

#footer .foot-bottom{padding-bottom:30px;color:#fff;}
#footer .foot-bottom a{color:#fff!important;}
#footer .foot-bottom a:hover{text-decoration:underline;}
#footer .foot-bottom .container-xl{flex-wrap:wrap;}
#footer .foot-bottom .xt{display:block;width:100%;border-top:1px solid #2d3844;margin-bottom:40px;}
#footer .foot-bottom .title{font-size: 24px;line-height: 32px;color: #fff;padding-bottom: 40px; font-weight: bold;}
#footer .foot-bottom .addr{display:flex;align-items:center;margin-bottom:30px;}
#footer .foot-bottom .addr .img{width:72px;min-width:72px;margin-right:20px;}
#footer .foot-bottom .container-xl .left{display:block;}
#footer .foot-bottom .ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
#footer .foot-bottom .ul .ul-link{width:50%;margin-bottom:15px;font-size:18px;}
#footer .foot-bottom .ul .ul-link:before{content:"\f054";font-family:cmsfont;display:inline-block;margin-right:10px;}
#footer .foot-bottom .right .ul-link a{opacity:1;line-height:24px;}

#footer .foot-bq{}
#footer .foot-bq .box{border-top:1px solid #2d3844;padding:20px 0;}
#footer .foot-bq .container-xl{display:block;text-align:center;color:#5c6977;}
#footer .foot-bq .container-xl a{color:#5c6977;}
#footer .foot-bq .container-xl a:hover{text-decoration:underline;}

@media(max-width:768px) {
	#footer .foot-bottom .ul .ul-link{margin-bottom:10px;font-size:14px;width:100%;}
	#footer .foot-bottom .title{font-size:20px;padding-bottom:20px;}
}

.plastic .box1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.plastic .box1 .img{background:#f8f8f8;width:55%;height:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.plastic .box1 .img img{mix-blend-mode:multiply;width: auto;height: 100%;}
.plastic .box1 .text{width:40%;}
.plastic .box1 .text .title1{font-size:30px;line-height:36px;margin-bottom:15px;font-weight:bold;}
.plastic .box1 .text .desc{font-size:16px;line-height:30px;color:#6b6b6b;}

.plastic .box2{margin-top:50px;display:flex;flex-wrap:wrap;}
.plastic .box2 .item{border:1px solid #d71319;padding:15px 25px;width:25%;border-left:0;font-size:16px;line-height:24px;color:#6b6b6b;text-align:center;display:flex;align-items:center;justify-content:center;}
.plastic .box2 .item:first-child{border-left:1px solid #d71319;}

.fl-faq-box{background:#f8f8f8;padding:80px 0;}
.fl-faq-box .t1{font-size: 42px;line-height: 56px;color: #1c2b3b;text-align: center;font-weight:bold;margin-bottom:40px;}
.fl-faq-box .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.fl-faq-box .list .item{width:100%;}
.fl-faq-box .list .item .q{font-size:18px;line-height:24px;display:flex;}
.fl-faq-box .list .item .q span{min-width:38px;margin-right:12px;}
.fl-faq-box .list .item .a{background:#ffffff;border-radius:10px;padding:15px 25px;margin-top:15px;margin-bottom:20px;}

.fl-case-box{padding:80px 0;}
.fl-case-box .top{display:flex;justify-content:space-between;}
.fl-case-box .top .left{width:68%;}
.fl-case-box .top .t1{font-size:24px;line-height:30px;color:#d71319;}
.fl-case-box .top .t2{font-size:36px;line-height:48px;margin:10px 0;font-weight:bold;}
.fl-case-box .top .right{display:block;background:#d71319;padding:0px 30px;height:56px;font-size:18px;line-height:56px;text-align:center;border-radius:10px;margin-top:40px;}
.fl-case-box .top .right:hover{text-decoration:underline;}

.fl-case-box .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px;}
.fl-case-box .list .item{width:31%;}
.fl-case-box .list .item .t3{text-align:center;margin-top:20px;}

@media(max-width:768px) {
	.plastic .box1 .img{width:100%;height:200px;}
	.plastic .box1 .text{width:100%;margin-top:15px;}
	.plastic .box1 .text .title1{font-size:24px;line-height:32px;}
	.plastic .box1 .text .desc{font-size:14px;line-height:22px;}
	.plastic .box2{margin-top:10px;display:flex;justify-content:space-between;}
	.plastic .box2 .item{width:48%;padding:5px;border-left:1px solid #d71319;margin-top:15px;font-size:14px;line-height:22px;}

	.fl-faq-box{background:#f8f8f8;padding:30px 0;}
	.fl-faq-box .t1{font-size:26px;line-height:32px;}
	.fl-faq-box .list .item{width:100%;}
	.fl-faq-box .list .item .q{display:flex;align-items:center;}

	.fl-case-box{padding:30px 0;}
	.fl-case-box .top{flex-wrap:wrap;}
	.fl-case-box .top .left{width:100%;}
	.fl-case-box .top .t1{font-size:16px;line-height:24px;}
	.fl-case-box .top .t2{font-size:24px;line-height:32px;}
	.fl-case-box .top .right{margin-top:20px;height:40px;line-height:40px;}
	.fl-case-box .list .item{width:100%;padding-bottom:50px;}
	.fl-case-box .list .item .t3{font-size:14px;line-height:16px;margin-top:10px;}
}

.profl-prc{padding:0 0 100px;}
.profl-prc .t1{font-size: 42px;line-height: 50px;color: #1c2b3b;text-align: center;font-weight:bold;}
.profl-prc .box1{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:100px;}
.profl-prc .box1 .item{width:32%;background:#f7f7f7;border-radius:15px;padding:25px;}
.profl-prc .box1 .item .img{padding:0 30px;text-align:center;margin-top:-65px;}
.profl-prc .box1 .item .img img{box-shadow:13px 0 32px rgba(0, 0, 0, 0.24);border-radius:15px;overflow:hidden;}
.profl-prc .box1 .item .title{font-size:20px;line-height:24px;color:#1c2b3b;font-weight:bold;margin-top:35px;margin-bottom:20px;}
.profl-prc .box1 .item p{font-size:15px;line-height:24px;color:#1c2b3b;position:relative;padding-left:13px;}
.profl-prc .box1 .item p:before{content:"●";display:inline-block;margin-right:6px;position:absolute;left:0;color:#d71319;}

.profl-prc .box2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px;}
.profl-prc .box2 .item{width:49%;background:#f7f7f7;border-radius:15px;padding:50px 60px;margin-bottom:30px;}
.profl-prc .box2 .item:nth-child(3){width:100%;}
.profl-prc .box2 .item .title{font-size:20px;line-height:24px;color:#1c2b3b;font-weight:bold;margin-bottom:20px;}
.profl-prc .box2 .item p{font-size:15px;line-height:24px;color:#1c2b3b;position:relative;padding-left:13px;}
.profl-prc .box2 .item p:before{content:"●";display:inline-block;margin-right:6px;position:absolute;left:0;color:#d71319;}

.profl-prc .box3{display:flex;flex-wrap:wrap;margin-top:70px;}
.profl-prc .box3 .item{width:28%;background:#f7f7f7;border-radius:15px;padding:0 0 25px;margin:0 2.5% 40px;overflow:hidden;}
.profl-prc .box3 .item .title{font-size:20px;line-height:24px;color:#1c2b3b;font-weight:bold;margin-top:25px;margin-bottom:20px;padding:0 15px;}
.profl-prc .box3 .item p{font-size:15px;line-height:24px;color:#1c2b3b;position:relative;padding-left:28px;padding-right:15px;}
.profl-prc .box3 .item p:before{content:"●";display:inline-block;margin-right:6px;position:absolute;left:15px;color:#d71319;}


@media(max-width:768px) {
	.profl-prc{padding:0 0 30px;}
	.profl-prc .t1{font-size: 24px;line-height:32px;}
	.profl-prc .box1{margin-top:25px;}
	.profl-prc .box1 .item{width:100%;padding:15px;margin-bottom:15px;}
	.profl-prc .box1 .item .img{padding:0;margin:0;}
	.profl-prc .box1 .item .title{font-size:16px;line-height:24px;margin-top:15px;margin-bottom:10px;}
	.profl-prc .box1 .item p{font-size:14px;line-height:22px;}

	.profl-prc .box2{margin-top:30px;}
	.profl-prc .box2 .item{width:100%;padding:15px;margin-bottom:15px;}
	.profl-prc .box2 .item .title{font-size:16px;margin-bottom:10px;}
	.profl-prc .box2 .item p{font-size:14px;line-height:22px;}

	.profl-prc .box3{margin-top:30px;justify-content:space-between;position:relative;}
	.profl-prc .box3 .item{width:100%;padding:0 0 15px;margin:0 0 15px;}
	.profl-prc .box3 .item .title{font-size:14px;margin-bottom:10px;margin-top:15px;}
	.profl-prc .box3 .item p{font-size:12px;line-height:22px;}

	.swiper-button-prev:after, .swiper-button-next:after{color:#d71319;font-size:32px;font-weight:bold;}
	.pro-content-title{display:none;}

	.latest .card .bg{position:relative;color:#333!important;opacity:1;background:#fff;padding:15px;border-radius:0px;}
	.latest .card .bg a{color:#333!important}
	.latest .card .bg a:hover{color:#d71319;}
	.latest .card .text{display:none;}
}

/*#展会信息*/
.zhbg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5);z-index:9999;display:none;align-items:center;justify-content:center;}
.zhbg .box{max-width: 1000px; background:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.7);position:relative;}
.zhbg .box .cloes{position:absolute;right:-15px;top:-15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;z-index:99999;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;}
.zhbg .box .zh-t1{display:flex;margin-bottom:25px;}
.zhbg .box .zh-t1 span{background:var(--public-color);display:inline-block;padding:10px;font-size:22px;color:#fff;}
.zhbg .box .zh-t2{font-size:26px;font-weight:bold;margin-bottom:15px;color:var(--public-color);}
.zhbg .box .zh-t3{font-size:18px;margin-bottom:15px;font-weight:bold;}
.zhbg .box .place{font-size:16px;line-height:24px;}
.zhbg .box .place p{margin-bottom:10px;}
.zhbg .box .place p i{color:var(--public-color);min-width:22px;}
.zhbg .box .place p strong{color:var(--public-color);}
.zhbg.on{display:flex;}

.zhkz.on{display: block;}
.zhkz{display: none; background:var(--public-color);color:#fff;font-size:20px;font-weight:bold;position: fixed;top:250px;right:-54px;transform: rotate(-90deg); padding: 10px 20px 20px;border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;cursor:pointer;z-index:99; }

@media(max-width:768px) {
    .zhbg .box{width:80%;padding:15px;}
    .zhkz{font-size:16px;padding:10px 20px;right:-45px;top:200px; }
}