@charset "UTF-8";

/* #region 初始化 */

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: none;

	padding: 0;

	margin: 0;

}



html,

body {

	width: 100%;

}


html {

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-webkit-tap-highlight-color: transparent;

}

.swiper-pointer-events {
	width: 100%;
}

body {

	margin: 0;

	padding: 0;

	word-wrap: break-word;

	color: #000;

	background-color: rgba(255, 255, 255, 1);

	overflow-x: hidden;

	line-height: 1.45;

}



body,

table,

input,

textarea,

select,

option {

	font-family: 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;

	font-weight: 400;

}



audio,

video {

	display: block;

}



a {

	display: block;

	background-color: transparent;

	text-decoration: none;

	color: inherit;

	outline: none;

	-webkit-tap-highlight-color: transparent;

}



ol,

ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



li {

	list-style: none;

}



img {

	display: block;

	border: 0;

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	outline: none;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

	padding: 0;

}



table {

	border-spacing: 0;

	border-collapse: collapse;

}



td,

th {

	padding: 0;

}



.swiper-container {

	width: 100%;

}




i {
	font-style: normal !important;
}



/* #endregion */
/* #region  sass */
/* #endregion */




/* #弹性样式 */

.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.space-around {
	justify-content: space-around;
}

.space-between {
	justify-content: space-between;
}

.space-center {
	justify-content: center;
}

/* #公共样式 -end */





/* #region 全局 导航*/

.container {
	padding: 0 30px;
	max-width: 1380px;
	margin: 0 auto;
}




/* 下拉栏 */
.dropdown_menu {
	display: none;
	position: absolute;
	top: 2rem;
	right: 0;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #eee;
	z-index: 10;
}

.header-top li.active .dropdown_menu {
	display: block;
}

.dropdown_menu a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}

.dropdown_menu a:last-child {
	border: none;
}

.dropdown_menu a:hover {
	color: rgba(186, 34, 39, 1);
}




/* 头部 banner */

.nav_icon,
.nav_modal {
	display: none;
}

.headernav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 4rem;
	opacity: 1;
	z-index: 5;
	color: rgba(255, 255, 255, 1);
	background: rgba(199, 0, 17, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	transition: ease-out .36s;
}

.headernav .container {
	max-width: 1660px;
	height: 100%;
}

.headernav .logo img {
	width: 10rem;
	filter: grayscale(100%) brightness(600%);
}

.headernav .navleft {
	width: 75%;
	height: 100%;
}

.headernav ul {
	width: 77%;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.headernav ul li {
	font-size: 0.9rem;
	font-weight: 600;
	/* font-family: 'Medium';*/
	color: rgba(255, 255, 255, 1);
	text-align: center;
	cursor: pointer;
	/* line-height: 4rem; */
	transition: ease-out .36s;
	height: 100%;
}


.headernav ul li .nav_one {
	position: relative;
	height: 100%;
}

.headernav ul li .nav_one a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.headernav ul li img {
	margin: 0;
	padding: 0;
	margin-left: 0.25rem;
}

.headernav .active {
	font-weight: 700;
	color: yellow;
}

.headernav .active .nav_one a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background: #ffffff;
	transition: ease-out .36s;
}

.headernav ul .nav_one:hover {
	font-weight: 700;
	color: yellow;
}

.headernav .country {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.headernav .country .lang-data {
	display: none;
	position: absolute;
	z-index: 3;
	top: 4rem;
	left: 50%;
	border-top: 1px solid #fff;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(8px);
	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
	transform: translate(-50%, 0px);
	padding: 0.5rem 0.5rem 0 0.5rem;
}

.headernav .country .lang-data a {
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	color: #666;
	white-space: nowrap;
	margin-bottom: 0.5rem;
}

.headernav .country .lang-data a img {
	padding: 0;
	margin: 0;
	width: 1.6rem;
	margin-right: 0.5rem;
}

.headernav .country:hover .lang-data {
	display: block;
}

.headernav .area {
	height: 100%;
	margin-left: 2rem;
}

.headernav .area a img {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}

.headernav .area a p {
	font-size: 0.7rem;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.headernav .area hr {
	border: 0;
	width: 0.05rem;
	height: 1.85rem;
	background: rgba(255, 255, 255, 0.6);
	margin: 0 1.6rem;
}

.headernav .nav_two {
	display: none;
	position: absolute;
	top: 4.1rem;
	z-index: 3;
	text-align: left;
	background: rgba(245, 247, 255, 0.9);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;

}

.headernav .nav_two.on {
	display: block !important;
}

.headernav .nav_two img {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	z-index: 4;
	cursor: pointer;
	filter: grayscale(100%) brightness(0%);
}

.headernav .nav_two.on h3 {
	text-decoration: underline;
	font-size: 1.2rem;
	line-height: 20px;
	color: rgba(230, 0, 18, 1);
}

.headernav .nav_two .subclass {
	position: relative;
	padding: 0.5rem 0;
}

.headernav .nav_two .subclass .type {
	font-size: 0.9rem;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	position: relative;
	color: rgba(51, 51, 51, 1);
	margin: 0 1rem;
}


.headernav .nav_two .subclass .type a {
	transition: ease-out .36s;
	line-height: 1rem;
	margin: 0.5rem 0;
}

.headernav .nav_two .subclass .type span {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.headernav .nav_two .subclass .type span img {
	width: 1.05rem;
	height: 1.05rem;
	position: initial;
}

.headernav .nav_two .subclass a:hover {
	font-weight: initial;
	text-decoration: underline;
	color: rgba(230, 0, 18, 1);
}

.headernav .nav_three {
	display: none;
	position: absolute;
	top: -0.5rem;
	left: calc(100% + 1.05rem);
	background: rgba(245, 247, 255, 0.9);
	width: 100%;
	padding: 0.5rem 0 !important;
}

.headernav .nav_four {
	display: none;
	position: absolute;
	left: calc(100% + 1.05rem);
	background: rgba(245, 247, 255, 0.9);
	/* width: 100%; */
	padding: 0 1rem;
	white-space: nowrap;
}

.headernav .nav_four a {
	margin: 1rem 0 !important;
}

.on .headernav {
	background: rgba(199, 0, 17, 1);
}

.on .headernav .active,
.on .headernav ul .nav_one:hover {
	color: yellow;
}





/* 轮播 */

.banner {
	width: 100%;
	position: relative;
	margin-top: 4rem;
}

.banner .swiper-slide {
	position: relative;
	overflow: hidden;
	height: calc(100vh - 4rem);
	/* height: 100vh; */
}

.banner .swiper-slide>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 1s linear 2s;
	transform: scale(1.1, 1.1);
}

.banner .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.banner .swiper-slide::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.banner .swiper-slide.swiper-slide-active>img,
.banner .swiper-slide.swiper-slide-duplicate-active>img {
	transition: 5s linear;
	transform: scale(1, 1);
}

.banner .swiper-slide .bannerText {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	color: #fff;
	transition: ease-out .36s;
	z-index: 1;
}

.banner .swiper-slide .bannerText p {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
}

.banner .swiper-slide .bannerText h3 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 75px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	margin: 0.75rem 0 3rem 0;
	width: 75%;
}

.banner .swiper-slide .bannerText .more {
	width: 8.55rem;
	height: 2.25rem;
	background: rgba(230, 0, 18, 1);
	justify-content: center;
	transition: ease-out .36s;
}

.banner .swiper-slide .bannerText .more p {
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 25px;
	color: rgba(255, 255, 255, 1);
	transition: ease-out .36s;
}

.banner .swiper-slide .bannerText .more img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.4rem;
	filter: grayscale(100%) brightness(600%);
	transition: ease-out .36s;
}

.banner .swiper-slide .bannerText .more:hover {
	background: rgba(255, 235, 59, 1);
}

.banner .swiper-slide .bannerText .more:hover p {
	color: rgba(230, 0, 18, 1);
}

.banner .swiper-slide .bannerText .more:hover img {
	filter: initial;
}


.banner .next-prev {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0rem;
	max-width: 1600px;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.banner .next-prev img {
	width: 2.2rem;
	height: 2.2rem;
	cursor: pointer;
}


/* 内页轮播 */

.h450 .banner .swiper-slide {
	height: 22.5rem;
}

.vh100 {
	position: relative;
}

.vh100 .index-swiper {
	margin-top: 0;
	height: 40rem;
	overflow: hidden;
}

.vh100 .banner .swiper-slide {
	height: 100%;
}

.vh100 .location {
	position: absolute;
	top: 40rem;
	left: 0;
	width: 100%;
	z-index: 3;
}

.vh1002 .index-swiper {
	height: calc(100vh - 5rem);
}

.vh1002 .swiper-slide .bannerText .container {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* margin-top: 0%; */
}

.vh1002 .swiper-slide .bannerText h3 {
	font-size: 60px;
	font-weight: 500;
	line-height: 67px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	margin-bottom: 2.55rem;
	text-align: right;
}

.vh1002 .swiper-slide .bannerText .intor {
	width: 75%;
	font-size: 0.9rem;
	line-height: 35px;
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	/* text-align: right; */
}

.vh1002 .location {
	color: #fff;
	top: initial;
	bottom: 0;
}

.vh1002 .location img {
	filter: grayscale(100%) brightness(600%);
}

/* 位置 */

.location {
	padding: 2rem 0;
	font-size: 0.7rem;
	line-height: 16px;
	color: rgba(102, 102, 102, 1);
}

.location img {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.5rem;
}

.location p {
	margin: 0 0.5rem;
	transition: ease-out .36s;
}

.location a:hover {
	color: rgba(230, 0, 18, 1);
}


/* #end */




/* 搜索 */

.searchBar {
	opacity: 1;
}

.searchBar .conten {
	position: relative;
	z-index: 3;
	height: 10rem;
	margin-top: -10rem;
}

.searchBar .conten .search {
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.searchBar .conten .search .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	cursor: pointer;
	transition: ease-out .36s;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	padding: 0 1rem;
}

.searchBar .conten .search .icon p {
	font-size: 1.4rem;
	line-height: 39px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.searchBar .conten .search .icon img {
	width: 27px;
	height: 27px;
	margin-left: 23px;
}

.searchBar .conten .search form {
	width: 0;
	opacity: 0;
	transition: ease-out .36s;
	position: relative;
	z-index: 2;
}

.searchBar .conten .search .input {
	width: 75%;
	/* border-radius: 1rem; */
	background: rgba(255, 255, 255, 1);
}

.searchBar .conten .search .input input {
	border: 0;
	opacity: 1;
	/* width: 85%; */
	width: 0;
	font-size: 0.8rem;
	padding: 0.5rem;
	padding-left: 1.25rem;
	background: initial;
	transition: ease-out .36s;
}

.searchBar .conten .search .input button {
	border: 0;
	height: 100%;
	font-size: 0.8rem;
	color: rgba(255, 255, 255, 1);
	padding: 0 1.15rem;
	/* border-radius: 0 2rem 2rem 0; */
	background: rgba(230, 0, 18, 1);
	display: flex;
	align-items: center;
}

.searchBar .conten .search .input button img {
	width: 0.9rem;
	height: 0.9rem;
	margin-right: 0.75rem;
}


.searchBar .conten .search.on .icon {
	/* width: 0; */
	opacity: 0;
}

.searchBar .conten .search.on form {
	width: 55%;
	opacity: 1;
	z-index: 10;
}

.searchBar .conten .search.on .input input {
	width: 85%;
}

.search-mack {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
	top: 0;
	left: 0;
}

.search-mack.on {
	display: block;
}


/* end */





/* 首页 */

.index01 {
	opacity: 1;
	padding: 4.5rem 0 3rem 0;
}

.index-title {
	font-weight: 500;
	/* margin-bottom: 2rem; */
}

.index-title p {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 54px;
	color: rgba(230, 0, 18, 1);

	/* margin-bottom: 0.5rem; */
	text-transform: uppercase;
}

.index-title h3 {
	font-size: .9rem;
	line-height: 20px;
	color: rgba(34, 34, 34, 1);
	text-transform: uppercase;
}


.index-icon {
	padding: 0.5rem 0 1.5rem 0;
}

.index-icon .icon {
	position: relative;
	width: 2.15rem;
	height: 33px;
	animation: dt_fullrotate 3s ease-in-out 3s forwards infinite alternate;
}

.index-icon .icon::before {
	content: "";
	width: 1.3rem;
	height: 1.3rem;
	opacity: 1;
	background: rgb(255 250 0);
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 50%;
}

.index-icon .icon::after {
	content: "";
	width: 1.15rem;
	height: 1.15rem;
	opacity: 1;
	border: 3px solid rgb(255 133 143);
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
}

.index-icon hr {
	width: calc(100% - 2.15rem);
	border: 0;
	border-bottom: 2px solid rgba(235, 235, 235, 0.7);
}

@keyframes dt_fullrotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




.index01 ul a {
	width: calc((100% - 2rem) / 2);
	height: 19.6rem;
	margin-bottom: 1.5rem;
	position: relative;
	overflow: hidden;
	transition: ease-out .36s;
}

.index01 ul a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	z-index: 1;
	transition: ease-out .36s;
}

.index01 ul a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index01 ul a:hover img {
	transform: scale(1.1);
}

.index01 ul a:hover .conten img {
	transform: scale(1);
}

.index01 ul a .conten {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.index01 ul a .conten img {
	position: relative;
	width: 2.25rem;
	height: 2.25rem;
}

.index01 ul a .conten h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	margin: 0.75rem 0 1.25rem 0;
}

.index01 ul a .conten p {
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	text-align: center;
	padding: 0 5.1rem;
	opacity: 0;
	height: 0;
	transition: ease-out .36s;
}

.index01 ul a:hover::before {
	background: rgba(209, 0, 17, 0.63);
}

.index01 ul a:hover .conten p {
	opacity: 1;
	height: auto;
	transition: ease-out .36s;
}

.index01 .more {
	width: 8.55rem;
	height: 2.25rem;
	border: 0.05rem solid rgba(34, 34, 34, 1);
	justify-content: center;
	font-size: 0.9rem;
	color: rgba(34, 34, 34, 1);
	transition: ease-out .36s;
}

.index01 .more img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(0%);
	transition: ease-out .36s;
}

.index01 .more:hover {
	color: rgba(255, 255, 255, 1.0);
	border: 0.05rem solid rgba(230, 0, 18, 1);
	background-color: rgba(230, 0, 18, 1);
}

.index01 .more:hover img {
	filter: grayscale(100%) brightness(600%);
}




.index02 {
	opacity: 1;
	padding: 3.5rem 0 4.5rem 0;
	background: url('../images/bg2.webp') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

.index02::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(199, 0, 17, 0.75);
}

.index02 .more {
	width: 8.55rem;
	height: 2.25rem;
	border: 0.05rem solid rgb(255, 255, 255);
	justify-content: center;
	font-size: 0.9rem;
	color: rgb(255, 255, 255);
	transition: ease-out .36s;
}

.index02 .more img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(600%);
	transition: ease-out .36s;
}

.index02 .more:hover {
	background: rgba(255, 235, 59, 1);
	border: 0.05rem solid rgba(255, 235, 59, 1);
	color: rgba(230, 0, 18, 1);
}

.index02 .more:hover img {
	filter: initial;
}


.index02 .index-title p,
.index02 .index-title h3 {
	color: #fff;
}


.index02 .swiper-ReferenceProjects {
	width: 95%;
	margin: 0 auto;
}

.index02 .swiper-slide {
	width: 100%;
	height: 22.35rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.index02 .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index02 .swiper-slide h4 {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 1.2rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.index02 .swiper-slide h4 span {
	width: 0.5rem;
	height: 0.5rem;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 0.5rem 0 0;
}

.index02 .swiper-slide h3 {
	position: absolute;
	bottom: 1rem;
	left: 20px;
	width: 90%;
	font-size: 1.8rem;
	opacity: 0;
	transition: ease-out .36s;
	color: #ffff;
	text-transform: uppercase;
	font-weight: bold;
}

.index02 .swiper-slide h3 span {
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background-color: #fff;
}

.index02 .swiper-slide-next h3 {
	opacity: 1;
}

.index02 .swiper-slide:hover img {
	transform: scale(1.1);
}



.index03 {
	opacity: 1;
	padding: 3.5rem 0 7rem 0;
	background: url('../images/bg.webp') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

/* .index03::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(199, 0, 17, 0.75);
} */

.index03 .left{
	width: 50%;
}

.index03 .right {
	width: 45%;
}

.index03 .left p {
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

.index03 .left h2 {
	/* font-size: 1.4rem;
	font-weight: bold;
	line-height: 31px;
	color: rgba(255, 235, 59, 1);
	padding: 12px;
	background: rgba(230, 0, 18, 1);
	width: 91%; */
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 42px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: baseline;
}

.index03 .left h2 span {
	color: rgba(255, 235, 59, 1);
	font-size: 2.2rem;
	margin: 0 0.4rem;
}

.index03 .left h3 {
	/* font-size: 1.6rem;
	font-weight: bold;
	line-height: 50px;
	color: rgba(255, 255, 255, 1); */
	font-size: 1.1rem;
	letter-spacing: 0.5px;
	line-height: 50px;
	color: rgba(255, 255, 255, 1);
	margin: 0.3rem 0 1rem 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff61;
    padding-bottom: 0.6rem;
}

.index03 .left .intor {
	/* font-size: 0.9rem;
	font-weight: 400;
	line-height: 35px;
	color: rgba(255, 255, 255, 1); */
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 35px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 3rem;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis; */
}

.index03 .left a {
	width: 8.55rem;
	height: 2.25rem;
	background: rgba(230, 0, 18, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease-out .36s;
}

.index03 .left a p {
	font-size: 0.9rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	transition: ease-out .36s;
}

.index03 .left a img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(600%);
	transition: ease-out .36s;
}

.index03 .left a:hover {
	background: rgba(255, 235, 59, 1);
}

.index03 .left a:hover p {
	color: rgba(230, 0, 18, 1);
}

.index03 .left a:hover img {
	filter: initial;
}


.index03 .right {
	position: relative;
	height: auto;
	background-color: rgba(0, 0, 0, 0.2);
	background: url('../images/videobg.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}

.index03 .right .pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.index03 .right img:nth-child(1) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index03 .right .pic i {
	display: block;
	position: absolute;
	width: 3rem;
	height: 3rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: red;
	border-radius: 50%;
	padding: 0.8rem;
}

.index03 .right .pic img {
	width: 1.5rem;
	height: 1.5rem;
}

.index03 .right .pic i::before {
	position: absolute;
	content: "";
	animation: wave 2s linear infinite;
	inset: 0;
	border-radius: 50%;
}

@keyframes wave {
	from {
		box-shadow: 0 0 0 0 #f2f2f2;
	}

	to {
		box-shadow: 0 0 0 40px #f2f2f2;
		opacity: 0;
	}
}

.index03 .right .pic i::after {
	position: absolute;
	content: "";
	animation: wave-2 2s linear infinite;
	inset: 0;
	border-radius: 50%;
}

@keyframes wave-2 {
	from {
		box-shadow: 0 0 0 0 #ffffff;
	}

	to {
		box-shadow: 0 0 0 20px #ffffff;
		opacity: 0;
	}
}


.index03 .right .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
	display: flex;
	align-items: center;
	padding: 1rem;
}

.index03 .right .top img {
	width: 2rem !important;
	height: 2rem !important;
	border-radius: 50%;
	margin-right: 2%;
}

.index03 .right .top p {
	font-size: 0.9rem;
	color: #fff;
	width: 85%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index03 .right .more {
	position: absolute;
	padding: 0.5rem 1rem;
	background: #000;
	right: 0;
	bottom: 1rem;
	color: #fff;
	font-size: 0.9rem;
	z-index: 2;
	cursor: pointer;
}


.index0301 {
	margin-top: -3.5rem;
}

.index0301 li {
	height: 14rem;
	/* background: url('../images/bg5.webp') no-repeat; */
	background: url('../images/bg.webp') no-repeat;

	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}

.index0301 li::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.75); */
	/* background: rgba(199, 0, 17, 0.75); */
	/* backdrop-filter: blur(6px); */
	transition: ease-out .36s;
}

.index0301 li .conten {
	width: 100%;
	position: relative;
	z-index: 1;
}

.index0301 li .icon {
	display: flex;
	flex-direction: row-reverse;
	padding: 0 2.5rem;
}

.index0301 li .icon img {
	width: 1.65rem;
	height: 1.65rem;
}

.index0301 li h3 {
	font-size: 2rem;
	line-height: 114px;
	color: rgba(255, 235, 59, 1);
	margin: 0.3rem 0 1.65rem 0;
	font-weight: bold;
}

.index0301 li h3 span {
	font-size: 4.5rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	/* letter-spacing: -5px; */
}

.index0301 li p {
	font-size: 1rem;
	font-weight: 500;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
}

.index0301 li:hover::after {
	background: rgba(0, 0, 0, 0.75);
}





.index04 {
	opacity: 1;
	padding: 4.5rem 0;
}

.index04 a {
	width: calc((100% - 3rem) / 3);
}

.index04 a:nth-child(2) {
	margin: 0 1.5rem;
}

.index04 a i {
	display: block;
	width: 100%;
	height: 13.5rem;
	overflow: hidden;
}

.index04 a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.index04 a .conten {
	padding: 1.9rem 1.5rem 1.5rem 1.5rem;
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
	transition: ease-out .36s;
}

.index04 a .conten .look {
	padding-left: 1rem;
}

.index04 a .conten .data img,
.index04 a .conten .look img {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.4rem;
}

.index04 a .conten .data p {
	margin-top: 0.1rem;
}

.index04 a .conten .data p,
.index04 a .conten .look p {
	font-size: 0.7rem;
	color: rgba(102, 102, 102, 1);
}

.index04 a .conten h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	margin: 0 0 1.4rem 0;
	transition: ease-out .36s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index04 a .conten .intor {
	font-size: 0.9rem;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.index04 a .conten hr {
	border: 0;
	border-bottom: 0.05rem solid rgba(204, 204, 204, 1);
	margin: 0.95rem 0 1.4rem 0;
}

.index04 a .conten .to {
	font-size: 0.7rem;
	color: rgba(230, 0, 18, 1);
}

.index04 a .conten .to img {
	width: 0.8rem;
	height: 0.8rem;
	padding-left: 0.25rem;
}

.index04 a:hover i img {
	transform: scale(1.1);
}

.index04 a:hover .conten {
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);
}

.index04 a:hover .conten h3 {
	color: rgba(230, 0, 18, 1);
}

.index04 .more {
	width: 8.55rem;
	height: 2.25rem;
	border: 0.05rem solid rgba(34, 34, 34, 1);
	justify-content: center;
	font-size: 0.9rem;
	color: rgba(34, 34, 34, 1);
	transition: ease-out .36s;
	margin: 0 !important;
}

.index04 .more img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(0%);
	transition: ease-out .36s;
}

.index04 .more:hover {
	color: rgba(255, 255, 255, 1.0);
	border: 0.05rem solid rgba(230, 0, 18, 1);
	background-color: rgba(230, 0, 18, 1);
}

.index04 .more:hover img {
	filter: grayscale(100%) brightness(600%);
}


.index05 {
	background: rgba(199, 0, 17, 1);
}

.index05 .container {
	padding: 2.8rem 0 2.5rem 0;
}

.index05 .container input {
	border: 0;
	width: 27rem;
	background: rgba(255, 255, 255, 0.4);
	padding: 1.1rem 1.9rem;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.8);
}


.index05 .container input:focus {
	border-radius: 0;
	box-shadow: 0 0 5px yellow;
	/* box-shadow: 0 0 5px 0 yellow; */
	/* border: 1px solid rgba(255, 255, 0, 0.4); */
}


.index05 .container input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.index05 .container input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.index05 .container input::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.index05 .container input::placeholder {
	color: rgba(255, 255, 255, 0.8);
}

.index05 .container button {
	width: 14rem;
	/* border-radius: 0.1rem; */
	background: rgba(255, 255, 255, 1);
	padding: 1.1rem;
	font-size: 0.9rem;
	line-height: 20px;
	/* font-family: 'Medium';*/
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	margin-left: 1.8rem;
	transition: ease-out .36s;
	border: 0;
	cursor: pointer;
}

.index05 .container button img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.75rem;
	filter: grayscale(100%) brightness(0%);
	transition: ease-out .36s;
}

.index05 .container button:hover {
	color: rgba(230, 0, 18, 1);
	background: rgba(255, 235, 59, 1);
}

.index05 .container button img {
	filter: initial;
}

.index05 .container .tisp {
	margin-top: 1.4rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

.index05 .container a:hover {
	color: rgba(230, 0, 18, 1);
}

.index05 .container a:hover img {
	filter: initial;
}



.index06 {
	padding: 4.5rem 0;
}

.index06 .left {
	width: 49%;
}

.index06 .left .index-title {
	text-align: left;
	margin-bottom: 1rem;
}

.index06 .left .index-title h3 {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 50px;
	color: rgba(230, 0, 18, 1);
	text-align: left;
	margin: 0;
}

.index06 .left .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(51, 51, 51, 1);
	margin: 0 0 1rem 0;
}

.index06 .left li {
	width: calc((100% - 2rem) / 2);
	height: 10.4rem;
	/* border-radius: 0.5rem; */
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.index06 .left li.on {
	display: none;
}

.index06 .left li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
	background-color: #999;
}

.index06 .left li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.25rem;
	background: rgba(0, 0, 0, 0.25);
	font-size: 0.8rem;
	line-height: 26px;
	color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index06 .left li:hover img {
	transform: scale(1.1);
}

.index06 .right {
	width: 49%;
	/* height: 23rem; */
	/* border-radius: 1rem; */
	background: rgba(204, 204, 204, 1);
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.index06 .right li {
	display: none;
}

.index06 .right li:nth-child(1) {
	display: block;
	height: 100%;
	overflow: hidden;
}

.index06 .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
	background-color: #999;
}

.index06 .right img:hover {
	transform: scale(1.1);
}

.index06 .right p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3.55rem;
	background: rgba(230, 0, 18, 0.6);
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 29px;
	color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.index06 .next-prev {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0rem;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.index06 .next-prev img {
	width: 1.15rem;
	height: 1.9rem;
	background: rgba(230, 0, 18, 0.7);
	padding: 0.45rem 0.1rem;
	cursor: pointer;
	transition: ease-out .36s;
}

.index06 .next-prev .next {
	transform: rotate(180deg);
}

.index06 .next-prev img:hover {
	background: rgba(230, 230, 0, 0.7);
}


/* end */





/* 底部 */

footer {
	background: rgba(245, 245, 245, 1);
}

footer .top {
	padding: 2.7rem 0 1.75rem 0;
}

footer .top .left {
	width: 15%;
	margin-top: 1.25rem;
}

footer .top .right {
	width: 25%;
	margin-top: 1.25rem;
}

footer .top .middle {
	width: 40%;
}

footer .top h3 {
	font-size: 1rem;
	/* font-family: 'Medium';*/
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 2.2rem;
	text-transform: uppercase;
}

footer .top h3 span {
	padding-bottom: 0.45rem;
	border-bottom: 0.1rem solid rgba(230, 0, 18, 1);
}

footer .top .left a {
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 0.3rem;
	transition: ease-out .36s;
}

footer .top .left a p {
	position: relative;
}

footer .top .left a p::after {
	content: "";
	position: absolute;
	background-color: rgba(230, 0, 18, 1);
	height: 2px;
	width: 0px;
	left: 0;
	bottom: -5px;
	opacity: 0;
}

footer .top .left a img {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.25rem;
	filter: grayscale(100%) brightness(250%);
	transition: ease-out .36s;
}

footer .top .left a:hover {
	color: rgba(230, 0, 18, 1);
}

footer .top .left a:hover p::after {
	opacity: 1;
	width: 100%;
	transition: ease-out .36s;
}

footer .top .left a:hover img {
	filter: initial;
}

footer .top .middle img {
	width: 14.45rem;
	margin-bottom: 0.9rem;
}

footer .top .middle .intor {
	font-size: 0.8rem;
	line-height: 30px;
	color: rgba(51, 51, 51, 1);
}

footer .top .right .intor {
	font-size: 0.8rem;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 1rem;
}

footer .top .right li {
	font-size: 0.8rem;
	line-height: 18px;
	font-weight: 500;
	line-height: 22px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 0.7rem;
	border-bottom: 1px solid rgba(232, 232, 232, 1);
	padding-bottom: 0.7rem;
}

footer .top .right li:nth-child(2) {
	margin-bottom: 1rem;
}

footer .top .right li img {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 0.5rem;
}

footer .top .right li a {
	transition: ease-out .36s;
}

footer .top .right li:hover a {
	color: red;
}

footer .top .right .link li {
	position: relative;
	cursor: pointer;
	border: 0;
}

footer .top .right .link li img {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 1rem;
	transition: ease-out .36s;
}

footer .top .right .link li:hover img {
	transform: scale(1.1);
}

footer .top .right .link li img:nth-child(2) {
	display: none;
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}

footer .top .right .link li:hover img:nth-child(2) {
	display: block;
}

footer .bottom {
	padding: 1rem 0;
	background: rgba(245, 245, 245, 1);
	border-top: 0.05rem solid rgba(230, 230, 230, 1);
}

footer .bottom p {
	font-size: 0.8rem;
	line-height: 18px;
	color: rgba(153, 153, 153, 1);
}

footer .bottom a:hover {
	color: rgba(230, 0, 18, 1);
	transition: ease-out .36s;
}


/* end */



/* cookies */

.cookies {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 1.5rem 0;
	background: #222;
	z-index: 5;
}

.cookies .intor {
	width: 78%;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.8);
}

.cookies .close {
	width: 8.55rem;
	height: 2.25rem;
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
	color: rgba(230, 0, 18, 1);
	cursor: pointer;
	border: 0;
}

/* end */




/* 解决方案 */

.Solutions {
	padding: 0.5rem 0 5.5rem 0;
}

.Solutions ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 2rem;
}

.Solutions ul a:nth-child(3n) {
	margin-right: 0;
}

.Solutions ul a i {
	display: block;
	width: 100%;
	height: 13.5rem;
	overflow: hidden;
}

.Solutions ul a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.Solutions ul a .conten {
	padding: 1.75rem;
	border-width: 0 0.05rem 0.05rem 0.05rem;
	border-style: solid;
	border-color: rgba(204, 204, 204, 1);
}

.Solutions ul a .conten h3 {
	height: 2.7rem;
	font-size: 1.2rem;
	/* font-family: 'Medium';*/
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	transition: ease-out .36s;
}

.Solutions ul a .conten p {
	font-size: 0.7rem;
	line-height: 16px;
	color: rgba(102, 102, 102, 1);
	margin: 1rem 0 1.15rem 0;
	height: 32px;
}

.Solutions ul a .conten hr {
	border: 0;
	border-bottom: 0.05rem solid rgba(204, 204, 204, 1);
	margin-bottom: 1.4rem;
}

.Solutions ul a .conten .to p {
	margin: 0;
	font-size: 0.7rem;
	line-height: 16px;
	color: rgba(230, 0, 18, 1);
	height: auto;
}

.Solutions ul a .conten .to img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
}

.Solutions ul a:hover i img {
	transform: scale(1.1);
}

.Solutions ul a:hover .conten h3 {
	color: rgba(230, 0, 18, 1);
}


.Solutions2 {
	padding: 0 0 4.65rem 0;
}

.Solutions2 ul a {
	width: calc((100% - 3rem) / 3);
	height: 16.2rem;
	border-radius: 0.5rem;
	background: rgba(204, 204, 204, 1);
	overflow: hidden;
	position: relative;
}

.Solutions2 ul a:nth-child(2) {
	margin: 0 1.5rem;
}

.Solutions2 ul a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.Solutions2 ul a p {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(230, 0, 18, 1);
	padding: 0.35rem 0.75rem;
	font-size: 0.7rem;
	line-height: 16px;
	color: rgba(255, 255, 255, 1);
}

.Solutions2 ul a:hover img {
	transform: scale(1.1);
}

.Solutions2 .to {
	width: 8.55rem;
	height: 2.25rem;
	border-radius: 0.25rem;
	border: 0.05rem solid rgba(34, 34, 34, 1);
	justify-content: center;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(34, 34, 34, 1);
	margin: 0 auto;
	margin-top: 3.25rem;
	transition: ease-out .36s;
}

.Solutions2 .to img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(0%);
	transition: ease-out .36s;
}

.Solutions2 .to:hover {
	border: 0.05rem solid rgba(230, 0, 18, 1);
	background: rgba(230, 0, 18, 1);
	color: #fff;
}

.Solutions2 .to:hover img {
	filter: grayscale(100%) brightness(600%);
}


/* end */




/* 解决翻案详情 */

.SolutionInfo {
	padding: 0.5rem 0 5rem 0;
}

.SolutionInfo h3 {
	font-size: 2rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 40px;
	color: rgba(230, 0, 18, 1);
	font-weight: bold;
	text-transform: uppercase;
}

.SolutionInfo h4 {
	/* font-size: 1.8rem;
	font-weight: 500;
	font-family: 'Medium';
	line-height: 40px;
	color: rgba(17, 17, 17, 1); */
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 27px;
	color: rgba(230, 0, 18, 1);
	padding: 3rem 0 0.75rem 2rem;
	border-bottom: 1px solid rgba(230, 0, 18, 1);
	position: relative;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.SolutionInfo h4::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 17.05rem;
	height: 0.3rem;
	background: rgba(230, 0, 18, 1);
}

.SolutionInfo h4::after {
	content: '';
	position: absolute;
	left: 0;
	top: 70%;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	background: url(../images/videologo.jpg?v=1920) no-repeat;
	transform: translate(0, -50%);
	background-size: cover;
}

.SolutionInfo .intor {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin: 2.25rem 0;
	padding-left: 2rem;
}

.SolutionInfo .intor2 {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 1rem 0;
	padding: 0;
}

.SolutionInfo2 {
	padding: 0 0 5rem 0;
	position: relative;
}

.Solutions2,
.index-title h3,
.SolutionInfo2 .index-title h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 2rem;
	margin-bottom: 2rem;
	line-height: inherit;
}

.SolutionInfo2 .swiper-goods a {
	background: #f7f7f7;
	transition: ease-out .36s;
}

.SolutionInfo2 .swiper-goods a i {
	display: block;
	width: 100%;
	height: 21rem;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1.1rem;
	overflow: hidden;
}

.SolutionInfo2 .swiper-goods a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.SolutionInfo2 .swiper-goods a p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: rgba(230, 0, 18, 1);
	text-align: center;
}

.SolutionInfo2 .swiper-goods a h3 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	margin: 1rem 0;
}

.SolutionInfo2 .swiper-goods a:hover {
	background-color: #E60012;
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
}

.SolutionInfo2 .swiper-goods a:hover i img {
	transform: scale(1.1);
}

.SolutionInfo2 .swiper-goods a:hover p,
.SolutionInfo2 .swiper-goods a:hover h3 {
	color: rgb(255, 255, 255);
}

.SolutionInfo2 .next-prev {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0rem;
	max-width: 1600px;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.SolutionInfo2 .next-prev img {
	width: 2.2rem;
	height: 2.2rem;
	cursor: pointer;
	filter: grayscale(100%) brightness(70%);
}


/* end */




/* 产品列表 */

.Product {
	padding: 0.5rem 0 4.25rem 0;
}

.Product h3 {
	font-size: 1.8rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 40px;
	color: rgba(17, 17, 17, 1);
}

.Product .select {
	margin: 2.25rem 0 3rem 0;
}

.Product .select .select-data {
	width: 20%;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(17, 17, 17, 1);
	padding: 0.75rem 0.85rem;
	background: rgba(255, 247, 247, 1);
	border: 0.05rem solid rgba(219, 219, 219, 1);
	margin-right: 1.75rem;
	position: relative;
	cursor: pointer;
}

.Product .select ul {
	display: none;
	width: 100%;
	height: 0;
	position: absolute;
	top: 2.7rem;
	left: 0;
	padding: 0 0.85rem;
	background: rgba(255, 247, 247, 1);
	border: 0.05rem solid rgba(219, 219, 219, 1);
	transition: ease-out .36s;
	z-index: 2;
}

.Product .select ul a {
	width: 100%;
	font-size: 0.8rem;
	line-height: 25px;
	color: rgba(17, 17, 17, 1);
	margin: 0.8rem 0;
	cursor: pointer;
}

.Product .select .select-data:hover ul {
	display: block;
	height: auto;
	transition: ease-out .36s;
}


.Product ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 1.75rem;
	background: #f7f7f7;
	transition: ease-out .36s;
}

.Product ul a:nth-child(3n) {
	margin-right: 0;
}

.Product ul a i {
	display: block;
	width: 100%;
	height: 21rem;
	overflow: hidden;
	transition: ease-out .36s;
	margin-bottom: 1.1rem;
	transition: ease-out .36s;
}

.Product ul a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.Product ul a p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 20px;
	color: rgba(230, 0, 18, 1);
	text-align: center;
}

.Product ul a h3 {
	font-size: 1rem;
	font-weight: 400;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	margin: 1rem 0;
}

.Product ul a:hover {
	background-color: #E60012;
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
}

.Product ul a:hover i img {
	transform: scale(1.1);
}

.Product ul a:hover p,
.Product ul a:hover h3 {
	color: rgb(255, 255, 255);
}


/* 产品详情 */

.bgcolor .location {
	background: rgba(255, 252, 252, 1);
}


.ProductSeriesInfo {
	padding: 0 0 3.9rem 0;
	background: rgba(255, 252, 252, 1);
}

.ProductSeriesInfo .index-icon {
	padding: 0.5rem 0;
}

.ProductSeriesInfo .left {
	width: 40%;
}

.ProductSeriesInfo .left i {
	display: block;
	width: 100%;
	height: 521px;
	overflow: hidden;
	cursor: pointer;
}

.ProductSeriesInfo .left i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.ProductSeriesInfo .left i:hover img {
	transform: scale(1.1) !important;
}

.ProductSeriesInfo .left img:nth-child(2) {
	width: 100%;
	/* height: 70px; */
	object-fit: cover;
	object-position: center;
	margin-top: 20px;
}

.ProductSeriesInfo .right {
	width: 50%;
}

.ProductSeriesInfo .right h3 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 45px;
	color: rgba(230, 0, 18, 1);
	margin-bottom: 1rem;
}

.ProductSeriesInfo .right h4 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 27px;
	color: rgba(34, 34, 34, 1);
}

.ProductSeriesInfo .right hr {
	border: 0;
	border-bottom: 0.05rem solid rgb(255 0 0);
	margin: 1rem 0;
}

.ProductSeriesInfo .right .intor {
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 2.75rem;
}

.ProductSeriesInfo .right .intor h4 {
	margin: 0.5rem 0;
}

.ProductSeriesInfo .right .intor p {
	position: relative;
	padding-left: 1.5rem;
}

.ProductSeriesInfo .right .intor p::before {
	content: '';
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background-color: #E60012;
	top: 13px;
	left: 0;
}

.ProductSeriesInfo .right .intor img {
	max-width: 50%;
	padding-top: 2rem;
}

.ProductSeriesInfo .right a {
	width: 6.9rem;
	height: 2.25rem;
	/* border-radius: 0.25rem; */
	background: rgba(255, 255, 255, 1);
	border: 0.05rem solid rgba(0, 0, 0, 1);
	padding: 0 25px;
	transition: ease-out .36s;
}

.ProductSeriesInfo .right a p {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(230, 0, 18, 1);
	transition: ease-out .36s;
}

.ProductSeriesInfo .right a img {
	width: 0.8rem;
	height: 0.8rem;
	transition: ease-out .36s;
}

.ProductSeriesInfo .right a:hover {
	border-color: rgba(230, 0, 18, 1);
	background-color: rgba(230, 0, 18, 1);
}

.ProductSeriesInfo .right a:hover p {
	color: rgb(255, 255, 255);
}

.ProductSeriesInfo .right a:hover img {
	filter: grayscale(100%) brightness(600%);
}



.ProductSeriesInfo2 {
	padding: 0rem 0 0rem 0;
	/* background: rgba(245, 245, 245, 1); */
}

.ProductSeriesInfo2 h3 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 27px;
	color: rgba(230, 0, 18, 1);
	padding: 3rem 0 0.75rem 2rem;
	border-bottom: 1px solid rgba(230, 0, 18, 1);
	position: relative;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

/* .ProductSeriesInfo2 h2 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 54px;
	color: rgba(34, 34, 34, 1);
	padding: 3.75rem 0 1.5rem 0;
	text-transform: uppercase;
} */

.ProductSeriesInfo2 h3::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 17.05rem;
	height: 0.3rem;
	background: rgba(230, 0, 18, 1);
}

.ProductSeriesInfo2 h3::after {
	content: '';
	position: absolute;
	left: 0;
	top: 70%;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 50%;
	background: url(../images/videologo.jpg?v=1920) no-repeat;
	transform: translate(0, -50%);
	background-size: cover;
}

.ProductSeriesInfo2 .table {
	width: 100%;
	background-color: #eee;
}

.ProductSeriesInfo2 .table tr:nth-child(1) {
	background-color: #E60012 !important;
	color: #fff !important;
}

.ProductSeriesInfo2 .table tr:nth-child(2n) {
	background-color: #fff;
}

.ProductSeriesInfo2 .table td,
.ProductSeriesInfo2 .table th {
	padding: 0.5rem;
	border: 0.05rem solid #999;
}

.ProductSeriesInfo2 .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
}

.ProductSeriesInfo2 ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}

.ProductSeriesInfo2 ul a:nth-child(3n) {
	margin-right: 0;
}

.ProductSeriesInfo2 ul a img {
	width: 100%;
	height: 14rem;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1rem;
}

.ProductSeriesInfo2 ul a p {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	text-align: center;
}

.ProductSeriesInfo2 .Packaging img {
	width: 100%;
}

.ProductSeriesInfo2 .down {
	padding-top: 4.4rem;
}

.ProductSeriesInfo2 .down li {
	width: calc((100% - 3rem) / 3);
	margin-bottom: 4.5rem;
	border-radius: 0.5rem;
	margin-right: 1.5rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
	transition: ease-out .36s;
}

.ProductSeriesInfo2 .down li:nth-child(3n) {
	margin-right: 0;
}

.ProductSeriesInfo2 .down li i {
	display: block;
	width: 5.9rem;
	height: 5.9rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 -0.4rem 0.5rem rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: -3rem;
	transition: ease-out .36s;
}

.ProductSeriesInfo2 .down li i img {
	width: 2.6rem;
	height: 2.6rem;
}

.ProductSeriesInfo2 .down li .conten {
	padding-top: 2.3rem;
}

.ProductSeriesInfo2 .down li h4 {
	font-size: 1rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 23px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 2.7rem;
	padding: 0 1.8rem;
}

.ProductSeriesInfo2 .down li p {
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 18px;
	color: rgba(102, 102, 102, 1);
	margin-bottom: 0.75rem;
	padding: 0 1.8rem;
}

.ProductSeriesInfo2 .down li a {
	border-radius: 0 0 0.5rem 0.5rem;
	background-color: #666;
	/* background: rgba(230, 0, 18, 1); */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.9rem 0;
	margin-top: 1.65rem;
	transition: ease-out .36s;
}

.ProductSeriesInfo2 .down li a img {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 1.25rem;
}

.ProductSeriesInfo2 .down li a p {
	padding: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 23px;
	color: rgba(255, 255, 255, 1);
}

.ProductSeriesInfo2 .down li:hover {
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.3);
}

.ProductSeriesInfo2 .down li:hover a {
	background: rgba(230, 0, 18, 1);
}


/* end */



/* 项目 */

.ReferenceProjects {
	padding: 0.5rem 0 10rem 0;
}

.ReferenceProjects ul {
	columns: 3;
}

.ReferenceProjects ul a {
	/* margin-bottom: 2.5rem; */
	break-inside: avoid;
	position: relative;
	margin-bottom: 1rem;
}

.ReferenceProjects ul .pic {
	position: relative;
	border: 7px solid rgba(230, 0, 18, 1);
}

.ReferenceProjects ul img {
	width: 100%;
}

.ReferenceProjects ul .pic p {
	position: absolute;
    top: -3px;
    left: -6px;
    background: rgba(230, 0, 18, 1);
    padding: 0.35rem 0.75rem;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
}

.ReferenceProjects ul .pic p span {
	display: block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background-color: #fff;
	margin-right: 0.2rem;
}

/* .ReferenceProjects ul .title p {
	font-size: 0.8rem;
	line-height: 18px;
	color: rgba(102, 102, 102, 1);
	margin: 1rem 0 0.5rem 0;
} */

.ReferenceProjects ul .title {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.ReferenceProjects ul .title h3 {
	font-size: 1rem;
	line-height: 22px;
	color: rgb(255, 255, 255);
	padding: 0.5rem;
	background: rgba(230, 0, 18, 1);
	text-align: right;
	transition: ease-out .36s;
}

.ReferenceProjects ul a:hover .title h3 {
	color: rgb(255, 255, 255);
	font-weight: bold;
	transition: ease-out .36s;
}


/* end */




/* 新闻列表 */

.news {
	padding: 0.5rem 0 1.5rem 0;
}

.news .top {
	align-items: center;
	margin-bottom: 3rem;
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
}

.news .top i {
	display: block;
	width: 48%;
	height: 21.55rem;
	overflow: hidden;
}

.news .top i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.news .top .conten {
	width: 48%;
	margin-right: 1rem;
}

.news .top .conten h3 {
	font-size: 1.4rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 40px;
	color: rgba(34, 34, 34, 1);
	transition: ease-out .36s;
}

.news .top .conten p {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(153, 153, 153, 1);
	margin: 1.5rem 0 2.8rem 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.news .top .conten .to {
	width: 8.55rem;
	height: 2.25rem;
	border-radius: 0.25rem;
	background: rgba(230, 0, 18, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.news .top .conten .to p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
}

.news .top .conten .to img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.25rem;
	filter: grayscale(100%) brightness(600%);
}

.news .top:hover i img {
	transform: scale(1.1);
}

.news .top:hover .conten h3 {
	color: rgba(230, 0, 18, 1);
}

.news ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-top: 1.5rem;
	position: relative;
	background: rgba(255, 252, 252, 1);
}

.news ul a:nth-child(3n) {
	margin-right: 0;
}

.news ul a i {
	display: block;
	width: 100%;
	height: 13.5rem;
	overflow: hidden;
}

.news ul a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.news ul a .conten {
	padding: 1.9rem 1.5rem 1.5rem 1.5rem;
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
	transition: ease-out .36s;
}

.news ul a .conten .look {
	padding-left: 1rem;
}

.news ul a .conten .data img,
.news ul a .conten .look img {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 0.4rem;
}

.news ul a .conten .data p {
	margin-top: 0.1rem;
}

.news ul a .conten .data p,
.news ul a .conten .look p {
	font-size: 0.7rem;
	color: rgba(102, 102, 102, 1);
}

.news ul a .conten h3 {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	margin: 0 0 1.4rem 0;
	transition: ease-out .36s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news ul a .conten .intor {
	font-size: 0.9rem;
	line-height: 30px;
	color: rgba(102, 102, 102, 1);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.news ul a .conten hr {
	border: 0;
	border-bottom: 0.05rem solid rgba(204, 204, 204, 1);
	margin: 0.95rem 0 1.4rem 0;
}

.news ul a .conten .to {
	font-size: 0.7rem;
	color: rgba(230, 0, 18, 1);
}

.news ul a .conten .to img {
	width: 0.8rem;
	height: 0.8rem;
	padding-left: 0.25rem;
}

.news ul a:hover i img {
	transform: scale(1.1);
}

.news ul a:hover .conten {
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.2);
}

.news ul a:hover .conten h3 {
	color: rgba(230, 0, 18, 1);
}


/* 新闻详情 */

.newInfo {
	padding: 0.5rem 0 4.3rem 0;
	background: rgba(255, 252, 252, 1);
}

.newInfo .top {
	padding: 2.4rem 1.5rem 1.3rem 1.5rem;
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.2rem 0.8rem rgba(208, 21, 43, 0.05);
	margin-bottom: 2.7rem;
}

.newInfo .top h3 {
	font-size: 1.8rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 40px;
	color: rgba(230, 0, 18, 1);
}

.newInfo .top hr {
	border: 0;
	border-bottom: 0.05rem dashed rgba(230, 0, 18, 1);
	margin: 2rem 0;
}

.newInfo .top .data {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 1.1rem;
}

.newInfo .top .data img {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 1rem;
}

.newInfo .intor {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
}

.newInfo .intor img {
	margin: 1.5rem auto;
}


/* end */




/* 问答列表 */

.qa {
	padding: 0.5rem 0 8.5rem;
}

.qa ul {
	background: rgba(255, 252, 252, 1);
}

.qa ul li .title {
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	border-top: 0.05rem solid rgba(235, 235, 235, 1);
}

.qa ul li:nth-child(1) .title {
	border-top: 0;
}

.qa ul li .title p {
	font-size: 1.1rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 25px;
	color: rgba(51, 51, 51, 1);
	transition: ease-out .36s;
}

.qa ul li .title img {
	width: 1.2rem;
	height: 1.2rem;
	transition: ease-out .36s;
}

.qa ul li .intor {
	display: none;
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(51, 51, 51, 1);
	padding: 0.5rem 2rem;
	transition: ease-out .36s;
}

.qa ul li.on .title p {
	color: rgba(230, 0, 18, 1);
}

.qa ul li.on .title img {
	transform: rotate(180deg);
}

.qa ul li.on .intor {
	display: block;
}


/* end */




/* 留言 */

.message {
	padding: 1rem 0 7.5rem;
}

.message h3 {
	font-size: 2.4rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: rgba(51, 51, 51, 1);
}

.message .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(153, 153, 153, 1);
	margin: 1.25rem 0 2.75rem 0;
}

.message .input {
	width: 49%;
	margin-bottom: 1.5rem;
}

.message .input.hidden {
	display: none !important;
}

.message .from h4 {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.5rem;
}

.message .from h4 span {
	font-size: 0.8rem;
	color: rgba(237, 9, 9, 1);
}

.message .input input {
	width: 100%;
	padding: 1rem 1.25rem;
	border-radius: 0.25rem;
	background: rgba(255, 252, 252, 1);
	border: 0.05rem solid rgba(237, 237, 237, 1);
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(17, 17, 17, 1);
}

.message .input input:focus,
.message .textarea textarea:focus {
	border: 0;
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.message .textarea {
	width: 100%;
	margin-bottom: 3rem;
}

.message .textarea textarea {
	width: 100%;
	height: 7.5rem;
	padding: 1rem 1.25rem;
	border-radius: 0.25rem;
	background: rgba(255, 252, 252, 1);
	border: 0.05rem solid rgba(237, 237, 237, 1);
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(17, 17, 17, 1);
}

.message .from button {
	width: 14rem;
	height: 3.25rem;
	border-radius: 0.1rem;
	background: rgba(230, 0, 18, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	margin: 0 auto;
	border: 0;
}

.message .from button img {
	width: 0.8rem;
	height: 0.8rem;
	margin-left: 0.75rem;
	filter: grayscale(100%) brightness(600%);
}


/* end */




/* 关于我们 */

.mc_b1s1_txtbox,
.mc_b1s2_txtbox {
	width: 100%;
	height: 40vh;
	transform: translateY(-55%);
	z-index: 2;
}

.mc_b1s1_txtbox {
	position: absolute;
	left: 0;
	top: 100%;
}

.mc_b1s1s2_txt.inited {
	transition: all .1s ease;
}

.mc_b1s1s2_txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: center;
}

.he_b1fscr {
	transform: scale(1.4);
}

.he_tith1 {
	font-size: 2.75rem;
	font-weight: bold;
	color: #fff;
	max-width: 95%;
	margin: 0 auto;
}

.he_tith1.two {
	font-size: 1.2rem;
	font-weight: normal;
	max-width: 95%;
	margin: 0 auto;
}

.he_tith2 {
	font-size: 2.75rem;
	font-weight: bold;
	color: #E60012;
	max-width: 95%;
	margin: 0 auto;
}

.he_tith2.two {
	font-size: 1.2rem;
	font-weight: normal;
	color: #666;
	max-width: 95%;
	margin: 0 auto;
}


.AboutUs {
	padding: 0 0 4.5rem 0;
	position: relative;
}

/* .AboutUs .test p {
	font-size: 1.2rem;
	line-height: 27px;
	color: rgba(102, 102, 102, 1);
	margin: 0.75rem 0 3rem 0;
	text-align: center;
}

.AboutUs .test h3 {
	font-size: 3rem;
	font-weight: 700;
	font-family: 'Bold';
	line-height: 67px;
	color: rgba(230, 0, 18, 1);
	text-align: center;
} */


.AboutUs .test .intor {
	height: 18rem;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	overflow-y: scroll;
	margin-top: -20vh;
}

.AboutUs .count {
	width: 100%;
	margin-top: 4rem;
}

.AboutUs .count li {
	width: 15%;
}

.AboutUs .count li img {
	width: 100%;
	transform: scaleX(-1);
}

.AboutUs .count li p {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	margin: 0.5rem 0 1rem 0;
	height: 2rem;
}

.AboutUs .count li h3 {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	display: flex;
	white-space: nowrap;
}

.AboutUs .count li h3 span {
	font-size: 2.8rem;
	font-weight: bold;
	/* font-family: 'Medium';*/
	line-height: 50px;
	color: rgba(230, 0, 18, 1);
	margin-right: 0.5rem;
}


.AboutUs2 {
	padding: 3.5rem 0 3rem 0;
	background: rgba(255, 247, 247, 1);
}

.AboutUs2 h3 {
	font-size: 2.4rem;
	font-weight: bold;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: rgba(41, 41, 41, 1);
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.AboutUs2 ul li {
	width: calc((100% - 3rem) / 3);
	position: relative;
	margin-right: 1.5rem;
	margin-top: 2rem;
	border-radius: 0.5rem;
	border: 0.05rem solid rgba(41, 41, 41, 1);
	padding: 3rem 2rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	transition: ease-out .36s;
	overflow: hidden;
}

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

.AboutUs2 ul li img {
	width: 2.15rem;
	height: 2.15rem;
	margin-bottom: 1.5rem;
}

.AboutUs2 ul li h6 {
	font-size: 1.4rem;
	line-height: 30px;
	color: rgba(85, 85, 85, 1);
}

.AboutUs2 ul li p {
	display: none;
	font-size: 1.2rem;
	line-height: 35px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
}

.AboutUs2 ul li:hover {
	border: 0;
	background: rgba(212, 2, 20, 1);
}

.AboutUs2 ul li:hover img,
.AboutUs2 ul li:hover h6 {
	display: none;
}

.AboutUs2 ul li:hover p {
	display: block;
	color: rgba(255, 255, 255, 1);
}

.AboutUs2 ul li:hover:before {
	content: '';
	position: absolute;
	left: -1rem;
	bottom: -1rem;
	width: 7.35rem;
	height: 7.35rem;
	background: url('../images/abicon.png');
	background-size: 100% 100%;
}



.AboutUs3 {
	padding: 4.5rem 0;
	position: relative;
	overflow: hidden;
}

.AboutUs3 h3 {
	font-size: 2.4rem;
	font-weight: bold;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: rgba(41, 41, 41, 1);
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.AboutUs3 .abicon {
	width: 30%;
	position: absolute;
	top: 50%;
	left: -5rem;
	transform: translate(0, -50%);
	z-index: -1;
}

.AboutUs3 .left {
	width: 40%;
}

.AboutUs3 .left h4 {
	font-size: 1.2rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 27px;
	color: rgba(230, 0, 18, 1);
}

.AboutUs3 .left .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(51, 51, 51, 1);
	margin: 1rem 0 7.2rem 0;
}

.AboutUs3 .left .next-prev .next,
.AboutUs3 .left .next-prev .prev {
	border-radius: 3rem;
	background: rgba(230, 0, 18, 1);
	padding: 0.75rem 3.25rem;
	margin-right: 1rem;
	cursor: pointer;
	opacity: 0.5;
	transition: ease-out .36s;
}

.AboutUs3 .left .next-prev .next:hover,
.AboutUs3 .left .next-prev .prev:hover {
	opacity: 1;
}

.AboutUs3 .right {
	width: 55%;
	height: 23.75rem;
	position: relative;
}

.AboutUs3 .right .swiper-about {
	position: absolute;
	left: 0;
	width: 190%;
}

.AboutUs3 .right .swiper-about .swiper-slide {
	transform: scale(0.9);
}

.AboutUs3 .right .swiper-about .swiper-slide-active {
	transform: scale(1.0);
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
}

.AboutUs3 .right .swiper-about .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}


.AboutUs4 {
	padding: 3.5rem 0 5.5rem 0;
	background: rgba(255, 247, 247, 1);
	background: url('../images/bg3.webp') no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

.AboutUs4::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

.AboutUs4 h3 {
	font-size: 2.4rem;
	font-weight: bold;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: #000;
	margin-bottom: 2rem;
	position: relative;
	text-transform: uppercase;
}

.AboutUs4 .swiper-tuwen {
	height: 25rem;
	position: relative;
}

.AboutUs4 .swiper-tuwen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
	background-color: #666;
}

.AboutUs4 .swiper-tuwen .container {
	position: absolute;
	width: 100%;
	height: 70%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
	display: flex;
	align-items: flex-end;
	/* flex-direction: column; */
	justify-content: center;
	z-index: 2;
}

.AboutUs4 .swiper-tuwen h3 {
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 110px;
	color: #E60012;
	margin-bottom: 0rem;
	text-align: center;
	font-family: 'Impact';
	letter-spacing: 10px;
	border-bottom: 3px solid #E60012;
}

.AboutUs4 .swiper-tuwen .title p {
	font-size: 1.2rem;
    color: #E60012;
    text-align: center;
    font-weight: bold;
	text-transform: uppercase;
	margin-top: 0.5rem;
}

.AboutUs4 .swiper-tuwen .intor {
	font-size: 1.2rem;
	line-height: 35px;
	color: #E60012;
	text-align: left;
	font-weight: bold;
	width: 70%;
	margin: 0 auto;
	position: relative;
}

.AboutUs4 .swiper-tuwen .intor::before {
	content: '';
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #E60012;
	top: -0.6rem;
	left: 0;
}

.AboutUs4 .nianfen {
	width: 70%;
	height: 3rem;
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translate(-50%, 0);
	background-color: #ffffffb0;
	border-radius: 2.5rem;
	line-height: 2rem;
	z-index: 4;
	padding: 0 1rem;
}

.AboutUs4 .swiper-nianfen {
	width: 90%;
	text-align: center;
	font-size: 0.9rem;
}

.AboutUs4 .swiper-nianfen .swiper-slide-thumb-active {
	background-color: #E60012;
	border-radius: 2.5rem;
	color: #fff;
	transition: ease-out .36s;
}

.AboutUs4 .next-prev .next,
.AboutUs4 .next-prev .prev {
	width: 1.65rem;
	height: 1.65rem;
	background: rgba(219, 219, 219, 1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.35rem;
	transition: ease-out .36s;
	cursor: pointer;
}

.AboutUs4 .next-prev .next:hover,
.AboutUs4 .next-prev .prev:hover {
	background: rgba(230, 0, 18, 1);
}



.AboutUs5 {
	padding: 0 0 4.5rem 0;
}

.AboutUs5 .swiper-slide {
	/* height: 15rem; */
}

.AboutUs5 .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
	background-color: #666;
}



/* end */




/* 企业环境 */

.EnterpriseEnvironment {
	padding: 1.5rem 0 3.5rem 0;
}

.EnterpriseEnvironment ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}

.EnterpriseEnvironment ul a:nth-child(3n) {
	margin-right: 0;
}

.EnterpriseEnvironment ul a i {
	display: block;
	width: 100%;
	height: 15rem;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

.EnterpriseEnvironment ul a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.EnterpriseEnvironment ul a p {
	font-size: 0.9rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
}

.EnterpriseEnvironment ul a:hover i img {
	transform: scale(1.1);
}


/* end */




/* 视频列表 */

.video iframe {
	width: 48%;
	margin: 0 1%;
	margin-bottom: 1.5rem;
}

/* end */




/* 钢结构工程 */

.see-icon{
	display: block;
    width: 5rem;
    height: 0.3rem;
    background-color: #E60012;
    margin: 1rem auto;
    margin-bottom: 2.5rem;
    margin-top: -1rem;
}

.sse {
	padding: 1.5rem 0 4.5rem 0;
}

/* .sse .left {
	width: 30%;
	height: 27.15rem;
	overflow: hidden;
}

.sse .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.sse .left:hover img {
	transform: scale(1.1);
} */

.sse .left {
	margin-top: 1.5rem;
	height: 30rem;
    width: 100%;
	overflow: hidden;
}

.sse .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.sse .left:hover img {
	transform: scale(1.1);
}

.sse .right {
	width: 100%;
	font-size: 0.9rem;
	line-height: 32px;
	color: rgba(102, 102, 102, 1);
}

.sse .right h3 {
	font-weight: bold;
    /* line-height: 54px; */
    color: rgba(34, 34, 34, 1);
    margin-bottom: 2.5rem;
    text-align: center;
    text-transform: uppercase;
}

.sse2 h3 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 54px;
	color: rgba(34, 34, 34, 1);
	margin-bottom: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.sse2 .index-title p {
	font-size: 1rem;
	text-align: center;
}

.sse2 .index-title h3 {
	font-size: 2rem;
}

.sse2 ul a {
	width: calc((100% - 3rem) / 3);
	margin-right: 1.5rem;
	margin-bottom: 1.25rem;
}

.sse2 ul a:nth-child(3n) {
	margin-right: 0;
}

.sse2 ul a i {
	display: block;
	width: 100%;
	height: 14rem;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.sse2 ul a i img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: ease-out .36s;
}

.sse2 ul a p {
	font-size: 1rem;
	text-align: center;
}

.sse2 ul a:hover i img {
	transform: scale(1.1);
}


.sse3 {
	padding: 4.5rem 0;
}


.sse4 {
	padding: 3.5rem 0;
	background: rgba(255, 252, 252, 1);
}

.sse4 h3 {
	font-size: 2.4rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: rgba(34, 34, 34, 1);
	margin-bottom: 2rem;
	text-align: center;
	text-transform: uppercase;
}

.sse4 .swiper-sse .swiper-slide {
	width: 45.25rem;
	height: 25.75rem;
	transform: scale(0.9);
	position: relative;
}

.sse4 .swiper-sse .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sse4 .swiper-sse .conten {
	opacity: 0;
	position: absolute;
	width: 35%;
	height: 20.2rem;
	top: 2.8rem;
	right: 1.5rem;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	padding: 1.25rem;
	transition: ease-out .36s;
}

.sse4 .swiper-sse .conten img {
	width: 2rem;
	height: 1.75rem;
	margin: 3.9rem 0;
	object-fit: cover;
	object-position: center;
}

.sse4 .swiper-sse .conten p {
	font-size: 1.2rem;
	font-weight: 500;
	/* font-family: 'Medium';*/
	line-height: 27px;
	color: rgba(51, 51, 51, 1);
	padding: 0 0.75rem;
}

.sse4 .swiper-sse .swiper-slide-active .conten {
	opacity: 1;
}

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


/* end */




/* 研究中心 */

.Research {
	padding: 2.5rem 0 3rem 0;
}

.Research h3 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 40px;
	color: rgba(230, 0, 18, 1);
	width: 32%;
	text-transform: uppercase;
}

.Research .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	width: 63%;
}

.Research .pic {
	width: 60%;
	height: 80vh;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 2.5rem;
}

/* .Research .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
} */

.Research .pic video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}



.Research2 {
	padding: 0 0 3rem 0;
}

.Research2 .left {
	width: 35%;
	height: auto;
	background: rgba(204, 204, 204, 1);
}

.Research2 .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.Research2 .right {
	width: 60%;
}

.Research2 .right h3 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 40px;
	color: rgba(230, 0, 18, 1);
}

.Research2 .right .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin-top: 2rem;
}



.Research3 {
	padding: 0 0 3rem 0;
}

.Research3 .left {
	width: 60%;
}

.Research3 .left img {
	width: 2.05rem;
	height: 2.05rem;
}

.Research3 .left h3 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 40px;
	color: rgba(230, 0, 18, 1);
	margin: 2.5rem 0 0.5rem 0;
	width: 60%;
	text-transform: uppercase;
}

.Research3 .left .intor {
	font-size: 0.9rem;
	line-height: 35px;
	color: rgba(102, 102, 102, 1);
	margin-top: 2rem;
}

.Research3 .right {
	width: 35%;
	height: auto;
	background: rgba(204, 204, 204, 1);
}

.Research3 .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}



.Research4 {
	padding: 3rem 0;
}

.Research4 h3 {
	font-size: 2.4rem;
	font-weight: bold;
	/* font-family: 'Medium';*/
	line-height: 54px;
	color: rgba(34, 34, 34, 1);
	margin-bottom: 2.5rem;
	text-align: center;
	text-transform: uppercase;
}

.Research4 .left {
	width: 25%;
	height: 32.4rem;
	/* background: rgba(230, 0, 18, 1); */
}

.Research4 .left li {
	height: calc((100% - 2rem) / 3);
	margin-bottom: 1rem;
	position: relative;
	background: rgba(204, 204, 204, 1);
	border: 4px solid #00000029;
	transition: ease-out .36s;
	overflow: hidden;
}

.Research4 .left li:nth-child(3) {
	margin-bottom: 0;
}

.Research4 .left li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	transition: ease-out .36s;
}

.Research4 .left li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.Research4 .left li h3 {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	position: absolute;
	z-index: 2;
	width: 100%;
	bottom: 0rem;
	margin: 0;
	padding: 1rem 0;
	transition: ease-out .36s;
}

.Research4 .left li.on{
	border: 4px solid #e60013;

}

.Research4 .left li.on::before {
	/* background: rgba(0, 0, 0, 0); */
	bottom: 0;
	top: initial;
}

.Research4 .left li.on h3 {
	/* opacity: 0; */
	color: rgba(230, 0, 18, 1);
	background: rgb(255 255 255 / 70%);
}

.Research4 .right {
	width: 74%;
	height: 32.4rem;
	overflow: hidden;
	position: relative;
}

.Research4 .right li {
	width: 100%;
	height: 100%;
	background: rgba(204, 204, 204, 1);
	position: absolute;
	top: 0;
	left: 0;
	/* opacity: 0; */
	padding: 2.25rem;
	overflow: hidden;
	z-index: 2;
	transition: ease-out 0.75s;
}

.Research4 .right li.on {
	width: 100%;
	/* opacity: 1; */
	z-index: 3;
}

.Research4 .right li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(132.33deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.71) 29.3%, rgba(0, 0, 0, 0.01) 100%); */
	background: linear-gradient(132.33deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 29.3%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.Research4 .right li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.Research4 .right li .conten {
	height: 100%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 2;
}

.Research4 .right li .conten h3 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 40px;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 1.05rem;
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 1);
	position: relative;
}

.Research4 .right li .conten h3::before {
	width: 0.5rem;
	height: 0.5rem;
	background-color: #fff;
	content: '';
	position: absolute;
	top: -6px;
    left: -11px;
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 1);
}

.Research4 .right li .conten h3 span {
	border-bottom: 1px solid #fff;
	background: initial;
    margin: initial;
    display: inline;
	padding-bottom: 0.3rem;
}

.Research4 .right li .conten .intor {
	font-size: 0.7rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);
	margin-bottom: 1.8rem;
    width: 60%;
}

.Research4 .right li .conten .intor2 {
	font-size: 0.7rem;
	font-weight: bold;
	line-height: 25px;
	color: #E60012;
	text-transform: uppercase;
}



.Research5 span,
.Research4 span {
	display: block;
	width: 5rem;
	height: 0.3rem;
	background-color: #E60012;
	margin: 1rem auto;
	margin-bottom: 2.5rem;
}

.Research5 h3,
.Research4 h3 {
	margin-bottom: 0.5rem;
}


/* end */




/* 搜索 */

.search {
	height: 100%;
	display: flex;
}

.search input {
	border: 0;
	width: 0;
	opacity: 0;
	font-size: 0.9rem;
	line-height: 25px;
	border-bottom: 1px solid #000;
}

.search .button img {
	width: 25px;
	height: 25px;
}

.search .button img:nth-child(2) {
	display: none;
}

.search_on .button img:nth-child(1) {
	display: none;
}

.search_on .button img:nth-child(2) {
	display: block;
}

.search_on input {
	width: 9rem;
	opacity: 1;
	color: #000;
	transition: ease-out .36s;
}

.search_on2 input {
	width: 0rem;
	opacity: 0;
	color: #000;
	transition: ease-out .36s;
}


.sec {
	padding: 4.5rem 0;
	opacity: 1;
	transition: ease-out .36s;
}

.note {
	color: rgba(51, 51, 51, 1);
	font-size: 1rem;
	margin-bottom: 2.85rem;
}

.sec li .photo {
	display: block;
	height: 13.1rem;
	overflow: hidden;
	margin: 0 1rem 0 0;
}

.sec li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sec li a:hover img {
	transform: scale(1.1);
	transition: ease-out .36s;
}

.sec li a:hover h2 {
	color: rgba(230, 0, 18, 1);
	transition: ease-out .36s;
}


.sec .list h2 {
	margin-bottom: 2rem;
}


/* #end




/* 计算器 */

.hidden-lg-up {
	display: none !important;
}

.calculator {
	padding: 0 0 4.5rem 0;
}

.pcalc-lv1box {
	width: 100%;
	margin-bottom: 2rem;
}

.pcalc-lv1box .lvtit {
	font-size: 2.1rem;
	line-height: 1em;
}

.pcalc-lv2box {
	width: 100%;
	position: relative;
}

.pcalc-lv2box.web {
	display: flex;
	overflow: hidden;
}

.pcalc-lv2box.web a {
	height: 2.6rem;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .7rem;
	line-height: 1.625em;
	background: #f2f2f2;
	border-right: solid 1px #fff;
	text-align: center;
}

.pcalc-lv2box.web a:last-child {
	border-right: none;
}

.pcalc-lv2box.web a:hover {
	font-weight: bold;
}

.pcalc-lv2box.web a.current {
	background: #E60012;
	font-weight: bold;
	color: #fff;
}

.pcalc-lv2box.app .byted-select-input {
	background: #E60012;
	padding: 0 1rem 0 0.4rem;
	font-weight: bold;
	font-size: .32rem;
	line-height: .8rem;
	height: .8rem;
	border: none;
	color: #222;
}

.pcalc-lv2box.app .byted-select-arrow {
	right: .4rem;
	color: #666;
}

.pcalc-lv2box.app .byted-select-arrow .bi {
	width: .28rem;
	height: .28rem;
}

.pcalc-lv2box.app .byted-popover-wrapper {
	border: solid 1px #E60012;
	background: #fff;
}

.pcalc-lv2box.app .byted-option-list {
	font-size: .3rem;
}

.pcalc-lv2box.app .byted-option-list li {
	padding: 0.1rem 0.4rem;
}

.pcalc-lv2box.app .byted-option-list li.current {
	display: none;
}

.form-calc-wrap {
	width: 100%;
	position: relative;
	border: solid 1px #E60012;
	padding: 2.25rem 3rem;
}

.form-calc-wrap .tab-content {
	margin-top: 2rem;
}

.form-calc-wrap .form-group {
	display: flex;
	font-size: .7rem;
	margin-bottom: 1rem;
}

.form-calc-wrap .control-label {
	flex: 1;
	padding: 0 1rem;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	color: inherit;
	font-size: 1em;
	line-height: 1.5em;
}

.form-calc-wrap .form-group-cell {
	flex: 0 0 48%;
	max-width: 510px;
	padding: 0 1rem;
	color: #333;
}

.form-calc-wrap .form-control {
	width: 100%;
	height: calc(1.7rem + 2px);
	line-height: 1.7rem;
	font-size: 1em;
	color: inherit;
	padding: 0 1rem;
	border: solid 1px #cbcdd1;
}

.form-calc-wrap .form-btnbox {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 1rem 1rem 1.1rem;
	position: relative;
	border-top: solid 1px transparent;
	margin-top: 1.5rem;
}

.form-calc-wrap .form-btnbox::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: url("/img/static/calc-line.jpg") repeat-x center center;
	position: absolute;
	left: 0;
	top: -1px;
}

.form-calc-wrap .btn-submit {
	width: 11.5rem;
	height: calc(2.1rem + 2px);
}

.form-calc-wrap .row {
	margin: 0 -5px;
}

.form-calc-wrap .row-item {
	padding: 0 5px;
}

.form-calc-tab {
	display: flex;
	margin: 0 -5px;
}

.form-calc-tab li {
	padding: 0 5px;
	flex: 1;
}

.form-calc-tab li.active a {
	border-color: #cbcdd1;
	font-weight: bold;
}

.form-calc-tab a {
	display: block;
	width: 100%;
	/* height: calc(2.1rem + 2px); */
	line-height: 30px;
	text-align: center;
	background: #f7f7f7;
	border: solid 1px #f7f7f7;
	cursor: pointer;
	font-size: .6rem;
}

.form-calc-result {
	width: 100%;
	display: flex;
	padding: 0 1rem;
	font-size: .7rem;
	line-height: 1.5rem;
}

.form-calc-result .hd {
	flex: none;
	white-space: nowrap;
	margin-right: 1em;
}

.form-calc-result .bd {
	flex: 1;
}

.pcalc-result-list {
	width: 100%;
}

.pcalc-result-list li {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.pcalc-result-list .word {
	color: #094594;
}

.pcalc-remarks {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 1.1rem;
	font-size: .7rem;
	line-height: 2em;
	color: #666;
}

.pcalc-remarks .doc {
	padding: 0 2rem 0 0;
}

.pcalc-remarks h4,
.pcalc-remarks h5 {
	font-size: 1em;
	margin-bottom: 4px;
}

.pcalc-remarks .red {
	color: #f00202;
}

.pcalc-remarks li {
	display: flex;
}

.pcalc-remarks li .num {
	white-space: nowrap;
	flex: none;
	padding: 0 0 0 0.5em;
}

.pcalc-remarks li .p {
	flex: 1;
}

.pcalc-remarks .tab-pane {
	display: none;
}

.pcalc-remarks .tab-pane.active {
	display: block;
}


.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}


.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(2.4rem + 2px);
	line-height: 1em;
	border: solid 1px;
	text-align: center;
	padding: 0 1.2rem;
	font-size: .8rem;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}

.btn:focus {
	outline: none;
	box-shadow: none;
}

.btn::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.btn span {
	display: block;
	position: relative;
	z-index: 3;
}

.btn.bg-yellow {
	background: #E60012;
	color: #fff;
	border-color: #E60012;
}

/* end */




/* 联系我们 */

.us-index1 {
	padding: 4rem 0 0rem 0;
}


.us-index1 h3 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 54px;
	color: rgba(51, 51, 51, 1);
}

.us-index1 .phone {
	font-size: 1.8rem;
	line-height: 40px;
	color: rgba(186, 34, 39, 1);
}

.us-index1 .phone p {
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(102, 102, 102, 1);
	text-align: right;
	margin-bottom: 0.5rem;
}

.us-index1 .phone img {
	width: 1.65rem;
	height: 1.65rem;
	margin-right: 1rem;
}

.us-index1 .middle {
	opacity: 1;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.05);
	margin: 3rem 0 3.55rem 0;
	padding: 2.75rem 0;
}

.us-index1 .middle h3 {
	font-size: 1.4rem;
	font-weight: 500;
	font-family: Medium;
	color: rgba(186, 34, 39, 1);
	text-align: center;
	margin-bottom: 3.75rem;
}

.us-index1 .middle ul {
	align-items: flex-start;
}

.us-index1 .middle ul li {
	width: calc(100% / 3);
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.9rem;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
}

.us-index1 .middle ul li img {
	width: 1.6rem;
	height: 1.6rem;
	margin-bottom: 1.25rem;
}



.us-index2 .container {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 0.2rem 1.6rem rgba(0, 0, 0, 0.1);
	margin-top: -10rem;
	position: relative;
	z-index: 2;
	padding: 1.1rem;
}

.us-index2 .left {
	width: 60%;
	padding-top: 1rem;
}

.us-index2 .left h3 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 54px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 3.2rem;
}

.us-index2 .from button {
	width: 100%;
	cursor: pointer;
}

.us-index2 .right {
	width: calc(98% / 2);
	margin-right: 2%;
	height: 27rem;
	padding: 2rem 3.5rem 2rem 1.75rem;
	background: linear-gradient(224.99deg, rgba(232, 9, 9, 1) 0%, rgba(176, 0, 0, 1) 100%);
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.us-index2 .right:nth-child(2n) {
	margin-right: 0;
}

.us-index2 .right h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 2rem;
    bottom: 1.5rem;
}

.us-index2 .right h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 39px;
	color: rgba(255, 255, 255, 1);
}

.us-index2 .right .intor {
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 22px;
	color: rgba(255, 255, 255, 1);
	margin: 0.55rem 0 2.7rem;
	text-align: left;
}

.us-index2 ul .weblink {
	background: initial;
    width: initial;
    height: initial;
    margin-right: initial;
    padding: initial;
    position: initial;
    overflow: initial;
}

.us-index2 .right li {
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 25px;
	color: rgba(255, 255, 255, 1);
	margin-bottom: 0.8rem;
	position: relative;
	z-index: 5;
}

.us-index2 .right li img {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.5rem;
}

.us-index2 .right::before {
	content: '';
	position: absolute;
	width: 15.5rem;
	height: 15.5rem;
	background: linear-gradient(138.08deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.2) 100%);
	border-radius: 50%;
	right: -6rem;
	bottom: -7rem;
	animation: as_icon4 10s infinite linear;
}

@keyframes as_icon4 {
	0% {
		transform: translate(0, 0) scale(1);
	}

	25% {
		transform: translate(.3rem, -.5rem) scale(.9);
	}

	50% {
		transform: translate(0, 0) scale(1);
	}

	75% {
		transform: translate(.3rem, .5rem) scale(.9);
	}

	100% {
		transform: translate(0, 0) scale(1);
	}
}

.us-index2 .right ins {
	border: 1px solid #e87b7b;
}

.us-index2 .right ins:nth-child(4) {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -10%;
	right: 0%;
	border-radius: 50%;

	animation: as_icon3 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
	transition: 0.5s all ease;
	transform: translate(-50%, -50%);
}

.us-index2 .right ins:nth-child(5) {
	content: '';
	width: 120%;
	height: 120%;
	position: absolute;
	bottom: -10%;
	right: 0%;
	border-radius: 50%;

	animation: as_icon3 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
	animation-delay: 180ms;
	transition: 0.5s all ease;
	transform: translate(-50%, -50%);


}

.us-index2 .right ins:nth-child(6) {
	content: '';
	width: 140%;
	height: 140%;
	position: absolute;
	bottom: -10%;
	right: 0%;
	border-radius: 50%;

	animation: as_icon3 3s infinite cubic-bezier(0, 0, 0.49, 1.02);
	animation-delay: 360ms;
	transition: 0.5s all ease;
	transform: translate(-50%, -50%);
}

@-webkit-keyframes as_icon3 {
	0% {
		-webkit-transform: translate(50%, 50%) scale(1);
	}

	50%,
	75% {
		-webkit-transform: translate(50%, 50%) scale(1.2);
	}

	78%,
	100% {
		-webkit-transform: translate(50%, 50%) scale(1.2);
		opacity: 0;
	}
}

@keyframes as_icon3 {
	0% {
		transform: translate(50%, 50%) scale(1);
	}

	50%,
	75% {
		transform: translate(50%, 50%) scale(1.2);
	}

	78%,
	100% {
		transform: translate(50%, 50%) scale(1.2);
		opacity: 0;
	}
}



.us-index2 .show_right {
	width: 35%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: rgba(230, 0, 18, 1);
}

.us-index2 .show_right h3 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	margin-top: 5rem;
	color: rgba(230, 0, 18, 1);
	letter-spacing: 1px;
}

.us-index2 .show_right h4 {
	font-size: 1.7rem;
	font-weight: bold;
}


/* end */



/* 分页 */

.pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 6.75rem 0 4rem 0;
	background: initial !important;
}

.pagination>li>a,
.pagination>li>span {
	width: auto !important;
	font-size: 0.9rem;
	min-width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5rem;
	border: 1px solid whitesmoke;
	padding: 0 .5rem;
	transition: ease-out .36s;
	color: #999999;
}

.pagination>.active>a,
.pagination>li>a:hover,
.pagination>.active>a:focus,
.pagination>li>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
	background: rgba(186, 34, 39, 1);
	color: #fff;
	border-color: rgba(186, 34, 39, 1);
}

/* end */