body,
div,
ul,
li,
a,
ol,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
form,
input,
span,
label,
b {
	margin: 0;
	padding: 0;
	line-height: 100%;
	text-decoration: none;
	box-sizing: border-box;
}

ul {
	list-style: none;
}

li {
	list-style: none;
}

button {
	border: none;
}

img,
input {
	outline: none;
	line-height: normal;
}

input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
}

textarea {
	resize: none;
}

h1,
h2,
h3,
h4,
h5,
p {
	font-weight: normal;
	/* word-break: break-all; */
}

i,
em {
	font-style: normal;
}

a:hover {
	text-decoration: none !important;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0%;
	clear: both;
}

body {
	background-color: #ffffff;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	min-width: 1380px;
	padding-top: 5.3125rem;
}

.header1 {
	width: 100%;
	height: 5.3125rem;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #ffffff;
	color: #000000;
	z-index: 9;
	transition: all 0.5s ease;
}

.logob {
	display: none;
}

.logoh {
	display: block;
}

.header1main {
	width: 100%;
	height: 5.3125rem;
	max-width: 100rem;
	position: relative;
	margin: auto;
	padding-left: 25rem;
	padding-right: 12rem;
}

.header1logo {
	height: 3.5rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
}

.header1logo div {
	border-left: 1px solid #ffffff;
	margin-left: 1rem;
	padding-left: 1rem;
	display: none;
}

.header1logo div p {
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1.75rem;
}

.header1logo img {
	height: 100%;
}

.header1lange {
	position: absolute;
	right: 1rem;
	line-height: 5.3125rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.header1lange a {
	display: block;
	font-size: 1.5rem;
	line-height: 5.3125rem;
	display: block;
	color: #9ba8b9;
}

.header1right {
	position: absolute;
	right: 7rem;
	line-height: 5.3125rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.header1right i {
	display: block;
	font-size: 1.75rem;
	line-height: 5.5rem;
	display: block;
	color: #9ba8b9;
}

.header1left {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.header1left a {
	display: block;
	font-size: 1.5rem;
	line-height: 5.3125rem;
	display: block;
	color: #000000;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.header1left a:hover {
	color: #9ba8b9;
}

.index01 {
	position: relative;
	width: 100%;
}

.index01img1 {
	width: 100%;
}

.index01img2 {
	width: 31%;
	position: absolute;
	left: 6.25%;
	top: 5.7%;
}

.index01js {
	width: 20%;
	position: absolute;
	right: 6.25%;
	top: 5.7%;
}

.index01js p {
	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #000000;
}

.index01js a {
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #ffffff;
	font-size: 1.25rem;
	line-height: 2.8rem;
	padding: 0 1rem;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 1rem;
	transition: all 0.36s ease;
}

.index01js a:hover {
	background-color: #222222;
	padding: 0 1.5rem;
}

.index02 {
	width: 100%;
	padding: 25rem 0;
}

.index02main {
	width: 68.75rem;
	position: relative;
	margin: auto;
}

.index02img1 {
	width: 68.75rem;
	margin: auto;
	display: block;
	margin-bottom: 18.75rem;
	cursor: pointer;
}

.index02left {
	position: absolute;
	top: 46.25rem;
	left: -2.5rem;
	width: 32.5rem;
}

.index02right {
	position: absolute;
	top: 53.125rem;
	right: -14.375rem;
	width: 26.25rem;
}

.index02left h3 {
	position: relative;
	text-align: right;
	margin-bottom: 0.3rem;
}

.index02left h3:after {
	width: 42.1875rem;
	background-color: #000000;
	height: 6.875rem;
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
}

.index02left h3 span {
	font-size: 4.45rem;
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	letter-spacing: 0.625rem;
	font-weight: bold;
}

.index02left p {
	text-align: justify;
	font-size: 1.125rem;
	color: #000000;
	line-height: 1.8rem;
	word-break: inherit;
}

.index02right h3 {
	font-size: 2.3rem;
	color: #000000;
	line-height: 3rem;
	font-style: italic;
}

.index02right p {
	font-size: 5.9375rem;
	font-weight: bold;
	/* text-shadow: 0px 0px 2px #222222; */
	color: #ffffff;
	-webkit-text-stroke: 1px #222222;
}

.index03 {
	padding-bottom: 10rem;
	background-image: linear-gradient(to bottom, #ffffff, #a5a5a5);
}

.index03lb {
	width: 100%;
	margin: auto;
	max-width: 100rem;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.index03lb li {
	width: 48%;
	position: relative;
}

.index03lb li img {
	width: 100%;
	display: block;
	cursor: pointer;
	transition: all 0.3s ease;
}

.index03lb li img:hover {
	transform: scale(1.05);
}

.index03lb li h3 {
	font-size: 2rem;
	line-height: 3rem;
	text-align: center;
	margin-bottom: 2rem;
}

.index03lb li h3 span {
	font-size: 2.8125rem;
	font-weight: bold;
}

.index03lb li:nth-child(1) h3 {
	margin-top: 4rem;
}

.index03lb li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
}

.index03lb li a span {
	font-size: 1.5625rem;
	text-transform: uppercase;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.index03lb li a span:after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0;
	opacity: 0;
	bottom: -0.5rem;
	transition: all 0.3s ease;
}

.index03lb li:hover>a span:after {
	opacity: 1;
}

.index04 {
	padding: 10rem 0;
}

.index04main {
	width: 100%;
	max-width: 100rem;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.index04left {
	background-image: linear-gradient(to bottom, #efefef, #9e9e9e);
	padding: 13.75rem;
	width: 49%;
	cursor: pointer;
}

.index04left img {
	width: 100%;
	box-shadow: 0px 5px 10px #d1cbcb;
}

.index04left p {
	text-align: center;
	font-size: 1.125rem;
	color: #FFFFFF;
	margin-top: 2.25rem;
}

.index04left p span {
	font-size: 1rem;
}

.index04right {
	width: 49%;
	margin-left: 2%;
	background-color: #000000;
	padding: 2.1875rem 3.125rem;
}

.index04right a {
	display: block;
	font-size: 1.5625rem;
	color: #FFFFFF;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 5rem;
	padding-left: 1em;
	transition: all 0.3s ease;
}

.index04right a:hover {
	transform: scale(1.03);
	color: #b7b7b7;
}

.index04right a:last-child {
	margin-bottom: 0;
}

.index04right a:after {
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.2rem;
}

.index05 {
	padding-bottom: 7rem;
	padding-top: 7rem;
}

.index05main {
	width: 100%;
	max-width: 100rem;
	margin: auto;
	position: relative;
	padding: 0 5rem;
}

.index05 .icon-xiangyou1 {
	font-size: 3.5rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	line-height: 4rem;
	height: 4rem;
	margin: auto;
	cursor: pointer;
	color: #222222;
	transition: all 0.3s ease;
}

.index05 .icon-xiangyou1:hover {
	color: #6f706f;
}

.index05 .icon-xiangyou1-copy {
	font-size: 3.5rem;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 4rem;
	height: 4rem;
	margin: auto;
	color: #222222;
	cursor: pointer;
	transition: all 0.3s ease;
}

.index05 .icon-xiangyou1-copy:hover {
	color: #6f706f;
}

.index05main img {
	transition: all 0.3s ease;
}

.index05main img:hover {
	margin-top: -2rem;
}

.index06 {
	width: 100%;
	background-color: #000000;
	padding-bottom: 10rem;
}

.index06main {
	width: 100%;
	max-width: 100rem;
	margin: auto;
	position: relative;
}

.index06img1 {
	width: 48%;
	float: left;
	margin-top: -10rem;
}

.index06main1 {
	margin-top: 28.125rem;
	float: right;
	background-color: #FFFFFF;
	width: 35%;
	margin-right: 10%;
}

.index06main1 img {
	width: 100%;
}

.index06main h4 {
	position: absolute;
	right: 0;
	top: -3.6rem;
	font-size: 5.5rem;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 3rem;
}

.index06main h4 span {
	color: #FFFFFF;
	display: block;
}

.index06main1 p {
	font-size: 2.1875rem;
	text-transform: uppercase;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	padding: 4rem 1.625rem;
}

footer {
	position: relative;
	background-color: #000000;
	padding-top: 10rem;
	padding-bottom: 3rem;
}

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

.footer1 {
	width: 45%;
}

.footer2 {
	width: 12%;
	margin: 0 11.5%;
	display: none;
}

.footer3 {
	width: 35%;
	margin-left: 20%
}

.footerlogo {
	height: 4rem;
	margin-bottom: 2rem;
}

.footertit {
	font-size: 1.5rem;
	color: #ffffff;
	border-bottom: 2px solid #8b898d;
	line-height: 1.5rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.footer1 p {
	color: #909090;
	font-size: 1.3rem;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.footer1 div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 2rem;
}

.footer1 div img {
	height: 5rem;
}

.footer2 a {
	font-size: 1.4rem;
	line-height: 3.5rem;
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	transition: all 0.3s ease;
}

.footer2 a i {
	color: #909090;
	font-size: 1.4rem;
	margin-right: 0.4rem;
	transition: all 0.3s ease;
}

.footer2 a:hover {
	color: #909090;
}

.footer2 a:hover>i {
	margin-right: 0.6rem;
}

.footer3main div {
	margin-bottom: 0.8rem;
}

.footer3main div h4 {
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 2rem;
	text-transform: uppercase;
	margin-bottom: 0.2rem;
}

.footer3main div input {
	width: 100%;
	height: 2.2rem;
	padding: 0 1rem;
	font-size: 1.2rem;
	border-radius: 0.5rem;
	border: none;
	outline-style: none;
}

.footer3main button {
	background-color: #323232;
	height: 2.5rem;
	padding: 0 2.2rem;
	font-size: 1.2rem;
	color: #ffffff;
	border-radius: 0.5rem;
	border: none;
	outline-style: none;
	margin-top: 1rem;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.footer3main button:hover {
	padding: 0 2.3rem;
	background-color: #1e1e1e;
}

.footer {
	width: 100%;
	max-width: 100rem;
	margin: auto;
	position: relative;
}

.bqwz {
	color: #ffffff;
	text-align: center;
	font-size: 1.2rem;
	margin-top: 5rem;
}

.header2 {
	width: 100%;
	height: 5.3125rem;
	position: fixed;
	left: 0;
	top: -6rem;
	background-color: #ffffff;
	color: #000000;
	z-index: 9;
	box-shadow: 0px 3px 5px #ada9a9;
	transition: all 0.5s ease;
}

.headerxz .header1 {
	top: -6rem;
}

.headerxz .header2 {
	top: 0;
}

.header2logo {
	height: 2.5rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 12rem;
	text-align: center;
}

.header2logo img {
	height: 100%;
}

.mobilemenu {
	display: block;
	width: 35px;
	height: 30px;
	position: absolute;
	right: 3rem;
	top: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	z-index: 99;
	cursor: pointer;
}

.mobilemenu span {
	width: 100%;
	height: 5px;
	background-color: #000000;
	transition: all 0.3s ease;
}

.mobilemenu span:nth-child(1) {
	position: absolute;
	left: 0;
	top: 0;
}

.mobilemenu span:nth-child(2) {
	position: absolute;
	left: 0;
	top: 13px;
}

.mobilemenu span:nth-child(3) {
	position: absolute;
	left: 0;
	bottom: 0;
}

.mobilemenuxz span:nth-child(2) {
	left: -40px;
}

.mobilemenuxz span:nth-child(1) {
	transform: rotate(45deg);
	left: 3px;
	top: 13px;
	width: 30px;
	background: #222222;
}

.mobilemenuxz span:nth-child(3) {
	transform: rotate(-45deg);
	left: 3px;
	top: 13px;
	width: 30px;
	background: #222222;
}

.header2cd {
	position: absolute;
	right: 2rem;
	background-color: #000000;
	top: 5.3125rem;
	height: 0px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.header2cdxz {
	height: calc(15rem + 4px);
	overflow: initial;
}

.header2cd1 {
	position: relative;
}

.header2cd1lj {
	text-align: center;
	width: 15rem;
	display: block;
	line-height: 3rem;
	border-bottom: 1px solid #ffffff;
	color: #FFFFFF;
	font-size: 1.1rem;
	transition: all 0.3s ease;
}

.header2cd1lj span {
	opacity: 0;
	transition: all 0.3s ease;
}

.header2cd1lj:hover {
	font-size: 1.3rem;
}

.header2cd1lj:hover>span {
	opacity: 1;
	margin-right: 0.5rem;
}

.header2cd1:last-child .header2cd1lj {
	border-bottom: 0px solid #ffffff;
}

.header2cd1 div {
	position: absolute;
	right: 15rem;
	background: #000000;
	text-align: center;
	width: 0px;
	top: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s ease;
}

.header2cd1 div section {
	position: relative;
	right: 0;
	background: #000000;
	text-align: center;
	width: 100%;
	top: 0;
	transition: all 0.3s ease;
}

.header2cd1:hover>div {
	width: 15rem;
	opacity: 1;
	overflow: initial;
}

.header2cd1 div section:hover>div {
	width: 15rem;
	opacity: 1;
	overflow: initial;
}

.header2cd1:hover>div {
	width: 15rem;
	opacity: 1;
	overflow: initial;
}

.header2cd1 div a {
	text-align: center;
	width: 15rem;
	display: block;
	line-height: 3rem;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #FFFFFF;
	font-size: 1.1rem;
	transition: all 0.3s ease;
}

.header2cd1 div a:last-child {
	border-bottom: 0px solid #ffffff;
}

.header2cd1 div a span {
	opacity: 0;
	transition: all 0.3s ease;
}

.header2cd1 div a:hover {
	font-size: 1.3rem;
}

.header2cd1 div a:hover>span {
	opacity: 1;
	margin-right: 0.5rem;
}

#headerzy .header1,
#headerzy .header2 {
	background-image: linear-gradient(to bottom, #4e4e4e, #000000)
}

.矩形_1 {
	position: absolute;
	left: -7px;
	top: -2px;
	width: 2066px;
	height: 100px;
	z-index: 4;
}

#headerzy .logob {
	display: block;
}

#headerzy .logoh {
	display: none;
}

#headerzy .header1left a {
	color: #ffffff;
}

#headerzy .header1lange a {
	color: #ffffff;
}

#headerzy .mobilemenu span {
	background-color: #FFFFFF;
}

#headerzy .header2cd {
	background-color: #000000;
}

#headerzy .mobilemenuxz span:nth-child(1) {
	background: #ffffff;
}

#headerzy .mobilemenuxz span:nth-child(3) {
	background: #ffffff;
}

.about {
	width: 100%;
}

.aboutmian {
	width: 100%;
	max-width: 100rem;
	margin: auto;
}

.aboutjs {
	text-align: center;
	margin-bottom: 25rem;
	color: #FFFFFF;
}

.aboutjs h4 {
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 6rem;
}

.aboutjs p {
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
}

.aboutlb {
	margin: auto;
	padding: 2.5rem 0;
}

.aboutlb li {
	color: #061025;
}

.aboutlb1 {
	width: 100%;
	float: left;
	margin: 2.5rem 0;
	position: relative;
}

.aboutlb1 img {
	width: 48%;
	display: block;
	float: left;
	border: 7px solid #e5e5e5;
	box-sizing: border-box;
}

.aboutlb1nr1 {
	width: 48%;
	text-align: right;
	float: right;
	position: relative;
	z-index: 2;
}

.aboutlb1:nth-child(2n) img {
	float: right;
}

.aboutlb1:nth-child(2n) .aboutlb1nr1 {
	float: left;
}

.aboutlb1:nth-child(2n) .aboutlb1nr1 h3 {}

.aboutlb1nr1 h2 {
	display: inline-block;
	width: 1.5625rem;
	height: 0.1875rem;
	background-color: #061025;
	display: none;
}

.aboutlb1nr1 h3 {
	font-size: 2.2rem;
	font-style: italic;
	margin-top: 4rem;
	margin-bottom: 3.125rem;
	background: #030000;
	position: absolute;
	left: -6rem;
	color: #ffffff;
	line-height: 3.5rem;
	padding: 0 1rem;
	padding-right: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
}

.aboutlb1:nth-child(2n) .aboutlb1nr1 h3 {
	right: -6rem;
	left: auto;
}

.aboutlb1nr1 p {
	font-size: 1.3rem;
	line-height: 2rem;
	text-align: left;
	margin-top: 9rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: italic;
}

.aboutlb1nr1 p span {
	font-weight: bold;
	font-size: 2rem;
}

.aboutlb2 {
	background-color: #e2cbba;
}

.aboutlb2 .aboutlb1nr1 {
	text-align: left;
}

.aboutlb3 {
	background-color: #2a4e6b;
	padding-bottom: 6.25rem;
}

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

.aboutlb1nr3 img {
	width: 65%;
}

.aboutlb1nrx3 {
	width: 35%;
	color: #acb3c1;
}

.aboutlb1nrx3 h2 {
	background-color: #acb3c1;
}

.aboutlb3 h1 {
	width: 68%;
	margin-left: 33%;
	margin-top: 3.125rem;
	color: #acb3c1;
	font-size: 0.8125rem;
	line-height: 1.4rem;
	padding-right: 5.9375rem;
	text-align: justify;
	word-break: break-all;
}

.aboutlb3 h1 span {
	font-weight: bold;
	font-size: 2.8rem;
	white-space: pre;
}

.aboutlb4 {
	background-color: #d7d0c6;
	padding-bottom: 0;
	padding-top: 6.25rem;
}

.aboutlb4 h1 {
	width: 67%;
	margin-left: 0%;
	margin-top: 0rem;
	margin-bottom: 3.125rem;
	color: #061025;
	font-size: 0.8125rem;
	line-height: 1.4rem;
	padding-left: 5.9375rem;
	padding-right: 0;
}

.aboutlb4 .aboutlb1nrx3 {
	text-align: left;
	color: #0d152a;
}

.aboutlb4 .aboutlb1nrx3 h2 {
	background-color: #0d152a;
}

.aqjs {
	width: 100%;
	padding: 25rem 0;
	background-color: #000000;
}

.aqjs p {
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-align: center;
	color: #FFFFFF;
}

.aqmian {
	padding-top: 8rem;
	width: 100%;
	max-width: 100rem;
	margin: auto;
	position: relative;
}

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

.aqlb1 li {
	width: 48%;
	margin-bottom: 8.125rem;
}

.aqlb1 li:nth-child(2n) {
	margin-left: 4%;
}

.aqlb1 li img {
	width: 100%;
}

.aqlb1 li div {
	margin-bottom: 2rem;
}

.aqlb1 li div h4 {
	font-size: 2.2rem;
	margin-bottom: 5rem;
	/* text-align: center; */
	letter-spacing: 0.1rem;
	font-weight: bold;
	position: relative;
}

.aqlb1 li div h4:after {
	content: "";
	width: 10rem;
	height: 0.8rem;
	background-color: #000000;
	position: absolute;
	left: 0;
	top: 4rem;
}

.aqlb1 li div p {
	font-size: 1.25rem;
	line-height: 2.5rem;
}

.swiper-containeraq {
	margin-left: 9rem;
	position: relative;
	width: calc(100% - 18rem);
	overflow: hidden;
	margin-bottom: 5rem;
}

.swiper-containeraq .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* 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.8);
}

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

.swiper-containeraq .swiper-slide img {
	border: 8px solid #dddddd;
	box-sizing: border-box;
}

.aqlb .icon-youyi {
	font-size: 4rem;
	position: absolute;
	right: 2rem;
	top: 0;
	bottom: 0;
	line-height: 5rem;
	height: 5rem;
	margin: auto;
	color: #000000;
	cursor: pointer;
}

.aqlb .icon-youyi-copy {
	font-size: 4rem;
	position: absolute;
	left: 2rem;
	top: 0;
	bottom: 0;
	line-height: 5rem;
	height: 5rem;
	margin: auto;
	color: #000000;
	cursor: pointer;
}

.aqlb {
	position: relative;
}

.gy1 {
	background-color: #ededed;
	padding-top: 10rem;
	padding-bottom: 3.125rem;
	margin-bottom: 3.125rem;
}

.gy1main {
	width: 100%;
	max-width: 87.5rem;
	margin: auto;
	display: flex;
	align-items: center;
	position: relative;
}

.gy1left {
	width: 45%;
}

.gy1right {
	width: 50%;
	margin-left: 5%;
}

.gy1left h4 {
	font-size: 2.8rem;
	color: #061025;
	font-weight: bold;
	margin-bottom: 2.1875rem;
	text-transform: uppercase;
}

.gy1left p {
	font-size: 1.1875rem;
	color: #061025;
	margin-bottom: 2.1875rem;
	text-transform: uppercase;
}

.gy2 {
	padding: 8rem 0;
}

.gy2main {
	width: 100%;
	max-width: 65rem;
	margin: auto;
}

.gy2js {
	text-align: center;
	margin-bottom: 11.25rem;
}

.gy2js p {
	font-size: 2.8125rem;
	line-height: 3rem;
	margin-bottom: 1.5rem;
	color: #FFFFFF;
	font-style: italic;
}

.gy2img img {
	width: 100%;
	border: 10px solid #dddddd;
	box-sizing: border-box;
	margin-bottom: 2rem;
}

.gyjt {
	text-align: center;
	padding: 3rem 0;
	display: none;
	animation: jtbh 1.5s infinite;
}

.gyjt i {
	font-size: 4rem;
	font-weight: bold;
	color: #000000;
	line-height: 4rem;
}

@keyframes jtbh {
	0% {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}

	50% {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	100% {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}
}

.faqs {
	padding: 8rem 0;
}

.faqsjs {
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	line-height: 2rem;
	margin-bottom: 15.625rem;
	color: #FFFFFF;
}

.faqslb {
	margin: auto;
	background-color: #FFFFFF;
	padding: 5rem 5rem;
	width: 100%;
	max-width: 100rem;
	box-shadow: 0px 0px 31.59px 7.41px rgba(0, 0, 0, 0.19);
}

/* .faqslb li {border-bottom: 1px solid #666;padding: 2.8125rem 0;position: relative;}.faqslb li h3 {font-size: 4rem;color: #0D152A;font-weight: bold;margin-bottom: 1.875rem;}.faqslb li h4 {width: 100%;font-size: 2rem;line-height: 3rem;color: #0D152A;font-weight: bold;margin-bottom: 1.875rem;}.faqslb li:nth-child(1) h4,.faqslb li:nth-child(2) h4 {max-width: 60%;}.faqslb li img {position: absolute;right: 0;height: 16.25rem;top: 2.8125rem;}.faqslb li:nth-child(4) img {height: 6.875rem;}.faqslb li h5 {font-size: 1.5rem;line-height: 2.5rem;color: #231815;}.faqslb li p {font-size: 1.5rem;line-height: 2.5rem;color: #231815;}.faqslb li p i {width: 1.3rem;height: 1.3rem;float: left;background-color: #231815;transform: rotate(45deg);margin-right: 0.5rem;margin-top: 0.6rem;}.faqslb li:nth-child(1) {padding-top: 11rem;}.faqslb li:nth-child(2) {padding-top: 8rem;}.faqslb li:nth-child(4) {padding-top: 6.5rem;}.faqslb li:last-child {border-bottom: 0px;padding-bottom: 0;} */
.faqslb li {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #dddddd;
}

.faqslb li:last-child {
	border-bottom: 0px;
	margin-bottom: 0rem;
	padding-bottom: 0rem;
}

.faqslb li img,
.faqslb li h3 {
	display: none;
}

.faqslb li h4 {
	font-size: 1.2rem;
	line-height: 2rem;
	font-weight: bold;
	position: relative;
	padding-left: 2rem;
}

.faqslb li h4 span {
	position: absolute;
	left: 0;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #89c997;
	text-transform: uppercase;
}

.faqslb li h5 {
	font-size: 1.2rem;
	line-height: 2rem;
	position: relative;
	padding-left: 2rem;
}

.faqslb li h5 span {
	position: absolute;
	left: 0;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #29c8e5;
	font-weight: bold;
	text-transform: uppercase;
}

.cplb {
	background-color: #ffffff;
	/* padding: 0 10%; */
	/* padding-top: 28.125rem; */
	/* padding-bottom: 10rem; */
	padding: 8rem 0;
}

.cplbjs {
	margin-bottom: 28.125rem;
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	line-height: 2rem;
}

.cplb1 li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cplb1 li img {
	width: 50%;
}

.cplb1 li div {
	width: 50%;
	padding: 3rem;
}

.cplb1 li div h3 {
	font-size: 5.625rem;
	color: #000000;
	font-weight: bold;
	margin-bottom: 3.125rem;
	position: relative;
}

.cplb1 li div h3 span {
	position: relative;
}

.cplb1 li div h3 span:after {
	content: "";
	width: 100%;
	height: 1rem;
	position: absolute;
	left: 0;
	bottom: -1rem;
	background-color: #000000;
}

.cplb1 li div h4 {
	font-size: 1.5rem;
	color: #545454;
	line-height: 2.5rem;
	padding: 0 1rem;
	display: inline-block;
	letter-spacing: 0.1rem;
	margin-bottom: 8.125rem;
}

.cplb1 li div p a {
	display: inline-block;
	height: 9rem;
	width: 9rem;
	border: 2px solid #ffffff;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10%;
	padding: 0.5rem;
	transition: box-shadow 0.5s ease;
}

.cplb1 li div p a:nth-child(3n) {
	margin-right: 0;
}

.cplb1 li div p a img {
	width: 100%;
	min-height: 100%;
}

.cplb1 li div p a:hover {
	box-shadow: 0px 0px 15px #aaaaaa;
	transform: rotateZ(360deg);
	transition: all 0.8s ease;
}

.aqlb2 {
	width: 100%;
	margin: auto;
	max-width: 100rem;
	padding-bottom: 8rem;
}

.aqlb2zs {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3.125rem;
}

.aqlb2zs img {
	width: 23%;
	margin-right: 2.666%;
}

.aqlb2zs img:last-child {
	margin-right: 0;
}

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

.aqlb3img {
	width: 30.33%;
}

.aqlb3center {
	width: 30.33%;
	margin: 0 4.5%;
}

.aqlb3right {
	width: 30.33%;
}

.aqlb3center img {
	width: 100%;
	margin-bottom: 3.125rem;
}

.aqlb3center p {
	font-size: 1rem;
	line-height: 1.2rem;
	position: relative;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.aqlb3center p span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1rem;
	line-height: 1.2rem;
}

.aqlb3right ul li {
	padding: 2.5rem 0;
	border-bottom: 1px solid #9e9e9e;
}

.aqlb3right ul li:last-child {
	border-bottom: 0px;
	margin-bottom: 6.25rem;
}

.aqlb3right ul li h4 {
	font-size: 0.875rem;
	line-height: 1.1rem;
	color: #000000;
	margin-bottom: 0.75rem;
}

.aqlb3right ul li div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.aqlb3right ul li div img {
	width: 3.5rem;
	margin-right: 1.5625rem;
}

.aqlb3right ul li div p i {
	font-size: 0.875rem;
	line-height: 1rem;
}

.aqlb3right ul li div p span {
	font-size: 0.875rem;
	color: #00355B;
	display: block;
	margin-bottom: 0.2rem;
	line-height: 1rem;
}

.aqlb3right ul li div p b {
	font-size: 0.875rem;
	color: #0095D6;
	line-height: 1rem;
}

.aqlb3img6 {
	width: 100%;
}

.prodetail {
	width: 100%;
	padding: 0 5%;
}

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

.prodetailleft {
	padding: 4.375rem 0;
	width: 45%;
	border-right: 1px solid #FFFFFF;
	padding-right: 5rem;
	margin-right: 5%;
}

section {
	box-sizing: border-box;
}

.prodetailright {
	width: 50%;
	padding: 4.375rem 0;
}

.prodetailright::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

.prodet1left::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
	background: #222222;
}

.prodet1left::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
	border-radius: 10px;
	background: #ededed;
}

.prodetimg {
	width: 100%;
	margin-bottom: 6.25rem;
}

.prodetailright1 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.prodetailright1 div img {
	height: 3.2rem;
	border-radius: 50%;
	width: 3.2rem;
	margin-right: 1.4rem;
	margin-bottom: 0;
	transition: all 0.3s ease;
}

.prodetailright1 div img:hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 10px #aaaaaa;
}

.prodetailright1 p {
	line-height: 3.2rem;
	font-size: 3rem;
	color: #747577;
}

.prodetailrighttit {
	margin-bottom: 3rem;
}

.prodetailrighttit h4 {
	font-size: 1.125rem;
	color: #061025;
	margin-bottom: 2rem;
}

.prodetailrighttit p {
	font-size: 3.75rem;
	color: #000000;
	font-weight: bold;
}

.prodetailtit1 {
	font-size: 1.3rem;
	color: #000000;
	/* font-style: italic; */
	margin-bottom: 1rem;
	font-weight: bold;
	margin-top: 3rem;
}

.prodetailright2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: -0.5rem;
}

.prodetailright2 section div {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.prodetailright2 section div h4 {
	font-size: 1rem;
	color: #747577;
	line-height: 2.5rem;
	font-style: italic;
	margin-right: 1rem;
	text-transform: uppercase;
}

.prodetailright2 section div img {
	height: 2.5rem;
	border-radius: 50%;
	width: 2.5rem;
	margin-right: 1.2rem;
	transition: all 0.3s ease;
}

.prodetailright2 section div img:hover {
	transform: scale(1.05);
	box-shadow: 0px 0px 10px #aaaaaa;
}

.prodetailright2 p {
	line-height: 2.5rem;
	font-size: 2rem;
	color: #747577;
}

.prodetailright2 span {
	font-size: 2rem;
	color: #aaaaaa;
	margin: 0 1rem;
	font-weight: 100;
	line-height: 2.5rem;
}

.prodetailtit2 {
	font-size: 1.6rem;
	color: #000000;
	font-style: italic;
	margin-bottom: 1.5rem;
	font-weight: bold;
	margin-top: 2rem;
}

.prodetailtable {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
}

.prodetailtable div {
	display: flex;
	align-items: center;
}

.prodetailtable div p {
	flex: 1;
	height: 3rem;
	border-right: 1px solid #DDDDDD;
	padding: 0 0.3rem;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	line-height: 3rem;
	color: #061025;
}

.prodetailtable div p:last-child {
	border-right: 0px;
}

.prodetailtable div:last-child p {
	border-bottom: 0px;
}

.prodetailtable div:nth-child(1) p {
	font-style: italic;
	color: #666;
}

.prodetailtable div p:nth-child(1) {
	font-style: italic;
	color: #666;
	font-size: 0.9rem;
}

.prodetailtable div:nth-child(3) p:nth-child(1) {
	line-height: 1rem;
	padding-top: 0.5rem;
}

.prodetailright3 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.prodetailright3 .prodetailright31 {
	font-size: 1.2rem;
	color: #061025;
	line-height: 1.8rem;
	margin-right: 3rem;
}

.prodetailright3 .prodetailright31 span {
	font-size: 1.2rem;
	color: #747577;
	padding-right: 0.75rem;
	margin-right: 0.75rem;
	line-height: 1rem;
	/* vertical-align: super; */
	/* float: left; */
	margin-top: 0.4rem;
	display: block;
	margin-bottom: 0.5rem;
}

.prodetailright31 p {
	font-size: 1.2rem;
	line-height: 1.8rem;

}

.prodetailright .aqlb3right {
	width: 100%;
	margin-bottom: 5rem;
}

.prodetailright4 {
	background-color: #FFFFFF;
	border-radius: 1.25rem;
	padding: 8rem;
}

.prodetailright4 div {
	margin-bottom: 3.4375rem;
}

.prodetailright4 div h4 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
	color: #172034;
	text-transform: uppercase;
}

.prodetailright4 div input {
	width: 100%;
	background-color: #dddddd;
	border: 1px solid #848484;
	border-radius: 0.3125rem;
	height: 2.5rem;
	padding: 0 0.5rem;
}

.prodetailright4 p {
	text-align: center;
	width: 100%;
}

.prodetailright4 p button {
	height: 2rem;
	background-color: #000000;
	padding: 0 0.8rem;
	border-radius: 1.25rem;
	font-size: 1rem;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 2rem;
	border: none;
	transition: all 0.3s ease;
}

.prodetailright5 {
	margin-top: 8.125rem;
}

.prodetailright5 h4 {
	font-size: 1.875rem;
	color: #595959;
	font-weight: bold;
	margin-bottom: 2.8125rem;
	text-transform: uppercase;
}

.prodetailright5 p {
	font-size: 1.25rem;
	color: #595959;
	font-style: italic;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.prodetailright6 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.prodetailright6 img {
	height: 4rem;
	margin-right: 2rem;
}

.header1left1 {
	position: relative;
}

.header1left1 div {
	position: absolute;
	top: 5.3125rem;
	left: 0;
	width: 100%;
	background: #222222;
	text-align: center;
	max-height: 0px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.header1left1:nth-child(3) .header1left1cp {
	position: absolute;
	top: 5.3125rem;
	width: 8rem;
	background: #222222;
	left: 50%;
	/* right: 0; */
	/* margin: auto; */
	/* margin-left: -50%; */
	transform: translate(-50%, 0%);
}

.header1left1:hover>div {
	max-height: 50rem;
	overflow: initial;
}

.header1left1 div section:hover>div {
	max-height: 50rem;
}

.header1left1 div section {
	position: relative;
}

.header1left1 div section div {
	top: 0;
	left: 100%;
	width: 130%;
	text-align: center;
}

.header1left1 div section div a {
	font-size: 1.1rem;
}

.header1left1 div a {
	font-size: 1.3rem;
	line-height: 4.3125rem;
	display: block;
	color: #ffffff;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.header1left1 div a:hover {
	background: #4c4949;
}

.header1right:hover>.header1rightss {
	top: 5.3125rem;
}

.header1rightss {
	position: absolute;
	right: 0;
	top: -5.3125rem;
	background: #222222;
	border-radius: 30px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.header1rightss input {
	width: 30rem;
	height: 4rem;
	padding: 0 2rem;
	padding-right: 5rem;
	background: #222222;
	outline-style: none;
	border: none;
	color: #ffffff;
}

.header1rightss button {
	width: 4rem;
	height: 4rem;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	outline-style: none;
	font-size: 1.1rem;
	color: #ffffff;
	background: #222222;
	padding: 0;
}

.header1rightss button i {
	font-size: 1.5rem;
	line-height: 4rem;
	display: block;
	color: #ffffff;
}

.prodetailleft1 p img {
	width: 100%;
	display: block;
}

.prodetailright1 div {
	display: flex;
	flex-wrap: wrap;
}

.prodetailright1 div h4 {
	font-size: 1.1rem;
	min-width: 3.5rem;
	color: #747577;
	line-height: 3.2rem;
	font-style: italic;
	margin-right: 1rem;
	text-transform: uppercase;
}

.banner {
	padding: 15rem 0;
	background: url(../images/bannerbg1.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}

.bannermain {
	text-align: center;
	color: #ffffff;
}

.bannermain h4 {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
	text-transform: uppercase;
	text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.26);
}

.bannermain p {
	font-size: 1.2rem;
	letter-spacing: 1px;
	text-shadow: 0px 5px 5px rgb(0 0 0 / 26%);
	text-transform: uppercase;
	font-weight: bold;
}

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

.aqlb4 div {
	width: 30.33%;
	position: relative;
	margin: 2rem 0;
	padding-left: 9rem;
}

.aqlb4 div:nth-child(2) {
	margin: 2rem 4.5%;
}

.aqlb4 div:nth-child(2):after {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	left: -10%;
	top: 0;
	background-color: #000000;
}

.aqlb4 div:nth-child(2)::before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	right: -7%;
	top: 0;
	background-color: #000000;
}

.aqlb4 div img {
	height: 7rem;
	position: absolute;
	left: 0;
	top: 0;
}

.aqlb4 div p {
	font-size: 1rem;
	line-height: 1.8rem;
	font-weight: bold;
}

.aqlb4 div:nth-child(5) {
	width: 65.16%;
	margin-left: 4.5%;
	padding-left: 21.5rem;
}

.aqlb4 div:nth-child(4):after {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	right: -5%;
	top: 0;
	background-color: #000000;
}

.bannerfaq {
	background: url(../images/bannerbg2.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}

.swiper-pagination {
	text-align: right;
	width: 100%;
	max-width: 100rem;
	bottom: 4rem;
}

.indexn02 {
	width: 100%;
	padding: 8rem 0;
	margin: auto;
	background-color: #FFFFFF;
	max-width: 100rem;
	display: flex;
	flex-wrap: wrap;
}

.indexn02left {
	width: 50%;
}

.indexn02right {
	width: 45%;
	margin-left: 5%;
}

.indexn02right h2 {
	color: #7d7d7d;
	text-transform: uppercase;
	font-size: 3rem;
	font-style: italic;
	margin-top: 3rem;
	line-height: 4rem;
}

.indexn02right h3 {
	color: #000000;
	text-transform: uppercase;
	font-size: 4rem;
	font-style: italic;
	margin-top: 0.5rem;
	line-height: 4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.indexn02right h4 {
	color: #000000;
	font-size: 1.5rem;
	line-height: 2.5rem;
	/* text-align: justify; */
	margin-bottom: 3rem;
	word-break: break-all;
}

.indexn02right a {
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 1.5rem;
	color: #000000;
	font-style: italic;
	border-bottom: 4px solid #222222;
	transition: all 0.3s ease;
}

.indexn02right a i {
	font-size: 3rem;
	/* float: right; */
	vertical-align: middle;
	font-weight: normal;
	transition: all 0.3s ease;
}

.indexn02right a:hover>i {
	margin-left: 0.5rem;
}

.indexn031 {
	width: 100%;
	position: relative;
}

.indexn031 img {
	width: 100%;
	display: block;
}

.indexn031 h3 {
	position: absolute;
	color: #ffffff;
	top: 40%;
	left: 56%;
	transform: translate(0, -50%);
	width: 40%;
	font-size: 1.4rem;
	line-height: 2.8rem;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
}

.indexn031 h3 span {
	font-size: 3rem;
}

.indexn032 {
	width: 100%;
	position: relative;
}

.indexn032 img {
	width: 100%;
	display: block;
}

.indexn032 h3 {
	position: absolute;
	color: #ffffff;
	top: 40%;
	right: 56%;
	transform: translate(0, -50%);
	width: 40%;
	font-size: 1.4rem;
	line-height: 2.8rem;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
}

.indexn032 h3 span {
	font-size: 3rem;
}

.indexn03lb {
	width: 100%;
	padding: 8rem 0;
	margin: auto;
	background-color: #FFFFFF;
	max-width: 100rem;
	display: flex;
	flex-wrap: wrap;
}

.indexn03lb li {
	width: 48%;
	text-align: center;
}

.indexn03lb li:nth-child(2) {
	margin-left: 4%;
}

.indexn03lb li img {
	width: 100%;
}

.indexn03lb li a {
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 1.5rem;
	color: #000000;
	font-style: italic;
	border-bottom: 4px solid #222222;
	transition: all 0.3s ease;
	margin-top: 2rem;
	display: inline-block;
}

.indexn03lb li a i {
	font-size: 3rem;
	/* float: right; */
	vertical-align: middle;
	font-weight: normal;
	transition: all 0.3s ease;
}

.indexn03lb li a:hover>i {
	margin-left: 0.5rem;
}

.indexn04 {
	position: relative;
}

.indexn04bg {
	width: 100%;
}

.indexn04 div {
	transform: translate(0, -50%);
	position: absolute;
	left: 6%;
	top: 50%;
	display: flex;
	flex-wrap: wrap;
	width: 35rem;
}

.indexn04 div img {
	width: 15rem;
}

.indexn04 div p {
	font-size: 2.5rem;
	color: #ffffff;
	margin: 3rem 0;
	line-height: 3rem;
	width: 100%;
	letter-spacing: 0.1rem;
}

.indexn04 div p span {
	white-space: pre;
}

.indexn04 div a {
	width: 100%;
	display: block;
	text-decoration: revert;
	font-size: 1.8rem;
	color: #ffffff;
	line-height: 2.8rem;
	margin: 1rem 0;
	transition: all 0.3s ease;
}

.indexn04 div a:hover {
	color: #DDDDDD;
	text-decoration: revert;
	padding-left: 1rem;
}

.indexn06 {
	width: 100%;
	padding-bottom: 8rem;
	margin: auto;
	background-color: #FFFFFF;
	max-width: 100rem;
	display: flex;
	flex-wrap: wrap;
}

.indexn06 .indexn061 {
	width: 48%;
	position: relative;
}

.indexn06 .indexn061:nth-child(2) {
	margin-left: 4%;
}

.indexn06 .indexn061 img {
	width: 100%;
	display: block;
}

.indexn06 .indexn061 div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	border: 10px solid rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease;
}

.indexn06 .indexn061 div h4 {
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 3rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	line-height: 5rem;
	transition: all 0.3s ease;
}

.indexn06 .indexn061 div:hover {
	background-color: rgba(0, 0, 0, 0.3);
	border: 25px solid rgba(255, 255, 255, 0.3);
}

.indexn06 .indexn061 div:hover>h4 {
	font-size: 3.2rem;
}

.contact {
	width: 100%;
}

.contactmain {
	width: 100%;
	max-width: 100rem;
	margin: auto;
	padding: 8rem 0;
	text-align: center;
}

.contacttit {
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5rem;
}

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

.contactmain1 div {
	width: 48%;
	margin-bottom: 2rem;
	text-align: left;
}

.contactmain1 div:nth-child(2n) {
	margin-left: 4%;
}

.contactmain1 div h4 {
	font-size: 1.3rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
}

.contactmain1 div input {
	width: 100%;
	height: 4rem;
	padding: 0 1rem;
	border: 1px solid #dddddd;
	border-radius: 0.5rem;
}

.contactmain1 div textarea {
	width: 100%;
	height: 20rem;
	padding: 1rem;
	border: 1px solid #dddddd;
	border-radius: 0.5rem;
	outline-style: none;
	box-sizing: border-box;
}

.contactmain1 div:nth-child(5) {
	width: 100%;
}

.contactbtn button {
	font-size: 1.3rem;
	height: 4rem;
	padding: 0 4rem;
	background-color: #000000;
	border-radius: 0.5rem;
	color: #ffffff;
	transition: all 0.3s ease;
}

.contactbtn button:hover {
	background-color: #333;
	padding: 0 4.5rem;
}

.bannercontact {
	background: url(../images/bannerbg3.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}

.bannerproduct {
	background: url(../images/bannerbg4.jpg) no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}

.header1lange a img {
	height: 3rem;
	margin-top: 1.2rem;
}

.zdbtn {
	position: fixed;
	display: none;
	width: 5rem;
	height: 5rem;
	border-radius: 0.8rem;
	background: #000000;
	line-height: 5rem;
	text-align: center;
	color: #ffffff;
	right: 1rem;
	bottom: 10%;
	font-size: 3rem !important;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	box-shadow: 0px 0px 5px #505050;
}

.zdbtn:hover {
	background: #162024;
	border-radius: 1.2rem;
}

.swiper-container05 {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 1rem 0;
}

.swiper-containerpro {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.prodetailleftqh {
	text-align: center;
	margin-top: 2rem;
}

.prodetailleftqh i {
	font-size: 3rem;
	color: #222222;
	margin: 0 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
}

.prodetailleftqh .swiper-button-disabled {
	color: #bbb;
}

.prodetailrighttit p span {
	font-size: 1.2rem;
	line-height: 3.75rem;
	float: left;
}

.prodetailright2 section {
	display: flex;
	flex-wrap: wrap;
}

.prodetailright2 section div {}

.prodetailright2 {}

.prodetail2 {
	padding: 0 5%;
	border-top: 0.5rem solid #f5f5f5;
	padding-top: 4.375rem;
}

.prodetail2tit {
	font-size: 2rem;
	font-weight: bold;
	font-style: italic;
	border-bottom: 0.5rem solid #222222;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.prodetail2tit span {
	color: #666;

}

.prodetail2 img {
	width: 100%;
}








@media only screen and (max-width: 1920px) {
	html {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1700px) {
	html {
		font-size: 15px;
	}
}

@media only screen and (max-width: 1560px) {
	html {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1440px) {
	html {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1200px) {
	html {
		font-size: 12px;
	}
}