@charset "utf-8";



:root {

	--main-color: #8a4a22;

	--hover-color: #c85e0a;

}



*,

*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: 0;

}



#bsWXBox {

	box-sizing: content-box;

}



div,

p,

span,

i,

em {

	white-space: inherit !important;

}



ul {

	list-style: none;

}



body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

em,

img,

strong,

b,

small,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

sub,

sup,

tt,

var,

del,

dfn,

ins,

kbd,

q,

s,

samp,

strike,

applet,

object,

iframe,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

mark,

audio,

video,

input,

textarea,

select {

	margin: 0;

	padding: 0;

}



html {

	font-size: 1px !important;

}



html,

body {

	position: relative;

	scroll-behavior: smooth;

}



@media (max-width: 1730px) {

	html {

		font-size: 0.901042px !important;

	}

}



@media (max-width: 1600px) {

	html {

		font-size: 0.824479px !important;

	}

}



@media (max-width: 1530px) {

	html {

		font-size: 0.792708px !important;

	}

}



@media (max-width: 1440px) {

	html {

		font-size: 0.741146px !important;

	}

}



@media (max-width: 1366px) {

	html {

		font-size: 0.702604px !important;

	}

}



@media (max-width: 1360px) {

	html {

		font-size: 0.699479px !important;

	}

}



@media (max-width: 1280px) {

	html {

		font-size: 0.657813px !important;

	}

}



body {

	font-family: 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif;

	font-size: 14rem;

	color: #666666;

	line-height: 1.1;

	width: 100%;

	background: #fff;

	margin: 0 auto !important;

	word-break: break-word;

	scroll-behavior: smooth;

	-webkit-text-size-adjust: none;

	-webkit-tap-highlight-color: transparent;

}



a:link,

a:visited {

	text-decoration: none;

	outline: none;

	color: #666666;

}



a:hover,

a:active,

a:focus {

	color: #666666;

	text-decoration: none;

}



img {

	border: 0;

	max-width: 100%;

	height: auto;

}



table {

	border-collapse: collapse;

	width: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}



input,

textarea,

select {

	font-size: 14px;

	outline: 0;

	overflow: hidden;

	font-family: 'Microsoft Yahei', '微软雅黑', '思源黑体 CN-Medium', '思源黑体 CN', 'Microsoft YaHei New', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'Helvetica', sans-serif;

}



input[type='reset'],

input[type='button'],

input[type='submit'],

input[type='radio'] {

	cursor: pointer;

	outline: 0;

}



input[type='checkbox'],

input[type='radio'] {

	position: relative;

	vertical-align: middle;

	margin-top: -2px;

	margin-bottom: 1px;

	margin-left: 5px;

	margin-right: 5px;

}



textarea,

input[type='email'],

input[type='date'],

input[type='password'],

input[type='text'] {

	padding: 0;

	color: #666666;

	outline: 0;

}



input[type='submit'],

input[type='reset'],

input[type='button'],

input[type='text'],

select,

button {

	-webkit-appearance: none;

}



input,

select,

textarea {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	border-radius: 0;

}



::-webkit-input-placeholder {

	color: #888;

}



:-moz-placeholder {

	color: #888;

	opacity: 1;

}



::-moz-placeholder {

	color: #888;

	opacity: 1;

}



:-ms-input-placeholder {

	color: #888;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



/*清楚浮动*/

.clearfix:after {

	clear: both;

	height: 0;

	content: '';

	line-height: 0;

	font-size: 0;

	display: block;

}



/*图片垂直水平居中*/

.pic {

	width: 100%;

	overflow: hidden;

	position: relative;

}



.pic img {

	transition: 0.5s;

}



.pic:after {

	content: '';

	display: block;

	padding-bottom: 100%;

}



.middleCenter {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	max-width: 100%;

	max-height: 100%;

	display: block;

	vertical-align: middle;

	text-align: center;

	margin: auto;

	object-fit: cover;

}



.ellipsis {

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

}



/*!

 * fullPage 2.9.5

 * https://github.com/alvarotrigo/fullPage.js

 * MIT licensed

 *

 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo

 */

.fp-enabled body,

html.fp-enabled {

	margin: 0;

	padding: 0;

	overflow: hidden;

	-webkit-tap-highlight-color: transparent;

}



.fp-section {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.fp-slide {

	float: left;

}



.fp-slide,

.fp-slidesContainer {

	height: 100%;

	display: block;

}



.fp-slides {

	z-index: 1;

	height: 100%;

	overflow: hidden;

	position: relative;

	-webkit-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



.fp-section.fp-table,

.fp-slide.fp-table {

	display: table;

	table-layout: fixed;

	width: 100%;

}



.fp-tableCell {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}



#section-footer .fp-tableCell {

	display: block;

}



.fp-slidesContainer {

	float: left;

	position: relative;

}



.fp-controlArrow {

	-webkit-user-select: none;

	-moz-user-select: none;

	-khtml-user-select: none;

	-ms-user-select: none;

	position: absolute;

	z-index: 4;

	top: 50%;

	cursor: pointer;

	width: 0;

	height: 0;

	border-style: solid;

	margin-top: -38rem;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.fp-controlArrow.fp-prev {

	left: 15px;

	width: 0;

	border-width: 38.5px 34px 38.5px 0;

	border-color: transparent #fff transparent transparent;

}



.fp-controlArrow.fp-next {

	right: 15px;

	border-width: 38.5px 0 38.5px 34px;

	border-color: transparent transparent transparent #fff;

}



.fp-scrollable {

	overflow: hidden;

	position: relative;

}



.fp-scroller {

	overflow: hidden;

}



.iScrollIndicator {

	border: 0 !important;

}



.fp-notransition {

	-webkit-transition: none !important;

	transition: none !important;

}



#fp-nav {

	position: fixed;

	z-index: 100;

	margin-top: -32px;

	top: 55%;

	opacity: 1;

	width: 50px;

	-webkit-transform: translate3d(0, 0, 0);

}



#fp-nav.right {

	right: 70px;

}



#fp-nav.left {

	left: 17px;

}



.fp-slidesNav {

	position: absolute;

	z-index: 4;

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	left: 0 !important;

	right: 0;

	margin: 0 auto !important;

}



.fp-slidesNav.bottom {

	bottom: 17px;

}



.fp-slidesNav.top {

	top: 17px;

}



#fp-nav ul,

.fp-slidesNav ul {

	margin: 0;

	padding: 0;

}



#fp-nav ul li,

.fp-slidesNav ul li {

	display: block;

	width: 50px;

	height: 30px;

	text-align: center;

	position: relative;

}



.fp-slidesNav ul li {

	display: inline-block;

}



#fp-nav ul li a,

.fp-slidesNav ul li a {

	display: block;

	position: relative;

	z-index: 1;

	width: 100%;

	height: 100%;

	cursor: pointer;

	text-decoration: none;

}



#fp-nav ul li a:before,

.fp-slidesNav ul li a:before {

	content: '';

	width: 0;

	height: 1px;

	left: 50%;

	bottom: 5px;

	display: none;

	background: #fff;

	position: absolute;

	transition: all 334ms ease;

	-webkit-transition: all 334ms ease;

}



#fp-nav ul li a.active:before,

#fp-nav ul li:hover a.active:before,

.fp-slidesNav ul li a.active:before,

.fp-slidesNav ul li:hover a:before {

	width: 20px;

	left: 24px;

}



#fp-nav ul li a.active span,

#fp-nav ul li:hover a.active span,

.fp-slidesNav ul li a.active span,

.fp-slidesNav ul li:hover a.active span {

	background: #fff;

}



#fp-nav ul li a span,

.fp-slidesNav ul li a span {

	position: absolute;

	z-index: 1;

	border: 0;

	color: #fff;

	font-size: 0;

	width: 12px;

	height: 12px;

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

	border: solid 2px #fff;

	border-radius: 100%;

}



#fp-nav ul li:last-child {

	display: none;

}



#fp-nav ul li:hover a span,

.fp-slidesNav ul li:hover a span {

	background: #fff;

}



#fp-nav ul li .fp-tooltip {

	position: absolute;

	top: -2px;

	color: #fff;

	font-size: 14px;

	font-family: helvetica, sans-serif;

	white-space: nowrap;

	max-width: 220px;

	overflow: hidden;

	display: block;

	opacity: 0;

	width: 0;

	cursor: pointer;

}



#fp-nav ul li:hover .fp-tooltip,

#fp-nav.fp-show-active a.active+.fp-tooltip {

	-webkit-transition: opacity 0.2s ease-in;

	transition: opacity 0.2s ease-in;

	width: auto;

	opacity: 1;

}



#fp-nav ul li .fp-tooltip.right {

	right: 20px;

}



#fp-nav ul li .fp-tooltip.left {

	left: 20px;

}



.fp-auto-height .fp-slide,

.fp-auto-height .fp-tableCell,

.fp-auto-height.fp-section {

	height: auto !important;

}



.fp-responsive .fp-auto-height-responsive .fp-slide,

.fp-responsive .fp-auto-height-responsive .fp-tableCell,

.fp-responsive .fp-auto-height-responsive.fp-section {

	height: auto !important;

}



.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



.animated.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}



.animated.hinge {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

}



@-webkit-keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(0.3, 0.3, 0.3);

		transform: scale3d(0.3, 0.3, 0.3);

	}



	50% {

		opacity: 1;

	}

}



@keyframes zoomIn {

	0% {

		opacity: 0;

		-webkit-transform: scale3d(0.3, 0.3, 0.3);

		transform: scale3d(0.3, 0.3, 0.3);

	}



	50% {

		opacity: 1;

	}

}



.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}



@keyframes fadeInLeft2 {

	0% {

		opacity: 0;

		transform: translate3d(-70px, 0, 0);

	}



	to {

		opacity: 1;

		transform: translateZ(0);

	}

}



.fadeInLeft2 {

	animation-name: fadeInLeft2;

}



@keyframes fadeInLeft3 {

	0% {

		opacity: 0;

		transform: translate3d(-10px, 0, 0);

	}



	to {

		opacity: 1;

		transform: translateZ(0);

	}

}



.fadeInLeft3 {

	animation-name: fadeInLeft3;

}



@keyframes fadeInRight2 {

	0% {

		opacity: 0;

		transform: translate3d(70px, 0, 0);

	}



	to {

		opacity: 1;

		transform: translateZ(0);

	}

}



.fadeInRight2 {

	animation-name: fadeInRight2;

}



@keyframes fadeInUp2 {

	0% {

		opacity: 0;

		transform: translate3d(0, 70px, 0);

	}



	to {

		opacity: 1;

		transform: translateZ(0);

	}

}



.fadeInUp2 {

	animation-name: fadeInUp2;

}



@keyframes fadeInDown2 {

	0% {

		opacity: 0;

		transform: translate3d(0, -70px, 0);

	}



	to {

		opacity: 1;

		transform: translateZ(0);

	}

}



.fadeInDown2 {

	animation-name: fadeInDown2;

}



@-webkit-keyframes swing {

	20% {

		-webkit-transform: rotate(15deg);

		transform: rotate(15deg);

	}



	40% {

		-webkit-transform: rotate(-10deg);

		transform: rotate(-10deg);

	}



	60% {

		-webkit-transform: rotate(5deg);

		transform: rotate(5deg);

	}



	80% {

		-webkit-transform: rotate(-5deg);

		transform: rotate(-5deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

}



@keyframes swing {

	20% {

		-webkit-transform: rotate(15deg);

		-ms-transform: rotate(15deg);

		transform: rotate(15deg);

	}



	40% {

		-webkit-transform: rotate(-10deg);

		-ms-transform: rotate(-10deg);

		transform: rotate(-10deg);

	}



	60% {

		-webkit-transform: rotate(5deg);

		-ms-transform: rotate(5deg);

		transform: rotate(5deg);

	}



	80% {

		-webkit-transform: rotate(-5deg);

		-ms-transform: rotate(-5deg);

		transform: rotate(-5deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		transform: rotate(0deg);

	}

}



.swing {

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing;

}



@font-face {

	font-family: Ubuntu-Regular;

	src: url('../font/Ubuntu-Regular.woff2') format('woff2'), url('../font/Ubuntu-Regular.woff') format('woff'), url('../font/Ubuntu-Regular.ttf') format('truetype'), url('../font/Ubuntu-Regular.eot') format('embedded-opentype'), url('../font/Ubuntu-Regular.svg') format('svg');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: YouSheBiaoTiHei;

	src: url(../font/YouSheBiaoTiHei.otf);

	font-weight: normal;

	font-style: normal;

}



.prompt {

	position: fixed;

	width: 100%;

	height: 100%;

	background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;

	left: 0;

	bottom: 0;

	display: none;

	z-index: 999;

	filter: alpha(opacity=80);

	opacity: 80;

}



.prompt span {

	position: absolute;

	font-size: 14px;

	font-family: 'Microsoft YaHei';

	top: 55%;

	left: 50%;

	margin-left: -152px;

	width: 304px;

	display: block;

	line-height: 24px;

	color: #666666;

}



.prompt span a {

	text-decoration: underline;

}



.prompt .prompt_close {

	width: 30px;

	height: 30px;

	position: absolute;

	right: 30px;

	top: 30px;

	background: url(../images/closed.png) no-repeat center center;

	cursor: pointer;

}



.sitemap .site-bottom {

	font-size: 18rem;

	line-height: 30rem;

	color: #666;

}



.sitemap li {

	border-bottom: 1px dashed #e0e0e0;

	padding-bottom: 20rem;

	margin-bottom: 20rem;

}



.sitemap li .top1 {

	font-size: 24rem;

	color: #000;

	font-family: var(--Ubuntu-Bold);

}



.sitemap li .top1 .txt-2 {

	display: none;

}



.sitemap li .top1:hover {

	color: var(--main-color);

	text-decoration: underline;

}



.sitemap li .subnav {

	margin-top: 15rem;

}



.sitemap li .subnav a {

	font-size: 19rem;

	color: #333;

	margin-right: 20rem;

	padding: 5rem 0;

	display: block;

	float: left;

	font-weight: lighter;

}



.sitemap li .subnav a:hover {

	color: var(--main-color);

	text-decoration: underline;

}



.sitemap li .subnav p {

	display: block;

	width: 100%;

	overflow: hidden;

}



.sitemap li .subnav .hover {

	padding: 10rem 20rem;

}



.sitemap li .subnav .hover a {

	color: #333;

}



.sitemap li .subnav .hover a:hover {

	color: var(--main-color);

	text-decoration: underline;

}



.sitemap li .subnav .dot a {

	font-size: 16rem;

	color: #666;

}



.sitemap li .subnav .dot a:hover {

	color: var(--main-color);

	text-decoration: underline;

}



.fix {

	position: fixed;

	width: 100%;

	top: 0;

	z-index: 155777;

	transition: 0.5s;

	left: 0;

}



.transparent {

	position: fixed;

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(51, 51, 51, 0.6);

	top: 0;

	left: 0;

	z-index: 888;

	backdrop-filter: blur(5px);

}



.transparent.active {

	display: block;

}



.container {

	margin-right: auto;

	margin-left: auto;

	width: 1515rem;

}



.height {

	height: 1px;

	position: absolute;

	top: -108rem;

	left: 0;

	width: 100%;

}



.height1 {

	height: 108rem;

}



.header {

	height: 108rem;

	width: 100%;

	transition: 0.7s;

	position: relative;

	z-index: 1;

}



.header .logo {

	padding: 0;

	float: left;

	transition: 0.7s;

	padding-top: 15rem;

	margin-left: -12rem;

}



.header .logo a {

	display: block;

	position: relative;

}



.header .logo a img {

	display: inline-block;

	vertical-align: top;

	width: 195rem;

	z-index: 5;

	transition: 0.5s;

}



.header .logo a .lg2 {

	display: none;

}



.header .header-right {

	float: right;

}



.header .header-right .menu {

	float: right;

	position: relative;

	width: 36px;

	height: 36px;

	margin-top: 12px;

	display: none;

}



.header .header-right .menu .navPhoneBtn {

	display: inline-block;

	padding: 10px;

	cursor: pointer;

	float: left;

	position: absolute;

	z-index: 9;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	height: 36px;

	text-align: right;

}



.header .header-right .menu .navPhoneBtn span {

	display: block;

	width: 20px;

	height: 2px;

	margin-bottom: 5px;

	position: relative;

	background: var(--main-color);

	border-radius: 3px;

	z-index: 1;

	-webkit-transform-origin: 20px;

	transform-origin: 20px;

	-webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

}



.header .header-right .menu .navPhoneBtn span:nth-last-child(2) {

	-webkit-transform: rotate(0);

	transform: rotate(0);

	-webkit-transition: width 0.5s ease;

	transition: width 0.5s ease;

}



.header .header-right .menu .navPhoneBtn span:last-child {

	margin-bottom: 0;

}



.header .header-right .header-search {

	float: right;

	position: relative;

	width: 229rem;

	height: 42rem;

	background: rgba(255, 255, 255, 0.57);

	border-radius: 21rem;

	border: solid 1px #ffffff;

	margin-top: 33rem;

}



.header .header-right .header-search .form-control {

	text-align: left;

	border: 0;

	width: 100%;

	font-size: 16rem;

	color: #6e6058;

	height: 40rem;

	vertical-align: top;

	padding: 0 60rem 0 25rem;

	-webkit-appearance: none;

	background: none;

}



.header .header-right .header-search .btn {

	top: 0;

	border: 0;

	right: 0;

	color: #fff;

	width: 60rem;

	height: 40rem;

	position: absolute;

	background: url(../images/search.png) no-repeat center center;

	background-size: 18rem !important;

}



@media (min-width: 1025px) {

	.header:hover {

		background: #f2ede9;

	}



	.header:hover .logo a .lg1 {

		display: none;

	}



	.header:hover .logo a .lg2 {

		display: block;

	}



	.header:hover .header-right .header-search {

		background: #ede0cd;

		border: solid 1px #ede0cd;

	}



	.header:hover .nav ul li a {

		color: #3f2a18;

	}



	.header:hover .nav ul li:hover a {

		color: var(--main-color);

	}



	.header:hover .nav ul .active a {

		color: var(--main-color);

	}

}



.header1,

.headerfix {

	background: #f2ede9;

}



.header1 .logo a .lg1,

.headerfix .logo a .lg1 {

	display: none;

}



.header1 .logo a .lg2,

.headerfix .logo a .lg2 {

	display: block;

}



.header1 .header-right .header-search,

.headerfix .header-right .header-search {

	background: #ede0cd;

	border: solid 1px #ede0cd;

}



.header1 .nav ul li a,

.headerfix .nav ul li a {

	color: #3f2a18;

}



.header1 .nav ul li:hover a,

.headerfix .nav ul li:hover a {

	color: var(--main-color);

}



.header1 .nav ul .active a,

.headerfix .nav ul .active a {

	color: var(--main-color);

}



.nav {

	transition: 0.2s;

	float: right;

	margin-right: 28rem;

}



.nav ul {

	z-index: 1;

}



.nav ul li {

	float: left;

	padding-left: 35rem;

	position: relative;

}



.nav ul li a {

	font-size: 18rem;

	color: #fff;

	height: 108rem;

	line-height: 108rem;

	transition: 0.5s;

	position: relative;

	cursor: pointer;

	display: inline-block;

	vertical-align: top;

}



.nav ul li a>span {

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

	height: 108rem;

	line-height: 108rem;

	position: relative;

}



.nav ul li a .txt-1 {

	display: block;

	transition: 0.5s;

}



.nav ul li a .txt-2 {

	display: block;

	transform: translateY(100%);

	transition: 0.5s;

}



.nav ul li .subnav {

	width: 100%;

	position: absolute;

	top: 100%;

	left: 50%;

	z-index: 1;

	display: none;

	width: 600rem;

	margin-left: -300rem;

	padding: 40rem;

	background: #f2ede9;

	box-shadow: 0rem 8rem 28rem 0rem rgba(78, 85, 156, 0.15);

}



.nav ul li .subnav .left {

	float: left;

	width: 50%;

	font-size: 15rem;

	padding: 0 30rem 0 0;

}



.nav ul li .subnav .left .list {

	margin-bottom: 10rem;

}



.nav ul li .subnav .left .list a {

	text-align: left;

	color: #333;

	display: block;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	font-size: 16rem;

	line-height: 36rem;

	padding-right: 30rem;

	height: auto;

	margin-bottom: 10rem;

	transition: 0.5s;

	position: relative;

}



.nav ul li .subnav .left .list a:after {

	font-size: 20rem;

	content: '→';

	display: block;

	color: #303140;

	position: absolute;

	top: 0;

	right: 0;

}



@media (min-width: 1025px) {

	.nav ul li .subnav .left .list a:hover {

		color: var(--main-color);

		padding-left: 10rem;

	}

}



.nav ul li .subnav .left .more a,

.nav ul li .subnav .left .more p {

	width: 180rem;

	line-height: 46rem;

	height: auto;

	font-size: 16rem;

	color: #ffffff;

	display: block;

	text-align: center;

	background: var(--main-color);

}



.nav ul li .subnav .left .more a span,

.nav ul li .subnav .left .more p span {

	line-height: 46rem;

	height: auto;

}



.nav ul li .subnav .pic {

	width: 50%;

	float: right;

}



.nav ul li .subnav .pic:after {

	padding-bottom: 109.13461538%;

}



.nav ul li:hover a {

	color: var(--main-color);

}



.nav ul li:hover a .txt-1 {

	transform: translateY(-100%);

}



.nav ul li:hover a .txt-2 {

	transform: translateY(-100%);

}



.nav ul li:nth-child(1) {

	margin-left: 0;

}



.nav ul .active a {

	color: var(--main-color);

}



.nav ul .active a .txt-1 {

	transform: translateY(-100%);

}



.nav ul .active a .txt-2 {

	transform: translateY(-100%);

}



#menu {

	position: fixed;

	top: 0;

	right: -300px;

	width: 300px;

	background: #ffffff;

	z-index: 9999;

	height: 100%;

	transition: 0.5s;

	overflow: auto;

	padding: 62px 8px;

}



#menu .search {

	background: #f1f1f1;

	position: relative;

}



#menu .search .form-control {

	width: 100%;

	height: 40px;

	border: 0;

	background: none;

	padding: 0 20px;

	color: #666;

	font-size: 16px;

	font-family: var(--Roboto-Light);

}



#menu .search .btn {

	position: absolute;

	top: 0;

	right: 0;

	width: 40px;

	height: 40px;

	border: 0;

	background: url(../images/search.png) no-repeat center center;

	background-size: 15px !important;

	padding: 0;

	margin: 0;

}



#menu ul .subnav {

	display: none;

}



#menu ul ul {

	padding: 0;

	margin: 0 -5px;

}



#menu ul ul li {

	width: 100%;

	float: left;

	padding: 0 5px;

	border: 0;

}



#menu ul ul li a {

	padding: 0;

	font-family: var(--Roboto-Bold);

	font-weight: normal;

}



#menu ul ul li ul {

	display: none;

}



#menu ul {

	overflow: hidden;

	padding: 0 0 0 10px;

}



#menu ul li {

	position: relative;

	border-bottom: 1px solid #f1f1f1;

}



#menu ul li i {

	display: block;

	width: 48px;

	height: 48px;

	line-height: 48px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 4;

	color: #e01121;

	text-align: center;

	background: url(../images/jt.png) no-repeat center center;

	background-size: 13px;

}



#menu ul li a {

	font-size: 18px;

	color: #333;

	display: block;

	line-height: 30px;

	padding: 10px 0;

	padding-right: 48px;

	font-family: var(--Poppins-Bold);

	position: relative;

}



#menu ul li a span.txt-2 {

	display: none;

}



#menu ul li .subnav a {

	font-size: 16px;

	color: #555;

	line-height: 24px;

	margin: 10px 0;

	font-family: var(--Poppins-Regular);

}



#menu ul li ul li ul li a {

	font-size: 14px;

}



#menu ul li ul li ul li ul li a {

	font-size: 14px;

	font-weight: normal;

}



#menu ul li:nth-child(1):before {

	display: none;

}



#menu .close {

	display: block;

	height: 36px;

	width: 36px;

	position: absolute;

	right: 17px;

	top: 18px;

	border-radius: 50%;

	background: url(../images/closed.png) no-repeat center center;

	background-size: 15px;

}



#menu.show1 {

	right: 0;

}



#video {

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 9999999999999999;

	display: none;

}



#video .close {

	position: absolute;

	width: 38rem;

	height: 38rem;

	border-radius: 50%;

	top: -40rem;

	right: -40rem;

	text-align: center;

	background: #ffffff url(../images/closed.png) no-repeat center center;

	background-size: 12rem;

	cursor: pointer;

	z-index: 3333;

}



#video video {

	display: block;

	max-width: 100%;

	max-height: 100vh;

}



.phone {

	display: none;

}



.center {

	text-align: center;

}



.white {

	color: #ffffff;

}



.black {

	color: #000000;

}



.banner {

	position: relative;

}



.swiper-renewal-main {

	position: relative;

	overflow: hidden;

}



.swiper-renewal-main .img1 {

	display: none;

}



.swiper-renewal-main .swiper-slide img {

	display: block;

	width: 100%;

	object-fit: cover;

}



.swiper-renewal-main .img {

	position: relative;

	overflow: hidden;

}



.swiper-renewal-main .img1 {

	display: none;

}



.swiper-renewal-main .banner-hover {

	color: #fff;

	position: absolute;

	top: 8%;

	left: 0;

	width: 100%;

	font-size: 0;

	z-index: 33;

	text-align: left;

	padding-top: 108rem;

}



.swiper-renewal-main .banner-hover .bt1 {

	display: none;

}



.swiper-renewal-main .banner-hover .bt {

	float: left;

	margin-left: 50rem;

}



.swiper-renewal-main .banner-hover .bt img {

	width: 93rem;

}



.swiper-renewal-main .banner-hover .p {

	float: left;

	font-size: 20rem;

	font-weight: lighter;

	line-height: 45rem;

	height: 450rem;

	color: #ffffff;

	letter-spacing: 1rem;

	writing-mode: vertical-rl;

	-webkit-writing-mode: vertical-rl;

}



.swiper-renewal-main .banner-hover .p p {

	display: inline-block;

	vertical-align: top;

	text-decoration: overline;

}



.swiper-renewal-main .banner-hover0 .h3 img {

	width: 189rem;

}



.swiper-renewal-main .banner-hover0 .jsh {

	height: 450rem;

	color: #ffffff;

	writing-mode: vertical-lr;

	-webkit-writing-mode: vertical-lr;

}



.swiper-renewal-main .banner-hover0 .jsh .li {

	border-right: 1px solid #fff;

	display: inline-block;

	vertical-align: top;

	font-size: 70rem;

	font-weight: bold;

	line-height: 86rem;

	letter-spacing: 3rem;

	color: #ffffff;

}



.swiper-renewal-main .banner-hover0 .jsh .li1 {

	font-size: 45rem;

	line-height: 65rem;

	color: #ffffff;

}



.swiper-renewal-main .banner-hover0 .jsh .li2 {

	font-size: 24rem;

	line-height: 37rem;

	color: #ffffff;

}



.swiper-renewal-main .swiper-slide-active .banner-hover .bt {

	-webkit-animation: fadeInLeft2 4s alternate;

	animation: fadeInLeft2 4s alternate;

}



.swiper-renewal-main .swiper-slide-active .banner-hover .bt1 {

	-webkit-animation: fadeInLeft2 4s alternate;

	animation: fadeInLeft2 4s alternate;

}



.swiper-renewal-main .swiper-slide-active .banner-hover .p {

	-webkit-animation: fadeInLeft2 2s alternate;

	animation: fadeInLeft2 2s alternate;

}



.swiper-renewal-main .swiper-slide-active .banner-hover .h3 {

	-webkit-animation: fadeInRight2 2s alternate;

	animation: fadeInRight2 2s alternate;

}



.swiper-renewal-main .swiper-slide-active .banner-hover .jsh {

	-webkit-animation: fadeInRight2 5s alternate;

	animation: fadeInRight2 5s alternate;

}



.swiper-renewal-main .swiper-pagination2 {

	position: absolute;

	bottom: 50rem;

	left: 0;

	width: 100%;

	z-index: 2222;

}



.swiper-renewal-main .swiper-pagination2 li {

	float: left;

	margin: 0 -10rem;

}



.swiper-renewal-main .swiper-pagination2 li a {

	display: block;

	position: relative;

}



.swiper-renewal-main .swiper-pagination2 li svg {

	height: 64rem;

	width: 64rem;

}



.swiper-renewal-main .swiper-pagination2 li svg .progress {

	opacity: 0;

}



.swiper-renewal-main .swiper-pagination2 li span {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	line-height: 64rem;

	text-align: center;

	font-size: 17rem;

	color: #fff;

}



.swiper-renewal-main .swiper-pagination2 li.active .progress {

	animation: progress 6s linear infinite;

	animation-direction: alternate;

	opacity: 1;

}



@keyframes progress {

	from {

		stroke-dasharray: 1400 1400;

	}



	to {

		stroke-dasharray: 0 1400;

	}

}



.bg {

	padding-top: 100vh;

	position: relative;

	z-index: 300;

	background-size: cover;

	background-position: center center;

}



.bg img {

	display: none;

}



.bg video {

	max-width: 100%;

	height: 110vh;

	object-fit: cover;

	position: absolute;

	top: -10vh;

	left: 0;

}



.section {

	display: table;

	table-layout: fixed;

	width: 100%;

	height: 100vh;

	position: relative;

	overflow: hidden;

}



.section .height {

	display: none;

}



.fp-section.fp-table,

.fp-slide.fp-table {

	overflow: hidden !important;

}



.section1 {

	position: relative;

	width: 100%;

	z-index: 400;

}



.section1 .bg {

	z-index: 80;

}



.section1 .bg img {

	display: none;

}



.active .home-title {

	-webkit-animation: fadeInDown2 2s alternate;

	animation: fadeInDown2 2s alternate;

}



.active .home-about .left .span {

	-webkit-animation: fadeInRight2 2s alternate;

	animation: fadeInRight2 2s alternate;

}



.active .home-about .left .jsh {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .home-about .left .img {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .more2 {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .home-product .home-bottom {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .home-keji .list li {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .home-wenhua .left {

	-webkit-animation: fadeInLeft2 3s alternate;

	animation: fadeInLeft2 3s alternate;

}



.active .home-wenhua .right {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .home-news .home-bottom {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .home-zhuhai .home-top .p {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .home-zhuhai .home-bottom {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .keji01 .bt {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .keji01 .p {

	-webkit-animation: fadeInRight2 4s alternate;

	animation: fadeInRight2 4s alternate;

}



.active .keji02 .bt {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .keji02 .p {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .keji03 .bt1 {

	-webkit-animation: fadeInDown2 3s alternate;

	animation: fadeInDown2 3s alternate;

}



.active .keji03 .keji-bottom {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .keji04 .bt {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .keji04 .p {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .keji04 .span {

	-webkit-animation: fadeInUp2 5s alternate;

	animation: fadeInUp2 5s alternate;

}



.active .keji05 .bt1 {

	-webkit-animation: fadeInDown2 3s alternate;

	animation: fadeInDown2 3s alternate;

}



.active .keji05 .span {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .keji05 .keji-bottom {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .keji07 .home-bottom {

	-webkit-animation: fadeInRight2 4s alternate;

	animation: fadeInRight2 4s alternate;

}



.active .about01 .pc .menuTabs {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .about01 .pc .conTabs {

	-webkit-animation: fadeInUp2 5s alternate;

	animation: fadeInUp2 5s alternate;

}



.active .about02 .info .bt {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .about02 .info .span {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .about02 .info .jsh {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .about03 .p {

	-webkit-animation: fadeInDown2 3s alternate;

	animation: fadeInDown2 3s alternate;

}



.active .about03 .bt {

	-webkit-animation: fadeInRight2 2s alternate;

	animation: fadeInRight2 2s alternate;

}



.active .about03 .span {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .about03 .jsh {

	-webkit-animation: fadeInRight2 4s alternate;

	animation: fadeInRight2 4s alternate;

}



.active .about03 .pp {

	-webkit-animation: fadeInRight2 5s alternate;

	animation: fadeInRight2 5s alternate;

}



.active .about04 .bt {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .about04 .p {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.active .about05 .h3 {

	-webkit-animation: fadeInDown2 3s alternate;

	animation: fadeInDown2 3s alternate;

}



.active .about05 .hspan {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .about05 .pc {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



#fp-nav {

	display: none !important;

}



.home {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	z-index: 320;

	padding-top: 108rem;

	transform: translateY(-50%);

}



.home-title span {

	font-size: 40rem;

	height: 99rem;

	color: var(--hover-color);

	/*background: url(../images/bg.png) no-repeat top left;*/

	background-size: 188rem;

	padding-top: 46rem;

	display: inline-block;

	vertical-align: top;

	padding-left: 36rem;

	padding-right: 36rem;

}



.home-title1 span {

	color: #e0d0b4;

	background: none;

	background-size: 188rem;

}



.home-title2 span {

	height: auto;

	background: none;

	padding-top: 0;

	padding-left: 0;

	padding-right: 0;

}



.home-p {

	font-size: 24rem;

	color: #cfc1a7;

}



.home-about {

	height: 100vh;

	top: 0;

	transform: none;

	padding-top: 0;

}



.home-about .left {

	width: 46%;

	padding-top: 119rem;

	float: left;

	position: relative;

	z-index: 33;

	margin-left: -7rem;

}



.home-about .left .home-title {

	margin-bottom: 42rem;

}



.home-about .left .span {

	font-size: 24rem;

	line-height: 32rem;

	letter-spacing: 1rem;

	margin-bottom: 17rem;

	color: #0d0b0a;

}



.home-about .left .jsh {

	font-size: 18rem;

	line-height: 32rem;

	height: 288rem;

	overflow: hidden;

	color: #0d0b0a;

}



.home-about .left .jsh p {

	margin-bottom: 16rem;

}



.home-about .left .img {

	margin: 52rem 0 45rem 0;

}



.home-about .left .img img {

	width: 321rem;

	display: block;

}



.home-about .right {

	float: right;

	width: 70%;

	margin-right: -203rem;

	margin-left: -200rem;

	position: relative;

	z-index: 11;

	height: 100vh;

	overflow: hidden;

}



.home-about .right:before {

	content: '';

	display: block;

	width: 2000rem;

	height: 2000rem;

	background: #f2ede9;

	position: absolute;

	top: -100%;

	left: -1800rem;

	transform: rotate(11deg);

	z-index: 4333;

}



.home-about .right .img img,

.home-about .right .img video {

	display: block;

	width: 100%;

	height: 100vh;

	object-fit: cover;

}



.youshi {

	position: absolute;

	bottom: 10rem;

	left: 0;

	width: 100%;

	padding-left: 150rem;

	padding-right: 60rem;

}



.youshi li {

	width: 33.33333333%;

	float: left;

	font-family: '宋体';

}



.youshi li .box {

	position: relative;

}



.youshi li .pic {

	width: 65rem;

}



.youshi li .num {

	font-size: 40rem;

	line-height: 50rem;

	color: #fff;

	margin-top: 28rem;

}



.youshi li .num span {

	display: inline-block;

	vertical-align: bottom;

}



.youshi li .num em {

	font-size: 18rem;

	font-style: normal;

	display: inline-block;

	vertical-align: bottom;

}



.youshi li .h3 {

	font-size: 18rem;

	line-height: 30rem;

	color: #fff;

}



.youshi li:nth-child(1),

.youshi li:nth-child(4) {

	padding-left: 0;

}



.more2 a,

.more2 p {

	display: block;

	font-size: 16rem;

	font-weight: lighter;

	line-height: 44rem;

	width: 159rem;

	background: url(../images/more.png) no-repeat top center;

	background-size: 100%;

	text-align: center;

	color: #3f2a18;

}



@media (min-width: 1025px) {

	.more2 a:hover {

		text-decoration: underline;

	}

}



.home-product .home-bottom {

	padding: 0 20rem;

	padding-top: 49rem;

}



.swiper-class .item:nth-child(2n) {

	padding-top: 50rem;

}



.swiper-class .box {

	position: relative;

}



.swiper-class .pic:after {

	padding-bottom: 169.14600551%;

}



.swiper-class .bt {

	writing-mode: vertical-rl;

	-webkit-writing-mode: vertical-rl;

	position: absolute;

	top: 55rem;

	right: 55rem;

	font-size: 32rem;

	line-height: 40rem;

	color: #ffffff;

}



@media (min-width: 1025px) {

	.swiper-class .item:hover .pic img {

		transform: scale(1.1);

	}

}



.home-keji .home-bottom {

	padding-top: 41rem;

}



.home-keji .list {

	margin: 0 -5rem;

}



.home-keji .list li {

	padding: 0 5rem;

	float: left;

	width: 14%;

	transition: 0.5s;

}



.home-keji .list li a {

	display: block;

	border: solid 2px #80613e;

	overflow: hidden;

	padding: 7rem;

}



.home-keji .list li .box {

	height: 526rem;

	overflow: hidden;

	position: relative;

}



.home-keji .list li .box .txt_box {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

	background: url(../images/bg7.png) no-repeat top center;

	background-size: cover;

}



.home-keji .list li .box .bt {

	font-size: 24rem;

	line-height: 36rem;

	color: #ffffff;

}



.home-keji .list li .box .p {

	font-size: 18rem;

	line-height: 32rem;

	max-height: 64rem;

	overflow: hidden;

	color: #ffffff;

	transition: 0.5s;

}



.home-keji .list li .box .vbtn {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: url(../images/bofang.png) no-repeat center center;

	background-size: 96rem;

}



.home-keji .list li .box .hover {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	padding: 43rem 30rem;

}



.home-keji .list li .box .text {

	position: absolute;

	bottom: 12rem;

	left: 0;

	right: 36rem;

	width: 100%;

	opacity: 0;

	padding: 0 40rem;

}



.home-keji .list li .box .text .bt {

	margin-bottom: 6rem;

}



.home-keji .list li .box .text .p {

	overflow: hidden;

}



.home-keji .list .kj1,

.home-keji .list .kj4 {

	margin-top: 30rem;

}



.home-keji .list .kj2 {

	margin-top: 65rem;

}



.home-keji .list .active {

	width: 58%;

}



.home-keji .list .active .box .txt_box {

	background: url(../images/bg6.png) no-repeat bottom center;

	background-size: cover;

}



.home-keji .list .active .box .hover {

	display: none;

}



.home-keji .list .active .box .text {

	opacity: 1;

	bottom: 27rem;

	transition: all 0.8s ease;

}



.home-wenhua .home-bottom {

	padding-top: 61rem;

}



.home-wenhua .left {

	float: left;

	width: 76.5%;

	position: relative;

	overflow: hidden;

}



.home-wenhua .right {

	float: right;

	width: 20.5%;

	height: 556rem;

}



.home-wenhua .right .bt {

	writing-mode: vertical-lr;

	-webkit-writing-mode: vertical-lr;

	font-size: 24rem;

	padding-left: 30rem;

	color: #ffffff;

	float: right;

}



.home-wenhua .right .p {

	float: right;

	font-size: 18rem;

	line-height: 50rem;

	color: #ffffff;

	writing-mode: vertical-rl;

	-webkit-writing-mode: vertical-rl;

	text-decoration: overline;

}



.swiper-wenhua .item .box {

	position: relative;

	border: solid 1px #80613e;

}



.swiper-wenhua .item .text {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

	height: 100%;

	writing-mode: vertical-lr;

	-webkit-writing-mode: vertical-lr;

}



.swiper-wenhua .item .text .bt {

	font-size: 32rem;

	line-height: 60rem;

	color: #ffffff;

	writing-mode: vertical-rl;

	-webkit-writing-mode: vertical-rl;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	height: 100%;

	opacity: 0;

	transition: 0.5s;

}



@media (min-width: 1025px) {

	.swiper-wenhua .item:hover .text .bt {

		opacity: 1;

	}



	.swiper-wenhua .item:hover .pic img {

		transform: scale(1.1);

	}

}



.swiper-wenhua .pic:after {

	padding-bottom: 201.44404332%;

}



.home-news .home-bottom {

	padding-top: 45rem;

}



.home-news .swiper-news .swiper-pagination {

	bottom: 20rem;

	text-align: left;

	padding: 0 30rem;

}



.home-news .swiper-news .swiper-pagination .swiper-pagination-bullet {

	width: 9rem;

	height: 9rem;

	background: #8a4a22;

	border-radius: 50%;

	margin: 0 6rem;

	position: relative;

	overflow: hidden;

	opacity: 1;

}



.home-news .swiper-news .swiper-pagination .swiper-pagination-bullet:after {

	position: absolute;

	top: 0;

	width: 0;

	height: 100%;

	content: '';

	background: #fff;

	left: 0;

}



.home-news .swiper-news .swiper-pagination .swiper-pagination-bullet-active {

	background: #dd4e1e;

}



.newslist {

	position: relative;

	overflow: hidden;

}



.newslist .item .box {

	display: flex;

	flex-wrap: wrap;

}



.newslist .item .pic {

	float: left;

	width: 63%;

}



.newslist .item .pic:after {

	padding-bottom: 57.0083682%;

}



.newslist .item .pic:before {

	content: '';

	display: block;

	width: 938rem;

	height: 526rem;

	border: solid 1px #7c563c;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 333;

}



.newslist .item .text {

	float: right;

	width: 37%;

	padding: 10rem;

	background: #fff;

}



.newslist .item .text .info {

	border: solid 1px #f2e4c5;

	height: 100%;

	position: relative;

	padding: 32rem 60rem;

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}



.newslist .item .text .info:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/bg8.jpg) no-repeat top center;

	background-size: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



.newslist .item .text .info:after {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/bg9.jpg) no-repeat bottom center;

	background-size: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

}



.newslist .item .text .info .nt {

	position: relative;

	z-index: 333;

}



.newslist .item .text .bt {

	font-size: 28rem;

	/* text-overflow: ellipsis; */

	/* white-space: nowrap !important; */

	overflow: hidden;

	position: relative;

	z-index: 33;

	color: #3f2a18;

}



.newslist .item .text .p {

	font-size: 16rem;

	line-height: 26rem;

	max-height: 78rem;

	margin-top: 27rem;

	margin-bottom: 69rem;

	overflow: hidden;

	color: #6e6346;

	position: relative;

	z-index: 33;

}



@media (min-width: 1025px) {

	.newslist .item:hover .pic img {

		transform: scale(1.1);

	}

}



.home-zhuhai .home-top .home-title {

	float: left;

}



.home-zhuhai .home-top .p {

	float: right;

	width: 73%;

	font-size: 18rem;

	line-height: 30rem;

	color: #66543f;

	padding-top: 44rem;

}



.home-zhuhai .home-top .p p {

	margin-bottom: 16rem;

}



.home-zhuhai .home-bottom {

	padding-top: 45rem;

}



.swiper-zhuhai .item {

	width: 50%;

	float: left;

}



@media (min-width: 1025px) {

	.swiper-zhuhai .item:hover .pic img {

		transform: scale(1.1);

	}

}



.swiper-zhuhai .pic:after {

	padding-bottom: 54.32432432%;

}



.swiper-zhuhai .text {

	padding-top: 30rem;

}



.swiper-zhuhai .bt {

	font-size: 24rem;

	margin-bottom: 18rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	color: #3f2a18;

}



.swiper-zhuhai .span {

	font-size: 18rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	color: #6e6346;

}



.footer .footer-top {

	border-bottom: 1px solid #464749;

	padding: 46rem 0 40rem 0;

}



.footer .footer-top .left {

	float: left;

}



.footer .footer-top img {

	width: 463rem;

}



.footer .footer-top .right {

	float: right;

}



.footer .footer-top .right a {

	width: 48rem;

	height: 48rem;

	display: block;

	background: url(../images/top.png) no-repeat center center;

	background-size: 47rem;

}



.footer .footer-center {

	padding-top: 85rem;

	padding-bottom: 78rem;

	border-bottom: 1px solid #464749;

}



.footer .footer-center ul li {

	float: left;

	width: 14.28571429%;

	padding-right: 10rem;

	padding-bottom: 16rem;

}



.footer .footer-center ul li a {

	display: block;

	font-size: 18rem;

	line-height: 32rem;

	color: #ffffff;

	margin-bottom: 20rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

}



.footer .footer-center ul li a .txt-2 {

	display: none;

}



@media (min-width: 1025px) {

	.footer .footer-center ul li a:hover {

		text-decoration: underline;

		color: #fff;

	}

}



.footer .footer-center ul li .subnav a {

	font-size: 16rem;

	line-height: 46rem;

	color: #ffffff;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



.footer .footer-center ul li:nth-child(1) {

	width: 15.2%;

}



.footer .footer-center ul li:nth-child(2) {

	width: 15.2%;

}



.footer .footer-center ul li:nth-child(3) {

	width: 15.4%;

}



.footer .footer-center ul li:nth-child(4) {

	width: 15.1%;

}



.footer .footer-center ul li:nth-child(5) {

	width: 18%;

}



.footer .footer-center ul li:nth-child(6) {

	width: 15%;

}



.footer .footer-center ul li:nth-child(7) {

	width: 6%;

	border-right: 0;

	padding-right: 0;

}



.footer-copyright {

	font-size: 16rem;

	line-height: 30rem;

	color: #ffffff;

	padding: 14rem 0;

}



.footer-copyright a {

	color: #ffffff;

}



@media (min-width: 1025px) {

	.footer-copyright a:hover {

		color: #fff;

		text-decoration: underline;

	}

}



#Privacy {

	z-index: 10000;

	position: fixed;

	width: 800px;

	background: #fff;

	border: 4px solid rgba(0, 0, 0, 0.15);

	top: 50%;

	left: 50%;

	margin-top: -264px;

	margin-left: -400px;

	border-radius: 5px;

	font-size: 14px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: none;

}



#Privacy .dialog_header {

	width: 100%;

	position: relative;

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background: #f3f3f3;

}



#Privacy .dialog_header .title {

	width: 100%;

	color: #000;

	font-weight: 700;

	font-size: 16px;

	line-height: 40px;

}



#Privacy .dialog_header .close {

	position: absolute;

	width: 40px;

	height: 40px;

	top: 0;

	right: 0;

	text-align: center;

	line-height: 40px;

	font-size: 22px;

	color: #c5c5c5;

	cursor: pointer;

}



#Privacy .privacy_policy_title {

	font-size: 24px;

	line-height: 1.2;

	text-align: center;

	margin-bottom: 20px;

}



#Privacy .p-1 {

	font-size: 20px;

}



#Privacy .p-2 {

	font-size: 16px;

}



#Privacy .privacy_content {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	width: 100%;

	height: 400px;

	padding: 20px 30px;

	overflow: auto;

}



#Privacy .privacy_footer {

	width: 100%;

	padding: 20px 0;

	text-align: center;

}



#Privacy .close_btn {

	display: inline-block;

	margin: 0 auto;

	width: auto;

	min-width: 200px;

	height: 40px;

	background: var(--main-color);

	color: #fff;

	font-size: 16px;

	text-align: center;

	line-height: 40px;

	cursor: pointer;

}



@media (max-width: 768px) {

	#Privacy {

		width: 100%;

		height: 100%;

		left: 0;

		top: 0;

		margin: 0;

	}

}



@keyframes toSmall {

	from {

		transform: scale(1.2);

	}



	to {

		transform: scale(1);

	}

}



.toSmall {

	animation: toSmall 2s linear;

	animation-fill-mode: forwards;

}



.inbanner {

	color: #fff;

	position: relative;

}



.inbanner img,

.inbanner video {

	margin: 0 auto;

	display: block;

	width: 100%;

	height: 100vh;

	object-fit: cover;

}



.inbanner .img {

	position: relative;

	overflow: hidden;

}



.inbanner .img img {

	-webkit-animation: toSmall 10s alternate;

	animation: toSmall 10s alternate;

}



.inbanner .img1 {

	position: relative;

	overflow: hidden;

	display: none;

}



.inbanner .item {

	position: relative;

	overflow: hidden;

}



.inbanner .banner-hover {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	transform: translateY(-50%);

	z-index: 5;

	text-align: center;

}



.inbanner .banner-hover .home-title {

	margin-bottom: 25rem;

	-webkit-animation: fadeInDown2 2s alternate;

	animation: fadeInDown2 2s alternate;

}



.inbanner .banner-hover .home-title span {

	font-size: 48rem;

}



.inbanner .banner-hover .home-p {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.current {

	color: #fff;

	font-size: 16rem;

	line-height: 24rem;

	position: absolute;

	bottom: 16rem;

	left: 0;

	width: 100%;

}



.current a {

	color: #fff;

	padding: 0 5rem;

}



.current b {

	font-weight: normal;

	padding: 0 5rem;

}



.current span {

	padding-left: 20rem;

	background: url(../images/home.png) no-repeat left 1rem;

	background-size: 20rem;

	display: inline-block;

	vertical-align: top;

}



.content {

	padding: 93rem 0;

	min-height: 600rem;

}



.wenhua {

	padding: 0 !important;

}



.wenhua01 {

	padding: 81rem 0 107rem 0;

	position: relative;

}



.wenhua01 .p {

	font-size: 18rem;

	line-height: 30rem;

	margin-top: 32rem;

}



.wenhua01 .wenhua-bottom {

	position: relative;

	margin-top: 54rem;

}



.wenhua01 .left {

	float: right;

	width: 36%;

}



.wenhua01.wenhua011 .left {

	width: 20%;

}



.wenhua01.wenhua011 .left .pic:after {

	content: '';

	display: block;

	padding-bottom: 133%;

}



.wenhua01 .nr {

	margin-bottom: 20rem;

}



.wenhua01 .right {

	float: left;

	width: 52%;

	padding-top: 116rem;

}

.wenhua01.wenhua011 .right {

	width: 78%;

}



.wenhua01 .right .p {

	font-size: 18rem;

	line-height: 32rem;

	margin-top: 33rem;

	color: #3f2a18;

}



.wenhua01 .wenhua-bottom .swiper {

	overflow: hidden;

	position: relative;

}



.wenhua01 .wenhua-bottom .swiper-button-prev,

.wenhua01 .wenhua-bottom .swiper-button-next {

	width: 76rem;

	height: 80rem;

	z-index: 5;

	margin-top: -40rem;

}



.wenhua01 .wenhua-bottom .swiper-button-prev:after,

.wenhua01 .wenhua-bottom .swiper-button-next:after {

	content: '';

	width: 100%;

	height: 100%;

}



.wenhua01 .wenhua-bottom .swiper-button-prev {

	left: -100rem;

	background: url(../images/prev.png) no-repeat center center;

	background-size: 100%;

}



@media (min-width: 1025px) {

	.wenhua01 .wenhua-bottom .swiper-button-prev:hover {

		background: url(../images/prevh.png) no-repeat center center;

		background-size: 100%;

	}

}



.wenhua01 .wenhua-bottom .swiper-button-next {

	right: -100rem;

	left: auto;

	margin-left: auto;

	background: url(../images/next.png) no-repeat center center;

	background-size: 100%;

}



@media (min-width: 1025px) {

	.wenhua01 .wenhua-bottom .swiper-button-next:hover {

		background: url(../images/nexth.png) no-repeat center center;

		background-size: 100%;

	}

}



.wenhua02 {

	padding: 150rem 0 150rem 0;

	position: relative;

}



.wenhua02 .left {

	float: left;

	width: 28%;

}



.wenhua02 .right {

	float: right;

	width: 70%;

	padding-top: 11rem;

}



.wenhua02 .right .home-title3 span {

	font-size: 32rem;

	line-height: 44rem;

}



.wenhua02 .right .p {

	margin-bottom: 65rem;

}



.wenhua03 {

	padding: 81rem 0 107rem 0;

	position: relative;

}



.wenhua03 .home-title span {

	color: #ebdbbe;

}



.wenhua03 .p {

	font-size: 18rem;

	line-height: 30rem;

	margin-top: 32rem;

	color: #ffffff;

}



.wenhua03 .wenhua-bottom {

	position: relative;

	margin-top: 54rem;

}



.wenhua03 .wenhua-bottom .swiper-wenhua {

	position: relative;

	overflow: hidden;

}



.wenhua03 .wenhua-bottom .swiper-wenhua .item {

	width: 20%;

}



.wenhua03 .wenhua-bottom .swiper-wenhua .item .box {

	width: 100%;

}



.wenhua03 .wenhua-bottom .swiper-wenhua .item .box .pic {

	width: 100%;

}



.wenhua03 .wenhua-bottom .swiper-wenhua .item:nth-child(2n) .box {

	margin-top: 50rem;

}



.wenhua03 .wenhua-bottom .swiper-button-prev,

.wenhua03 .wenhua-bottom .swiper-button-next {

	width: 76rem;

	height: 80rem;

	z-index: 5;

	margin-top: -40rem;

}



.wenhua03 .wenhua-bottom .swiper-button-prev:after,

.wenhua03 .wenhua-bottom .swiper-button-next:after {

	content: '';

	width: 100%;

	height: 100%;

}



.wenhua03 .wenhua-bottom .swiper-button-prev {

	left: -100rem;

	background: url(../images/prev.png) no-repeat center center;

	background-size: 100%;

}



@media (min-width: 1025px) {

	.wenhua03 .wenhua-bottom .swiper-button-prev:hover {

		background: url(../images/prevh.png) no-repeat center center;

		background-size: 100%;

	}

}



.wenhua03 .wenhua-bottom .swiper-button-next {

	right: -100rem;

	left: auto;

	margin-left: auto;

	background: url(../images/next.png) no-repeat center center;

	background-size: 100%;

}



@media (min-width: 1025px) {

	.wenhua03 .wenhua-bottom .swiper-button-next:hover {

		background: url(../images/nexth.png) no-repeat center center;

		background-size: 100%;

	}

}



.wenhua04 img,

.wenhua04 video {

	display: block;

}



.wenhua05 {

	padding: 81rem 0 107rem 0;

	position: relative;

}



@media (max-width: 1200px) {

	.wenhua05 {

		padding: 40px 0;

	}

}



.productlist {

	margin: 0 -8rem;

}



.productlist li {

	width: 25%;

	float: left;

	padding: 0 8rem;

	margin-bottom: 16rem;

}



.productlist li .box {

	position: relative;

}



.productlist li .pic:after {

	padding-bottom: 136.48648649%;

}



.productlist li .bt {

	font-size: 24rem;

	text-align: center;

	line-height: 51rem;

	color: #ffffff;

	padding: 0 10rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 33;

	width: 100%;

	background: rgba(0, 0, 2, 0.6);

}



@media (min-width: 1025px) {

	.productlist li:hover .pic img {

		transform: scale(1.1);

	}



	.productlist li:hover .bt {

		background: rgba(198, 94, 12, 0.6);

	}

}



.contact {

	padding: 0 !important;

}



.contact01 {

	padding: 72rem 0 73rem 0;

	background: #ffffff;

}



.contact01 .span {

	font-size: 24rem;

	margin-top: 43rem;

	margin-bottom: 10rem;

	color: #0d0b0a;

}



.contact01 .p {

	font-size: 18rem;

	line-height: 32rem;

	color: #0d0b0a;

}



.contact01 .contact-bottom {

	padding-top: 43rem;

}



.contact01 .contact-bottom ul {

	margin: 0 -20rem;

	display: flex;

	flex-wrap: wrap;

}



.contact01 .contact-bottom ul li {

	width: 25%;

	float: left;

	padding: 0 20rem;

	margin-bottom: 16rem;

	text-align: center;

	cursor: pointer;

}



.contact01 .contact-bottom ul li .pic {

	width: 78rem;

	margin: 0 auto;

	background: #8a4a22;

	border-radius: 50%;

}



.contact01 .contact-bottom ul li .pic .mh {

	display: none;

}



.contact01 .contact-bottom ul li .box {

	padding: 29rem 34rem 20rem 34rem;

	height: 100%;

	background: #f0f0f0;

}



.contact01 .contact-bottom ul li .text {

	padding-top: 17rem;

}



.contact01 .contact-bottom ul li .bt {

	font-size: 24rem;

	margin-bottom: 17rem;

	color: #8a4a22;

}



.contact01 .contact-bottom ul li .jsh {

	font-size: 18rem;

	line-height: 28rem;

	color: #231203;

}



.contact01 .contact-bottom ul li .jsh a {

	color: #231203;

}



@media (min-width: 1025px) {

	.contact01 .contact-bottom ul li:hover .pic {

		background: #ebdabc;

	}



	.contact01 .contact-bottom ul li:hover .pic .m {

		display: none;

	}



	.contact01 .contact-bottom ul li:hover .pic .mh {

		display: block;

	}



	.contact01 .contact-bottom ul li:hover .box {

		background: #171615;

	}



	.contact01 .contact-bottom ul li:hover .bt {

		color: #e8dabe;

	}



	.contact01 .contact-bottom ul li:hover .jsh {

		color: #e8dabe;

	}



	.contact01 .contact-bottom ul li:hover .jsh a {

		color: #e8dabe;

	}

}



.contact01 .contactlist {

	text-align: center;

	padding-top: 65rem;

}



.contact01 .contactlist ul li {

	display: inline-block;

	vertical-align: top;

	margin: 0 50rem;

}



.contact01 .contactlist ul li .box {

	font-family: '宋体';

	font-size: 20rem;

	line-height: 32rem;

	color: #8a4a22;

	text-align: center;

	position: relative;

	cursor: pointer;

}



.contact01 .contactlist ul li .box .img img {

	display: block;

	height: 70rem;

	margin: 0 auto;

}



.contact01 .contactlist ul li .box .bt {

	margin-top: 24rem;

}



.contact01 .contactlist ul li .box .down {

	display: none;

	color: #666;

	font-size: 14rem;

	align-items: center;

	width: 114rem;

	cursor: initial;

	position: absolute;

	top: 100%;

	left: 50%;

	z-index: 333;

	margin-left: -57rem;

}



.contact01 .contactlist ul li .box .down .ewm {

	width: 114rem;

	background: url(../images/bg12.png) no-repeat top center;

	background-size: 100%;

	height: 122rem;

	padding: 13rem 5rem;

	position: relative;

}



.contact01 .contactlist ul li .box .down .ewm img {

	display: block;

}





.contact02 {

	padding: 72rem 0 73rem 0;

	font-size: 18rem;

	background: #ffffff;

}

.contact02 table {

	color: #0d0b0a;

}

.contact02 table tr th {

	font-weight: Bold;

	border: 1rem solid #eaeaea;

	font-size: 24rem;

	text-align: center;

	padding: 10rem;

}

.contact02 table tr td {

	border: 1rem solid #eaeaea;

	padding: 10rem;

	text-align: center;

}



.contact02 table tr td img {

	max-height: 150rem;

}



.contact03 {

	padding: 76rem 0 78rem 0;

	position: relative;

}



.contact03 .inside-message {

	width: 99%;

	margin: 0 auto;

	margin-top: 52rem;

	padding: 69rem 20rem 45rem 20rem;

	background: #ffffff;

	box-shadow: 0rem 0rem 33rem 0rem rgba(220, 237, 255, 0.55);

}



.contact03 .inside-message .list {

	position: relative;

}



.contact03 .inside-message li {

	width: 25%;

	float: left;

	padding: 0 10rem 18rem 10rem;

	position: relative;

}



.contact03 .inside-message .box {

	position: relative;

}



.contact03 .input-form,

.contact03 select,

.contact03 textarea {

	height: 35rem;

	width: 100%;

	border: none;

	border-bottom: 1rem solid #eaeaea;

	background: none;

	font-size: 16rem;

	padding-left: 33rem;

	color: #959595;

}



.contact03 .red {

	position: absolute;

	top: 0;

	left: 0;

	font-size: 16rem;

	line-height: 35rem;

	color: #333333;

}



.contact03 .red font {

	color: #ff0000;

}



.contact03 .red img {

	width: 20rem;

	display: inline-block;

	vertical-align: top;

	margin-top: 8rem;

	margin-right: 4rem;

}



.contact03 .verifyDiv {

	float: left;

}



.contact03 .span {

	color: #ff0000;

	display: block;

	padding-left: 18rem;

}



.contact03 .span span {

	font-size: 16rem;

	line-height: 43rem;

	color: #08060b;

}



.contact03 textarea {

	padding-top: 4rem;

	height: 137rem;

	padding-left: 33rem;

}



.contact03 .more3 {

	float: right;

}



.contact03 .btn2 {

	margin-top: 27rem;

}



.more3 a {

	width: 256rem;

	line-height: 57rem;

	background: var(--main-color);

	border-radius: 28rem;

	font-size: 17rem;

	display: block;

	text-align: center;

	color: #ffffff;

}



.verify-wrap {

	width: 390rem !important;

	height: 57rem;

	background-color: #e5e5e5;

	position: relative;

}



.verify-wrap .drag-btn {

	position: absolute;

	left: 0;

	top: 0;

	width: 57rem;

	height: 57rem;

	background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;

	background-size: 18rem;

	z-index: 2;

	cursor: move;

	border: 1px solid #e1e1e1;

}



.verify-wrap .suc-drag-btn {

	background: #ffffff url(../images/drag-success.svg?t=1) no-repeat center center;

	background-size: 22rem;

	border: 1px solid #e1e1e1;

}



.verify-wrap .drag-progress {

	position: absolute;

	left: 0;

	top: 0;

	height: 57rem;

	width: 0;

	background-color: var(--hover-color);

	color: #fff;

	font-size: 16rem;

	text-align: center;

	line-height: 55rem;

}



.verify-wrap .fix-tips,

.verify-msg {

	width: 100%;

	position: absolute;

	right: 0;

	left: 0;

	height: 100%;

	color: #51555c;

	z-index: 1;

	line-height: 55rem;

	font-size: 14rem;

	text-align: center;

	padding-left: 50rem;

}



.verify-wrap .verify-msg {

	background-color: var(--hover-color);

	color: #fff;

	display: none;

	padding-left: 0;

	padding-right: 55rem;

}



.news {

	padding: 82rem 0;

}



.news-banner {

	padding-right: 560rem;

	position: relative;

	margin-bottom: 66rem;

}



.news-banner .newsbanner {

	position: relative;

	overflow: hidden;

}



.news-banner .newsbanner .pic:after {

	padding-bottom: 57.0083682%;

}



.news-banner .list {

	width: 560rem;

	background-color: #ffffff;

	box-shadow: 0rem 0rem 24rem 0rem rgba(152, 152, 152, 0.14);

	height: 100%;

	z-index: 5;

	position: absolute;

	top: 0;

	right: 0;

}



.news-banner .list li {

	position: relative;

	display: flex;

	padding: 0 12%;

	height: 20%;

	color: #fff;

	flex-direction: column;

	justify-content: center;

	border-bottom: 1px dotted #dabfa2;

}



.news-banner .list li:last-child {

	border-bottom: 0;

}



.news-banner .list li h4 {

	position: relative;

	z-index: 4;

	font-size: 24rem;

	line-height: 33rem;

	max-height: 66rem;

	overflow: hidden;

	color: #3d1c10;

	font-family: '宋体';

}



.news-banner .list li.active:after {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 0;

	width: 591rem;

	height: 108rem;

	background: url(../images/nav-text-bg.png) no-repeat center center;

	background-size: 100%;

	content: '';

}



.news-banner .list li.active h4 {

	color: #fff;

}



.news-banner .list li.active time {

	opacity: 1;

}



.news-banner .item a {

	display: block;

	height: 100%;

	position: relative;

}



.news-banner .item a .bt {

	position: absolute;

	bottom: 20px;

	left: 0;

	width: 100%;

	padding: 0 20px;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	font-size: 16px;

	line-height: 37px;

	color: #c65e0c;

	opacity: 0;

}



@media (min-width: 1025px) {

	.news-banner .item a:hover .pic img {

		transform: scale(1.1);

	}

}



.news-banner .item a:after {

	position: absolute;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 10;

	display: block;

	height: 25%;

	background: url(../images/bamask.png) no-repeat bottom center;

	background-size: 100% 100%;

	content: '';

}



.news-banner .pagin {

	position: absolute;

	bottom: 30rem;

	left: 5%;

	z-index: 5;

	width: auto;

	text-align: center;

}



.news-banner .pagin span {

	display: inline-block;

	margin: 0 10rem !important;

	width: 10rem;

	height: 10rem;

	background: #fff;

}



.news-banner .pagin span.swiper-pagination-bullet-active {

	opacity: 1;

}



.news-banner .newsTab {

	margin-bottom: 10rem;

}



.newslist1 {

	margin: 0 -15rem;

}



.newslist1 .item {

	float: left;

	/* width: 33.33333333%; */

	padding: 0 15rem;

	margin-bottom: 49rem;

	width: 100%;

}



.newslist1 .item .box {

	border-bottom: 1px solid #d7d7d7;

}



.newslist1 .item .text {

	padding: 37rem 0;

}



.newslist1 .item .bt {

	font-size: 24rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	margin-bottom: 22rem;

	color: #3f2a18;

}



.newslist1 .item .txt {

	font-size: 16rem;

	line-height: 24rem;

	margin-bottom: 10rem;

	height: 48rem;
	overflow: hidden;

}



.newslist1 .item .date {

	font-size: 16rem;

	line-height: 24rem;

	color: #8a4a22;

}



.newslist1 .item .pic:after {

	padding-bottom: 56.99588477%;

}



@media (min-width: 1025px) {

	.newslist1 .item:hover .pic img {

		transform: scale(1.1);

	}

}



.page {

	clear: both;

	text-align: center;

	font-size: 0;

	color: #947d58;

}



.page em {

	font-style: normal;

	font-size: 18px;

}



.page a {

	color: #3f2a18;

	display: inline-block;

	text-align: center;

	font-size: 14px;

	min-width: 42px;

	line-height: 42px;

	text-transform: uppercase;

	height: 42px;

	border-radius: 40px;

	margin: 0 8px;

	padding: 0 5px;

	vertical-align: top;

	-webkit-box-shadow: 0 0 0 1px var(--main-color);

}



.page a span {

	display: block;

}



.page a.cur,

.page a:hover {

	background: var(--main-color);

	-webkit-box-shadow: 0 0 0 1px var(--main-color);

	color: #fff;

}



.page a.prev,

.page a.next {

	color: #858585;

}



.page a.prev {

	padding-left: 24px;

	margin-right: 5px;
	padding-right: 20px;

}



.page a.prev span {

	background: url(../images/prev-01.png) no-repeat left center;

	background-size: 6px;
	padding-left: 10px;

}



.page a.prev:hover {

	color: #fff;

}



.page a.prev:hover span {

	background: url(../images/prev-02.png) no-repeat left center;

	background-size: 6px;

}



.page a.next {

	padding-right: 24px;

	margin-left: 5px;

	padding-left: 20px;
}



.page a.next span {

	background: url(../images/next-01.png) no-repeat right center;

	background-size: 6px;
	padding-right: 10px;
}



.page a.next:hover {

	color: #fff;

}



.page a.next:hover span {

	background: url(../images/next-02.png) no-repeat right center;

	background-size: 6px;

}



@media (max-width: 768px) {



	.page a,

	.page em {

		display: none;

	}



	.page a.prev,

	.page a.next {

		display: inline-block;

	}

}



.partner-bottom {

	margin-top: 28rem;

	padding-bottom: 49rem;

}



.partner-bottom .picMarquee-top {

	position: relative;

	overflow: hidden;

	height: 329rem;

	margin-bottom: 35rem;

}



.partner-bottom .partentlist li {

	width: 483rem;

	height: 329rem;

	border-radius: 20rem;

	float: left;

	margin-right: 20rem;

	background-color: #ffffff;

	overflow: hidden;

}



.partner-bottom .partentlist li a {

	display: block;

	overflow: hidden;

}



.partner-bottom .partentlist li .pic:after {

	padding-bottom: 68.11594203%;

}



.partner-bottom .partentlist li .pic .mh {

	display: none;

}



@media (min-width: 1025px) {

	.partner-bottom .partentlist li:hover .pic img {

		transform: scale(1.1);

	}

}



.news-show {

	padding: 78rem 0 0 0;

}



.h1 {

	font-size: 42rem;

	color: #0d0b0a;

}



.h2 {

	border-top: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

	padding: 21rem 0;

	margin-top: 25rem;

}



.news-info {

	font-size: 18rem;

	line-height: 34rem;

	color: #66543f;

	padding: 51rem 0;

}



.return {

	overflow: hidden;

	float: right;

}



.return a {

	font-size: 18rem;

	color: #fff;

	text-align: center;

	padding: 0 25rem;

	width: 206rem;

	line-height: 46rem;

	background-color: var(--main-color);

	display: block;

}



@media (min-width: 1025px) {

	.return a:hover {

		color: #fff;

		background: var(--hover-color);

	}

}



.list-page-news {

	border-top: solid 1px #d9d9d9;

	margin-bottom: 30rem;

	margin-top: 41rem;

}



.list-page-news ul {

	overflow: hidden;

}



.list-page-news ul li {

	float: left;

	width: 100%;

	padding: 20rem 0;

	border-bottom: 1px solid #d9d9d9;

}



.list-page-news ul li a {

	display: block;

	line-height: 28rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

	font-size: 20rem;

	color: #66543f;

	position: relative;

	padding-left: 127rem;

}



.list-page-news ul li a span {

	line-height: 28rem;

	color: #222222;

	position: absolute;

	top: 0;

	left: 0;

	width: 80rem;

	background: url(../images/prev1.png) no-repeat center right;

	background-size: 9rem;

}



@media (min-width: 1025px) {

	.list-page-news ul li:hover a {

		color: var(--main-color);

	}

}



.list-page-news ul li:nth-child(2) a span {

	background: url(../images/next1.png) no-repeat center right;

	background-size: 9rem;

}



.biaoqian {

	font-size: 18rem;

	color: #666;

	line-height: 37rem;

}



.biaoqian span {

	display: block;

	float: left;

	color: #333333;

}



.biaoqian a {

	display: block;

	float: left;

	margin-left: 15rem;

	line-height: 40rem;

	font-size: 18rem;

	padding: 0 45rem;

	border-radius: 30rem;

	color: #fff;

	background-color: var(--main-color);

	text-align: center;

}



@media (min-width: 1025px) {

	.biaoqian a:hover {

		background: var(--hover-color);

	}

}



.related {

	padding: 20rem 0;

	position: relative;

	overflow: hidden;

}



.related .newslist1 {

	margin: 0;

	padding-top: 51rem;

}



.related .newslist1 .item {

	padding: 0;

}



.related .productlist {

	margin: 0;

	padding-top: 51rem;

}



.related .productlist .item {

	padding: 0;

}



.product-show {

	padding: 0 0 58rem 0 !important;

	background: #fff;

}



.ps01 {

	padding: 182rem 0 114rem 0;

	margin-bottom: 49rem;

}



.ps01 .current1 {

	position: relative;

	bottom: auto;

	left: auto;

}



.ps01 .nr {

	padding-top: 64rem;

}



.ps01 .nr .left {

	float: left;

	position: relative;

	overflow: hidden;

	width: 43%;

}



.ps01 .nr .left .pic:after {

	padding-bottom: 136.96969697%;

}



.ps01.ps02 .nr .left .pic:after {

	padding-bottom: 94.96969697%;

}



.ps01 .nr .left .mySwiper2 {

	position: relative;

	overflow: hidden;

	margin: 0 auto;

}



.ps01 .nr .left .swiper-button-prev,

.ps01 .nr .left .swiper-button-next {

	width: 46rem;

	height: 46rem;

	line-height: 46rem;

	text-align: center;

	z-index: 5;

	border-radius: 50%;

	margin-top: -23rem;

	background: rgba(0, 0, 0, 0.5);

}



.ps01 .nr .left .swiper-button-prev:after,

.ps01 .nr .left .swiper-button-next:after {

	font-size: 16rem;

	color: #fff;

}



@media (min-width: 1025px) {



	.ps01 .nr .left .swiper-button-prev:hover,

	.ps01 .nr .left .swiper-button-next:hover {

		background: var(--main-color);

	}

}



.ps01 .nr .left .swiper-button-prev {

	left: 10rem;

}



.ps01 .nr .left .swiper-button-next {

	right: 10rem;

	left: auto;

}



.ps01 .nr .right {

	float: right;

	width: 52%;

	padding-right: 11rem;

}



.ps01 .nr .right .bt {

	font-size: 40rem;

	line-height: 42rem;

	border-bottom: 1px solid #d5d5d5;

	padding-bottom: 13rem;

	margin-bottom: 10rem;

	color: #e8dabe;

}



.ps01 .nr .right .bt img {

	width: 70rem;

	display: inline-block;

	vertical-align: top;

}



.ps01 .nr .right .h3 {

	font-size: 28rem;

	font-weight: lighter;

	line-height: 45rem;

	margin-bottom: 7rem;

	color: #e8dabe;

}



.ps01 .nr .right .span {

	font-size: 20rem;

	margin-bottom: 40rem;

	font-weight: lighter;

	color: #e8dabe;

}



.ps01 .nr .right .p {

	font-size: 18rem;

	line-height: 36rem;

	font-weight: lighter;

	color: #e8dabe;

}



.ps01 .nr .right .p p {

	margin-bottom: 17rem;

}



.ps01 .nr .right .li {

	margin: 60rem 0 0 0;

	overflow: hidden;

	position: relative;

}



.ps01 .nr .right .mySwiper1 {

	overflow: hidden;

	position: relative;

}



.ps01 .nr .right .mySwiper1 .swiper-slide {

	width: 20%;

}



.ps01 .nr .right .mySwiper1 .pic {

	border: solid 1px #dddddd;

}



.ps01 .nr .right .mySwiper1 .pic:after {

	padding-bottom: 136.96969697%;

}



.ps01 .nr .right .mySwiper1 .swiper-slide-thumb-active .pic {

	border: solid 1px var(--main-color);

}



.keji01 .info {

	float: left;

	width: 42%;

}



.keji01 .bt {

	font-size: 40rem;

	line-height: 77rem;

	color: #8a4a22;

	margin-bottom: 31rem;

}



.keji01 .bt span {

	font-size: 60rem;

	color: #8a4a22;

}



.keji01 .p {

	font-size: 18rem;

	line-height: 36rem;

	color: #8a4a22;

}



.keji02 {

	top: 6%;

	transform: none;

}



.keji02 .bt {

	font-size: 40rem;

	margin-bottom: 34rem;

	color: #c65e0c;

}



.keji02 .p {

	font-size: 18rem;

	line-height: 30rem;

	color: #66543f;

}



.keji02 .p p {

	margin-bottom: 16rem;

}



.keji03 .bt1 {

	font-size: 40rem;

	line-height: 47rem;

	color: #c65e0c;

	font-weight: bold;

}



.keji03 .bt1 span {

	font-size: 40rem;

	font-weight: normal;

	margin-left: 20rem;

	color: rgba(255, 255, 255, 0);

	text-stroke: 1px #ffffff;

	-webkit-text-stroke: 1px #ffffff;

}



.keji03 .keji-bottom {

	padding-top: 46rem;

}



.keji03 .list li {

	float: left;

	width: 22.5%;

	transition: 0.5s;

}



.keji03 .list li a {

	display: block;

	overflow: hidden;

}



.keji03 .list li .box {

	height: 663rem;

	overflow: hidden;

	position: relative;

}



.keji03 .list li .box .txt_box {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

	background: url(../images/bg21.png) no-repeat bottom center;

}



.keji03 .list li .box .bt {

	font-size: 24rem;

	line-height: 37rem;

	color: #fffeff;

}



.keji03 .list li .box .p {

	font-size: 18rem;

	line-height: 32rem;

	color: #ffffff;

	overflow: hidden;

	transition: 0.5s;

}



.keji03 .list li .box .hover {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 43rem 30rem;

	text-align: center;

}



.keji03 .list li .box .text {

	position: absolute;

	bottom: 12rem;

	left: 0;

	right: 36rem;

	width: 100%;

	opacity: 0;

	padding: 0 40rem;

}



.keji03 .list li .box .text .bt {

	margin-bottom: 6rem;

}



.keji03 .list li .box .text .p {

	overflow: hidden;

}



.keji03 .list .active {

	width: 55%;

}



.keji03 .list .active .box .hover {

	display: none;

}



.keji03 .list .active .box .text {

	opacity: 1;

	bottom: 27rem;

	transition: all 0.8s ease;

}



.keji04 .info {

	float: left;

	width: 58%;

}



.keji04 .bt {

	font-size: 40rem;

	color: #c65e0c;

	margin-bottom: 18rem;

}



.keji04 .span {

	font-size: 24rem;

	margin-bottom: 28rem;

	color: #c65e0c;

}



.keji04 .p {

	font-size: 18rem;

	line-height: 32rem;

	color: #ffffff;

}



.keji04 .p p {

	margin-bottom: 17rem;

}



.keji05 .bt1 {

	font-size: 40rem;

	line-height: 47rem;

	margin-bottom: 29rem;

	color: #c65e0c;

	font-weight: bold;

}



.keji05 .bt1 span {

	font-size: 40rem;

	font-weight: normal;

	margin-left: 20rem;

	color: rgba(255, 255, 255, 0);

	text-stroke: 1px #ffffff;

	-webkit-text-stroke: 1px #ffffff;

}



.keji05 .span {

	font-size: 16rem;

	line-height: 32rem;

	margin-bottom: 35rem;

	color: #ffffff;

}



.keji05 .keji-bottom ul {

	margin: 0 -9rem;

	display: flex;

	flex-wrap: wrap;

}



.keji05 .keji-bottom ul li {

	width: 20%;

	float: left;

	padding: 10rem 9rem;

}



.keji05 .keji-bottom ul li a {

	display: block;

	padding: 8rem 0;

	height: 100%;

	transition: 0.5s;

}



.keji05 .keji-bottom ul li .box {

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

	border: solid 1px #ffffff;

	height: 100%;

	padding: 20rem 15rem;

	overflow: hidden;

}



.keji05 .keji-bottom ul li .box .pic {

	width: 50rem;

	display: inline-block;

	vertical-align: middle;

	margin-right: 10rem;

}



.keji05 .keji-bottom ul li .box .bt {

	font-size: 21rem;

	font-weight: bold;

	line-height: 32rem;

	margin-bottom: 38rem;

	color: #ffffff;

}



.keji05 .keji-bottom ul li .box .p {

	font-size: 17rem;

	line-height: 28rem;

	height: 168rem;

	overflow: hidden;

	color: #ffffff;

}



@media (min-width: 1025px) {

	.keji05 .keji-bottom ul li:hover a {

		padding: 0;

	}



	.keji05 .keji-bottom ul li:hover .box {

		background: rgba(5, 17, 35, 0.43);

		box-shadow: 0 0 10rem rgba(255, 255, 255, 0.5);

	}

}



.keji06 .box {

	position: relative;

}



.keji06 .img {

	border: solid 2px #80613e;

	padding: 15rem;

}



.keji06 .img img {

	display: block;

}



.keji06 .hover {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 3333;

	background: url(../images/bofang.png) no-repeat center center;

	background-size: 126rem;

}



.keji07 .swiper-cangchu .swiper-pagination {

	bottom: 20rem;

	text-align: left;

	padding: 0 30rem;

}



.keji07 .swiper-cangchu .swiper-pagination .swiper-pagination-bullet {

	width: 9rem;

	height: 9rem;

	background: #8a4a22;

	border-radius: 50%;

	margin: 0 6rem;

	position: relative;

	overflow: hidden;

	opacity: 1;

}



.keji07 .swiper-cangchu .swiper-pagination .swiper-pagination-bullet:after {

	position: absolute;

	top: 0;

	width: 0;

	height: 100%;

	content: '';

	background: #fff;

	left: 0;

}



.keji07 .swiper-cangchu .swiper-pagination .swiper-pagination-bullet-active {

	background: #dd4e1e;

}



.keji07 .newslist .item .info {

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 32rem 60rem;

}



.keji07 .newslist .item .text .bt {

	font-size: 40rem;

	color: #c65e0c;

}



.keji07 .newslist .item .text .p {

	font-size: 18rem;

	max-height: 320rem;

	line-height: 32rem;

	margin-bottom: 0;

	color: #3f2a18;

}



.keji07 .newslist .item .text .p p {

	margin-bottom: 32rem;

}



.tanchuvideo {

	z-index: 10000;

	position: fixed;

	width: auto;

	background: #fff;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	font-size: 14px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: none;

}



.tanchuvideo .close {

	position: absolute;

	width: 38rem;

	height: 38rem;

	border-radius: 50%;

	top: 40rem;

	right: 40rem;

	text-align: center;

	background: #ffffff url(../images/closed.png) no-repeat center center;

	background-size: 12rem;

	cursor: pointer;

	z-index: 3333;

}



.tanchuvideo video {

	display: block;

	width: 100%;

	max-height: 92vh;

	object-fit: cover;

}



@media (max-width: 768px) {

	.tanchuvideo {

		width: 100%;

	}

}



.tanchu {

	z-index: 10000;

	position: fixed;

	width: auto;

	background: #fff;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	font-size: 14px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: none;

	width: 100%;

	height: 100%;

	padding: 5vh 0;

}



.tanchu .close {

	position: absolute;

	width: 38rem;

	height: 38rem;

	border-radius: 50%;

	top: 40rem;

	right: 40rem;

	text-align: center;

	background: #ffffff url(../images/closed.png) no-repeat center center;

	background-size: 30rem;

	cursor: pointer;

	z-index: 3333;

}



.tanchu .box {

	overflow: auto;

	max-height: 90vh;

}



.tanchu .bt {

	font-size: 40rem;

	margin-bottom: 20rem;

	color: #c65e0c;

}



.tanchu .item {

	display: flex;

}



.tanchu .item .img {

	width: 40%;

	float: left;

}



.tanchu .item .nr {

	font-size: 18rem;

	width: 55%;

	padding-left: 30rem;

	float: right;

}



.tanchu .item .nr p {

	padding: 15rem 0;

}



.tanchu .item-table {

	padding-top: 30rem;

	font-size: 18rem;

}



.tanchu .item-table p {

	padding: 15rem 0;

}



.tanchu .item-table .title {

	color: #333841;

	padding-bottom: 30rem;

	font-size: 24rem;

	font-weight: 700;

}



.tanchu .item-table table,

.tanchu .item-table th,

.tanchu .item-table td {

	border: 0;

	text-align: left;

	font-size: 17rem;

	color: #333841;

	border: 1px solid #d5d5d5;

}



.tanchu .item-table th,

.tanchu .item-table td {

	padding: 20rem;

}



.tanchu .item-table .bg0 {

	background: #fff;

}



.tanchu .item-table .index-more {

	margin-top: 40rem;

}



.tanchu .item-table .index-more a {

	min-width: 180rem;

	font-size: 14rem;

	height: 38rem;

	line-height: 36rem;

}



@media (max-width: 768px) {

	.tanchu {

		width: 100%;

	}

}



.inbanner01 .home-p {

	font-size: 48rem;

	color: #ffffff;

}



.inbanner01 .banner-hover .home-title span {

	color: #ffffff;

}



.about01 {

	background-position: center top;

	background-repeat: no-repeat;

	background-size: cover;

	color: #fff;

}



.about01 .container {

	position: relative;

}



.about01 .home-title {

	font-weight: normal;

	position: absolute;

	top: 20rem;

	left: 0;

}



.about01 .home-title span {

	background: none;

	padding: 0;

	color: #fff;

	height: auto;

}



.about01 a {

	color: inherit;

}



.about01 .line {

	width: 1562rem;

	height: 510rem;

	background-position: left top;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	z-index: 0;

	left: 50%;

	transform: translateX(-50%);

	top: 80rem;

}



.about01 .line span {

	width: 100%;

	height: 100%;

	background-position: left top;

	background-repeat: no-repeat;

	background-size: cover;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	transition: 0.5s;

}



.about01 .menuTabs {

	position: relative;

}



.about01 .menuTabs .swiper-wrapper .swiper-slide {

	display: flex;

	flex-wrap: wrap;

	width: 14.28571429%;

}



.about01 .menuTabs .year {

	line-height: 1;

	font-size: 24rem;

	font-weight: 700;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}



.about01 .menuTabs .year .icon {

	display: inline-flex;

	width: 23rem;

	height: 25rem;

	margin-right: 10rem;

}



.about01 .menuTabs .item {

	cursor: pointer;

	padding-bottom: 80rem;

	opacity: 0.6;

}



.about01 .menuTabs .item:hover {

	opacity: 0.8;

}



.about01 .menuTabs .active,

.about01 .menuTabs .active2 {

	opacity: 1;

}



.about01 .menuTabs .item-1 {

	padding-top: 348rem;

}



.about01 .menuTabs .item-2 {

	padding-top: 288rem;

}



.about01 .menuTabs .item-3 {

	padding-top: 230rem;

}



.about01 .menuTabs .item-4 {

	padding-top: 170rem;

	padding-left: 40rem;

}



.about01 .menuTabs .item-5 {

	padding-top: 100rem;

}



.about01 .menuTabs .item-6 {

	padding-top: 50rem;

}



.about01 .menuTabs .item-7 {

	padding-top: 0;

}



.about01 .menuTabs .swiper-button-next,

.about01 .menuTabs .swiper-button-prev {

	color: #fff;

	z-index: 9999;

	top: initial;

	bottom: -190rem;

}



.about01 .menuTabs .swiper-button-next::after,

.about01 .menuTabs .swiper-button-prev::after {

	font-size: 24rem;

}



.about01 .menuTabs .swiper-button-prev {

	left: 70rem;

}



.about01 .menuTabs .swiper-button-next {

	right: 70rem;

}



.about01 .conTabs {

	text-align: left;

	max-width: 1150px;

	margin: auto;

	position: relative;

	z-index: 9;

}



.about01 .conTabs .item {

	display: none;

}



.about01 .conTabs .item.show {

	display: block;

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}



.about01 .conTabs .item .left {

	width: 50%;

	float: left;

}



.about01 .conTabs .item .right {

	float: right;

	width: 43%;

	padding: 0 65rem;

	padding-bottom: 77rem;

	background: url(../images/honor-img1.png) no-repeat bottom center;

	background-size: 100%;

}



.about01 .conTabs .item .right .pic:after {

	padding-bottom: 76.30769231%;

}



.about01 .conTabs .year {

	font-size: 70rem;

	font-weight: 700;

	line-height: 1;

	color: var(--sub-color);

	margin-bottom: 20rem;

}



.about01 .conTabs .info {

	font-size: 20rem;

	line-height: 2;

}



.about02 .info {

	background: url(../images/yin.png) no-repeat top left;

	background-size: 68rem;

	padding-top: 91rem;

}



.about02 .info .bt {

	font-size: 42rem;

	margin-bottom: 30rem;

	color: #ffffff;

}



.about02 .info .span {

	font-size: 20rem;

	margin-bottom: 44rem;

	color: #ffffff;

}



.about02 .info .jsh {

	font-size: 16rem;

	line-height: 32rem;

	color: #ffffff;

}



.about02 .info .jsh p {

	margin-bottom: 16rem;

}



.about03 .p {

	font-size: 72rem;

	line-height: 70rem;

	font-weight: bold;

	color: rgba(255, 255, 255, 0.35);

	text-stroke: 1px rgba(255, 255, 255, 0.5);

	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

}



.about03 .info {

	width: 57.5%;

	float: right;

	padding-top: 20rem;

}



.about03 .bt {

	font-size: 42rem;

	color: #ffffff;

}



.about03 .span {

	font-size: 16rem;

	margin-top: 10rem;

	margin-bottom: 25rem;

	font-weight: bold;

	color: rgba(255, 255, 255, 0.3);

}



.about03 .jsh {

	font-size: 20rem;
	margin-top: 10rem;
	margin-bottom: 43rem;

	color: #ffffff;

}



.about03 .pp {

	font-size: 16rem;

	line-height: 32rem;

	color: #ffffff;

}



.about04 .info {

	background-color: rgba(95, 72, 35, 0.5);

	border: dashed 1px #f7f7f7;

	width: 56%;

	padding: 95rem 80rem;

}



.about04 .bt {

	font-size: 42rem;

	margin-bottom: 44rem;

	color: #ffffff;

}



.about04 .p {

	font-size: 16rem;

	line-height: 32rem;

	color: #ffffff;

}



.about05 .container {

	margin-right: auto;

	margin-left: auto;

	width: 1800rem;

}



.about05 .h3 {

	font-size: 40rem;

	margin-bottom: 18rem;

	color: #c65e0c;

}



.about05 .hspan {

	font-size: 18rem;

	line-height: 37rem;

	color: #66543f;

}



.about05 .swiper-team {

	margin-top: 37rem;

	position: relative;

	overflow: hidden;

}



.about05 .swiper-button-prev,

.about05 .swiper-button-next {

	width: 36px;

	height: 36px;

	border-radius: 50%;

	margin-top: -18px;

	background: #e9e9e9 url(../images/prev1.png) no-repeat center center;

	background-size: 13px;

	left: 10px;

}



.about05 .swiper-button-prev:after,

.about05 .swiper-button-next:after {

	display: none;

}



.about05 .swiper-button-next {

	background: #e9e9e9 url(../images/next1.png) no-repeat center center;

	background-size: 13px;

	left: auto;

	right: 10px;

}



.item-list {

	margin: 0 -8rem;

	overflow: hidden;

	position: relative;

	display: flex;

}



@media (min-width: 1025px) {

	.item-list:hover .itemli {

		width: 13.5% !important;

	}

}



.item-list .itemli {

	padding: 0 8rem;

	float: left;

	width: 16.66666667%;

	transition: 0.5s;

	flex: 1;

}



.item-list .itemli .box {

	height: 538rem;

	border-radius: 12rem;

	overflow: hidden;

	position: relative;

}



.item-list .itemli .box .text {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 0 20rem 23rem 20rem;

}



.item-list .itemli .box .text .bt {

	font-size: 24rem;

	color: #ffffff;

	line-height: 42rem;

	text-overflow: ellipsis;

	white-space: nowrap !important;

	overflow: hidden;

}



.item-list .itemli .box .text .p {

	font-size: 18rem;

	line-height: 32rem;

	color: #ffffff;

	/* max-height: 192rem; */

	overflow: hidden;

}



.item-list .itemli .box .text .p .txt {

	display: none;

}



@media (min-width: 1025px) {

	.item-list .itemli:hover {

		width: 32% !important;

		flex: 0 0 500rem;

	}





	.item-list .itemli:hover .box .text {

		padding: 0 20rem 23rem 20rem;

	}



	.item-list .itemli:hover .box .text .bt {

		font-size: 32rem;

	}

	.item-list .itemli:hover .box .text .p .txt {

		display: block;

	}

}



@media (max-width: 1600px) {

	.about01 .conTabs {

		max-width: 950px;

		margin-top: -40rem;

	}



	.keji03 .list li .box {

		height: 603rem;

	}

}



@media (max-width: 1300px) {

	.home-keji .home-bottom {

		padding-top: 21rem;

	}



	.about01 .pc {

		transform: scale(0.86);

	}



	.about01 .conTabs {

		max-width: 828px;

	}



	.about01 .home-title {

		top: 50rem;

	}



	.keji05 .span {

		margin-bottom: 15rem;

	}



	.keji05 .bt1 {

		margin-bottom: 19rem;

	}



	.keji05 .keji-bottom ul li {

		padding: 4rem 9rem;

	}



	.keji06 .img {

		width: 90%;

		margin: 0 auto;

	}

}



@media (max-width: 1200px) {

	body {

		font-size: 14px;

		font-weight: lighter;

	}



	.sitemap .site-bottom {

		font-size: 14px;

		line-height: 30px;

	}



	.sitemap li {

		border-bottom: 1px dashed #e0e0e0;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}



	.sitemap li .top1 {

		font-size: 20px;

	}



	.sitemap li span {

		font-weight: normal;

	}



	.sitemap li .subnav {

		margin-top: 10px;

	}



	.sitemap li .subnav a {

		font-size: 15px;

		margin-right: 15px;

		padding: 5px 0;

	}



	.sitemap li .subnav .hover {

		padding: 10px 20px;

	}



	.sitemap li .subnav .dot a {

		font-size: 14px;

	}



	.container {

		max-width: 750px;

		padding: 0 15px;

		width: 100%;

	}



	.height {

		top: -60px;

	}



	.height1 {

		height: 60px;

	}



	.header {

		height: 60px;

		background: #f2ede9;

	}



	.header .logo {

		padding-top: 10px;

		margin-left: 0;

	}



	.header .logo a img {

		width: 116px;

	}



	.header .logo a .lg1 {

		display: none;

	}



	.header .logo a .lg2 {

		display: block;

	}



	.header .header-right .menu {

		display: block;

	}



	.header .header-right .header-search {

		display: none;

	}



	.nav {

		display: none;

	}



	.pc {

		display: none;

	}



	.phone {

		display: block;

	}



	.swiper-renewal-main {

		margin-top: 60px;

	}



	.swiper-renewal-main .img1 {

		display: block;

	}



	.swiper-renewal-main .img {

		display: none;

	}



	.swiper-renewal-main .banner-hover {

		top: 50%;

		padding-top: 0;

		transform: translateY(-50%);

	}



	.swiper-renewal-main .banner-hover .bt {

		display: none;

	}



	.swiper-renewal-main .banner-hover .bt1 {

		display: block;

		margin-bottom: 10px;

	}



	.swiper-renewal-main .banner-hover .bt1 img {

		width: 143px;

	}



	.swiper-renewal-main .banner-hover .p {

		font-size: 15px;

		line-height: 23px;

		height: auto;

		letter-spacing: 1px;

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

	}



	.swiper-renewal-main .banner-hover .p p {

		text-decoration: none;

	}



	.swiper-renewal-main .banner-hover0 .h3 img {

		width: 95px;

	}



	.swiper-renewal-main .banner-hover0 .jsh {

		height: auto;

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

	}



	.swiper-renewal-main .banner-hover0 .jsh .li {

		border-right: 0;

		border-bottom: 1px solid #fff;

		font-size: 38px;

		line-height: 43px;

		letter-spacing: 2px;

	}



	.swiper-renewal-main .banner-hover0 .jsh .li1 {

		font-size: 22px;

		line-height: 33px;

	}



	.swiper-renewal-main .banner-hover0 .jsh .li2 {

		font-size: 16px;

		line-height: 30px;

	}



	.bg {

		padding-top: 0;

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

	}



	.section {

		height: auto;

	}



	.section .height {

		display: block;

	}



	.home {

		position: relative;

		top: auto;

		left: auto;

		padding: 40px 0;

		transform: none;

	}



	.home-title span {

		font-size: 26px;

		height: 54px;

		background-size: 94px;

		padding-top: 23px;

		padding-left: 18px;

		padding-right: 18px;

		font-weight: normal;

	}



	.home-title1 span {

		background-size: 94px;

	}



	.home-title2 span {

		height: auto;

		background: none;

		padding-top: 0;

		padding-left: 0;

		padding-right: 0;

	}



	.home-p {

		font-size: 18px;

	}



	.home-about {

		height: auto;

		top: auto;

		transform: none;

	}



	.home-about .left {

		width: 100%;

		padding-top: 0;

		margin-left: 0;

	}



	.home-about .left .home-title {

		margin-bottom: 21px;

	}



	.home-about .left .span {

		font-size: 20px;

		line-height: 32px;

		letter-spacing: 1px;

		margin-bottom: 8px;

	}



	.home-about .left .jsh {

		font-size: 15px;

		line-height: 23px;

		height: 230px;

	}



	.home-about .left .jsh p {

		margin-bottom: 0;

	}



	.home-about .left .img {

		margin: 15px 0;

	}



	.home-about .left .img img {

		width: 160px;

	}



	.home-about .right {

		width: 100%;

		margin-right: 0;

		margin-left: 0;

		padding-top: 20px;

		height: auto;

	}



	.home-about .right:before {

		display: none;

	}



	.home-about .right .img img,

	.home-about .right .img video {

		height: auto;

	}



	.youshi {

		position: relative;

		bottom: auto;

		left: auto;

		padding: 30px;

		background: rgba(0, 0, 0, 0.5);

	}



	.youshi li {

		width: auto;

		margin-right: 33px;

	}



	.youshi li .pic {

		width: 33px;

	}



	.youshi li .num {

		font-size: 24px;

		line-height: 35px;

		margin-top: 14px;

	}



	.youshi li .num em {

		font-size: 14px;

		line-height: 30px;

	}



	.youshi li .h3 {

		font-size: 16px;

		line-height: 30px;

	}



	.youshi li:nth-child(1),

	.youshi li:nth-child(4) {

		padding-left: 0;

	}



	.more2 a,

	.more2 p {

		font-size: 14px;

		line-height: 44px;

		width: 159px;

	}



	.home-product .home-bottom {

		padding: 0 20px;

		padding-top: 25px;

	}



	.swiper-class .item {

		width: 50%;

	}



	.swiper-class .item:nth-child(2n) {

		padding-top: 25px;

	}



	.swiper-class .bt {

		top: 25px;

		right: 25px;

		font-size: 18px;

		line-height: 30px;

	}



	.home-keji .home-bottom {

		padding-top: 25px;

	}



	.home-keji .list {

		margin: 0;

		overflow: hidden;

	}



	.home-keji .list li {

		padding: 0;

		width: 50%;

	}



	.home-keji .list li a {

		border: solid 1px #80613e;

		padding: 4px;

	}



	.home-keji .list li .box {

		height: 326px;

	}



	.home-keji .list li .box .bt {

		font-size: 20px;

		line-height: 36px;

	}



	.home-keji .list li .box .p {

		font-size: 18px;

		line-height: 32px;

		max-height: 64px;

	}



	.home-keji .list li .box .hover {

		padding: 20px;

	}



	.home-keji .list .kj1,

	.home-keji .list .kj4 {

		margin-top: 0;

	}



	.home-keji .list .kj2 {

		margin-top: 0;

	}



	.home-keji .list .active .box .hover {

		display: block;

	}



	.home-keji .list .active .box .text {

		opacity: 0;

	}



	.home-wenhua .home-bottom {

		padding-top: 25px;

	}



	.home-wenhua .left {

		width: 100%;

	}



	.home-wenhua .right {

		width: 100%;

		height: auto;

		margin-bottom: 20px;

	}



	.home-wenhua .right .bt {

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

		font-size: 22px;

		margin-bottom: 10px;

		padding-left: 0;

		float: left;

	}



	.home-wenhua .right .p {

		font-size: 15px;

		line-height: 23px;

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

		text-decoration: none;

	}



	.swiper-wenhua .item .box {

		position: relative;

		border: solid 1px #80613e;

	}



	.swiper-wenhua .item .text {

		height: 100%;

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

	}



	.swiper-wenhua .item .text .bt {

		font-size: 15px;

		line-height: 30px;

		writing-mode: inherit;

		-webkit-writing-mode: inherit;

		opacity: 1;

		top: auto;

		bottom: 10px;

		left: 0;

		padding: 0 20px;

		text-overflow: ellipsis;

		white-space: nowrap !important;

		overflow: hidden;

		width: 100%;

		height: auto;

		transform: none;

	}



	.home-news .home-bottom {

		padding-top: 25px;

	}



	.home-news .swiper-news .swiper-pagination {

		bottom: 10px;

		text-align: center;

		padding: 0 30px;

	}



	.home-news .swiper-news .swiper-pagination .swiper-pagination-bullet {

		width: 9px;

		height: 9px;

		margin: 0 6px;

	}



	.newslist .item .box {

		display: flex;

		flex-wrap: wrap;

	}



	.newslist .item .pic {

		float: left;

		width: 100%;

	}



	.newslist .item .pic:before {

		display: none;

	}



	.newslist .item .text {

		width: 100%;

		padding: 5px;

	}



	.newslist .item .text .info {

		border: solid 1px #f2e4c5;

		height: auto;

		padding: 25px;

	}



	.newslist .item .text .bt {

		font-size: 20px;

	}



	.newslist .item .text .p {

		font-size: 15px;

		line-height: 23px;

		max-height: 69px;

		margin-top: 14px;

		margin-bottom: 30px;

	}



	.home-zhuhai .home-top .p {

		width: 100%;

		font-size: 15px;

		line-height: 23px;

		padding-top: 24px;

	}



	.home-zhuhai .home-top .p p {

		margin-bottom: 7px;

	}



	.home-zhuhai .home-bottom {

		padding-top: 20px;

	}



	.swiper-zhuhai .item {

		width: 50%;

		float: left;

	}



	.swiper-zhuhai .text {

		padding-top: 15px;

	}



	.swiper-zhuhai .bt {

		font-size: 20px;

		font-weight: normal;

		margin-bottom: 9px;

	}



	.swiper-zhuhai .span {

		font-size: 15px;

		line-height: 23px;

	}



	.footer .footer-top {

		border-bottom: 1px solid #464749;

		padding: 20px 0;

	}



	.footer .footer-top .left {

		float: left;

	}



	.footer .footer-top img {

		width: 231px;

	}



	.footer .footer-top .right {

		float: right;

	}



	.footer .footer-top .right a {

		width: 28px;

		height: 28px;

		background-size: 27px;

	}



	.footer .footer-center {

		display: none;

	}



	.footer-copyright {

		font-size: 14px;

		line-height: 22px;

		padding: 8px 0;

		text-align: center;

	}



	.footer-copyright .fr {

		float: none;

		display: block;

	}



	.inbanner {

		margin-top: 60px;

	}



	.inbanner img,

	.inbanner video {

		height: auto !important;

	}



	.inbanner .img1 {

		display: block;

	}



	.inbanner .img {

		display: none;

	}



	.inbanner .banner-hover .home-title {

		margin-bottom: 15px;

	}



	.inbanner .banner-hover .home-title span {

		font-size: 26px;

	}



	.current {

		font-size: 12px;

		line-height: 24px;

		bottom: 16px;

		font-weight: lighter;

		display: none;

	}



	.current a {

		padding: 0 5px;

		font-weight: lighter;

	}



	.current b {

		padding: 0 5px;

		font-weight: lighter;

	}



	.current span {

		padding-left: 20px;

		background: url(../images/home.png) no-repeat left 4px;

		background-size: 16px;

	}



	.content {

		padding: 40px 0;

		min-height: 600px;

	}



	.wenhua01 {

		padding: 40px 0;

	}



	.wenhua01 .p {

		font-size: 15px;

		line-height: 23px;

		margin-top: 12px;

	}



	.wenhua01 .wenhua-bottom {

		margin-top: 25px;

	}



	.wenhua01 .left {

		width: 100%;

	}



	.wenhua01.wenhua011 .left {

		width: 100%;

	}



	.wenhua01 .right {

		width: 100%;

		padding-top: 30px;

	}

	.wenhua01.wenhua011 .right {

		width: 100%;

		padding-top: 30px;

	}



	.wenhua01 .right .p {

		font-size: 15px;

		line-height: 23px;

		margin-top: 15px;

	}



	.wenhua02 {

		padding: 40px 0;

	}



	.wenhua02 .left {

		width: 100%;

	}



	.wenhua02 .right {

		width: 100%;

		padding-top: 21px;

	}



	.wenhua02 .right .home-title3 span {

		font-size: 26px;

		line-height: 34px;

	}



	.wenhua02 .right .p {

		margin-bottom: 25px;

	}



	.wenhua03 {

		padding: 40px 0;

	}



	.wenhua03 .p {

		font-size: 15px;

		line-height: 23px;

		margin-top: 12px;

	}



	.wenhua03 .wenhua-bottom {

		margin-top: 25px;

	}





	.wenhua03 .wenhua-bottom .swiper-wenhua .item {

		width: 33.33333333%;

	}



	.wenhua03 .wenhua-bottom .swiper-wenhua .item:nth-child(2n) .box {

		margin-top: 20px;

	}



	.wenhua03 .wenhua-bottom .swiper-button-prev,

	.wenhua03 .wenhua-bottom .swiper-button-next {

		width: 46px;

		height: 50px;

		margin-top: -25px;

	}



	.wenhua03 .wenhua-bottom .swiper-button-prev {

		left: 10px;

	}



	.wenhua03 .wenhua-bottom .swiper-button-next {

		right: 10px;

		left: auto;

		margin-left: auto;

	}



	.productlist {

		margin: 0 -5px;

	}



	.productlist li {

		width: 33.33333333%;

		padding: 0 5px;

		margin-bottom: 12px;

	}



	.productlist li .bt {

		font-size: 18px;

		line-height: 41px;

		padding: 0 10px;

	}



	.contact01 {

		padding: 40px 0;

	}



	.contact01 .span {

		font-size: 20px;

		margin-top: 23px;

		margin-bottom: 10px;

	}



	.contact01 .p {

		font-size: 15px;

		line-height: 23px;

	}



	.contact01 .contact-bottom {

		padding-top: 20px;

	}



	.contact01 .contact-bottom ul {

		margin: 0 -5px;

	}



	.contact01 .contact-bottom ul li {

		width: 50%;

		padding: 0 5px;

		margin-bottom: 10px;

	}



	.contact01 .contact-bottom ul li .pic {

		width: 40px;

	}



	.contact01 .contact-bottom ul li .box {

		padding: 24px;

	}



	.contact01 .contact-bottom ul li .text {

		padding-top: 12px;

	}



	.contact01 .contact-bottom ul li .bt {

		font-size: 20px;

		margin-bottom: 9px;

	}



	.contact01 .contact-bottom ul li .jsh {

		font-size: 15px;

		line-height: 23px;

	}



	.contact01 .contactlist {

		padding-top: 25px;

	}



	.contact01 .contactlist ul li {

		margin: 0 20px;

	}



	.contact01 .contactlist ul li .box {

		font-size: 16px;

		line-height: 32px;

	}



	.contact01 .contactlist ul li .box .img img {

		height: 40px;

	}



	.contact01 .contactlist ul li .box .bt {

		margin-top: 10px;

	}



	.contact01 .contactlist ul li .box .down {

		display: none;

		color: #666;

		font-size: 14px;

		align-items: center;

		width: 114px;

		cursor: initial;

		position: absolute;

		top: 100%;

		left: 50%;

		z-index: 333;

		margin-left: -57px;

	}



	.contact01 .contactlist ul li .box .down .ewm {

		width: 114px;

		background: url(../images/bg12.png) no-repeat top center;

		background-size: 100%;

		height: 122px;

		padding: 13px 5px;

		position: relative;

	}



	.contact01 .contactlist ul li .box .down .ewm img {

		display: block;

	}



	.contact02 {

		padding: 40px 0;

		font-size: 14px;

	}



	.contact02 table tr th {

		border: 1px solid #eaeaea;

		font-size: 20px;

		padding: 10px;

	}

	.contact02 table tr td {

		border: 1px solid #eaeaea;

		padding: 10px;

	}



	.contact02 table tr td img {

		max-height: 100px;

	}



	.contact03 {

		padding: 40px 0;

	}



	.contact03 .inside-message {

		width: 100%;

		margin-top: 25px;

		padding: 20px;

		box-shadow: 0px 0px 33px 0px rgba(220, 237, 255, 0.55);

	}



	.contact03 .inside-message li {

		width: 100%;

		padding: 0 10px 13px 10px;

	}



	.contact03 .input-form,

	.contact03 select,

	.contact03 textarea {

		height: 35px;

		width: 100%;

		border: none;

		border-bottom: 1px solid #eaeaea;

		background: none;

		font-size: 15px;

		padding-left: 33px;

	}



	.contact03 .red {

		font-size: 15px;

		line-height: 35px;

	}



	.contact03 .red img {

		width: 20px;

		margin-top: 8px;

		margin-right: 4px;

	}



	.contact03 .span {

		padding-left: 18px;

	}



	.contact03 .span span {

		font-size: 15px;

		line-height: 43px;

	}



	.contact03 textarea {

		padding-top: 4px;

		height: 137px;

		padding-left: 33px;

	}



	.contact03 .btn2 {

		margin-top: 0;

	}



	.contact03 .verifyDiv {

		float: none;

	}



	.contact03 .more3 {

		float: none;

	}



	.more3 {

		float: none;

		margin-top: 14px;

	}



	.more3 a {

		width: 156px;

		line-height: 47px;

		border-radius: 28px;

		font-size: 15px;

	}



	.verify-wrap {

		width: 100% !important;

		height: 47px;

	}



	.verify-wrap .drag-btn {

		position: absolute;

		left: 0;

		top: 0;

		width: 47px;

		height: 47px;

		background: #f7f8f9 url(../images/drag-arrow.svg) no-repeat center center;

		background-size: 18px;

		z-index: 2;

		cursor: move;

		border: 1px solid #e1e1e1;

	}



	.verify-wrap .suc-drag-btn {

		background: #ffffff url(../images/drag-success.svg?t=1) no-repeat center center;

		background-size: 22px;

		border: 1px solid #e1e1e1;

	}



	.verify-wrap .drag-progress {

		position: absolute;

		left: 0;

		top: 0;

		height: 47px;

		width: 0;

		background-color: var(--hover-color);

		color: #fff;

		font-size: 16px;

		text-align: center;

		line-height: 45px;

	}



	.verify-wrap .fix-tips,

	.verify-msg {

		width: 100%;

		position: absolute;

		right: 0;

		left: 0;

		height: 100%;

		color: #51555c;

		z-index: 1;

		line-height: 45px;

		font-size: 12px;

		text-align: center;

		padding-left: 40px;

	}



	.verify-wrap .verify-msg {

		background-color: var(--hover-color);

		color: #fff;

		display: none;

		padding-left: 0;

		padding-right: 45px;

	}



	.news {

		padding: 40px 0;

	}



	.news-banner {

		padding-right: 0;

		margin-bottom: 22px;

	}



	.news-banner .newsbanner {

		width: 100%;

	}



	.news-banner .list {

		display: none;

	}



	.news-banner .item a .bt {

		opacity: 1;

	}



	.news-banner .item a:after {

		position: absolute;

		right: 0;

		bottom: 0;

		left: 0;

		z-index: 10;

		display: block;

		height: 25%;

		background: url(../images/bamask.png) no-repeat bottom center;

		background-size: 100% 100%;

		content: '';

	}



	.news-banner .pagin {

		bottom: 10px;

		left: 0;

		width: 100%;

	}



	.news-banner .pagin span {

		display: inline-block;

		margin: 0 5px !important;

		width: 8px;

		height: 8px;

	}



	.news-banner .newsTab {

		margin-bottom: 10px;

	}



	.newslist1 {

		margin: 0 -5px;

	}



	.newslist1 .item {

		width: 50%;

		padding: 0 5px;

		margin-bottom: 22px;

	}



	.newslist1 .item .text {

		padding: 15px 0 10px 0;

	}



	.newslist1 .item .bt {

		font-size: 18px;

		margin-bottom: 11px;

	}



	.newslist1 .item .txt {

		font-size: 16px;

		line-height: 24px;

		height: 48px;

		margin-bottom: 10px;

	}



	.newslist1 .item .date {

		font-size: 14px;

		line-height: 24px;

	}



	.partner-bottom {

		margin-top: 20px;

		padding-bottom: 29px;

	}



	.partner-bottom .picMarquee-top {

		height: 193px;

		margin-bottom: 15px;

	}



	.partner-bottom .partentlist li {

		width: 283px;

		height: 193px;

		border-radius: 10px;

		margin-right: 10px;

	}



	.news-show {

		padding: 40px 0 0 0;

	}



	.h1 {

		font-size: 32px;

		font-weight: normal;

	}



	.h2 {

		padding: 11px 0;

		margin-top: 15px;

	}



	.news-info {

		font-size: 15px;

		line-height: 23px;

		padding: 30px 0;

	}



	.news-info p {

		margin-bottom: 7px;

	}



	.return a {

		font-size: 15px;

		padding: 0 20px;

		width: 166px;

		line-height: 46px;

	}



	.list-page-news {

		margin-bottom: 20px;

		margin-top: 21px;

	}



	.list-page-news ul li {

		padding: 15px 0;

	}



	.list-page-news ul li a {

		line-height: 28px;

		font-size: 15px;

		padding-left: 80px;

	}



	.list-page-news ul li a span {

		line-height: 28px;

		width: 60px;

		background-size: 9px;

	}



	.list-page-news ul li:nth-child(2) a span {

		background-size: 9px;

	}



	.biaoqian {

		font-size: 15px;

		line-height: 30px;

	}



	.biaoqian a {

		margin-left: 15px;

		line-height: 30px;

		font-size: 15px;

		padding: 0 25px;

		border-radius: 30px;

	}



	.related {

		padding: 20px 0;

	}



	.related .newslist1 {

		margin: 0;

		padding-top: 25px;

	}



	.related .newslist1 .item {

		padding: 0;

	}



	.related .productlist {

		margin: 0;

		padding-top: 25px;

	}



	.related .productlist .item {

		padding: 0;

	}



	.product-show {

		padding: 0 !important;

		margin-top: 60px;

	}



	.ps01 {

		padding: 40px 0;

		margin-bottom: 25px;

	}



	.ps01 .current1 {

		position: relative;

		bottom: auto;

		left: auto;

	}



	.ps01 .nr {

		padding-top: 0;

	}



	.ps01 .nr .left {

		width: 100%;

	}



	.ps01 .nr .left img {

		width: 100%;

	}



	.ps01 .nr .left .swiper-button-prev,

	.ps01 .nr .left .swiper-button-next {

		width: 46px;

		height: 46px;

		line-height: 46px;

		margin-top: -23px;

	}



	.ps01 .nr .left .swiper-button-prev:after,

	.ps01 .nr .left .swiper-button-next:after {

		font-size: 16px;

	}



	.ps01 .nr .left .swiper-button-prev {

		left: 10px;

	}



	.ps01 .nr .left .swiper-button-next {

		right: 10px;

		left: auto;

	}



	.ps01 .nr .right {

		width: 100%;

		padding-right: 0;

		padding-top: 20px;

	}



	.ps01 .nr .right .bt {

		font-size: 26px;

		line-height: 35px;

		border-bottom: 1px solid #d5d5d5;

		padding-bottom: 13px;

		margin-bottom: 10px;

		font-weight: normal;

	}



	.ps01 .nr .right .bt img {

		width: 50px;

	}



	.ps01 .nr .right .h3 {

		font-size: 24px;

		line-height: 35px;

		margin-bottom: 7px;

	}



	.ps01 .nr .right .span {

		font-size: 18px;

		margin-bottom: 20px;

	}



	.ps01 .nr .right .p {

		font-size: 15px;

		line-height: 23px;

	}



	.ps01 .nr .right .p p {

		margin-bottom: 8px;

	}



	.ps01 .nr .right .li {

		display: none;

	}



	.keji01 {

		padding: 80px 0;

		background: rgba(255, 255, 255, 0.5);

	}



	.keji01 .info {

		width: 100%;

	}



	.keji01 .bt {

		font-size: 24px;

		line-height: 48px;

		margin-bottom: 15px;

		font-weight: normal;

	}



	.keji01 .bt span {

		font-size: 37px;

	}



	.keji01 .p {

		font-size: 15px;

		line-height: 23px;

	}



	.keji01 .p p {

		margin-bottom: 7px;

	}



	.keji02 {

		top: auto;

		transform: none;

		padding-bottom: 230px;

	}



	.keji02 .bt {

		font-size: 26px;

		margin-bottom: 17px;

		font-weight: normal;

	}



	.keji02 .p {

		font-size: 15px;

		line-height: 23px;

	}



	.keji02 .p p {

		margin-bottom: 7px;

	}



	.keji03 .bt1 {

		font-size: 24px;

		line-height: 36px;

	}



	.keji03 .bt1 span {

		font-size: 24px;

		margin-left: 10px;

	}



	.keji03 .keji-bottom {

		padding-top: 20px;

	}



	.keji03 .list li {

		width: 100%;

	}



	.keji03 .list li .box {

		height: 320px;

	}



	.keji03 .list li .box .bt {

		font-size: 18px;

		line-height: 27px;

		font-weight: normal;

	}



	.keji03 .list li .box .p {

		font-size: 15px;

		line-height: 23px;

	}



	.keji03 .list li .box .hover {

		display: none;

	}



	.keji03 .list li .box .text {

		position: absolute;

		bottom: 10px;

		left: 0;

		right: 20px;

		width: 100%;

		opacity: 1;

		padding: 0 20px;

	}



	.keji03 .list li .box .text .bt {

		margin-bottom: 7px;

	}



	.keji03 .list .active {

		width: 100%;

	}



	.keji03 .list .active .box .hover {

		display: none;

	}



	.keji03 .list .active .box .text {

		opacity: 1;

		bottom: 10px;

	}



	.keji04 {

		padding: 100px 0;

	}



	.keji04 .info {

		width: 100%;

	}



	.keji04 .bt {

		font-size: 24px;

		margin-bottom: 10px;

		font-weight: normal;

	}



	.keji04 .span {

		font-size: 18px;

		margin-bottom: 20px;

	}



	.keji04 .p {

		font-size: 15px;

		line-height: 23px;

	}



	.keji04 .p p {

		margin-bottom: 5px;

	}



	.keji05 .bt1 {

		font-size: 24px;

		line-height: 36px;

		margin-bottom: 19px;

	}



	.keji05 .bt1 span {

		font-size: 24px;

		margin-left: 20px;

	}



	.keji05 .span {

		font-size: 15px;

		line-height: 23px;

		margin-bottom: 15px;

	}



	.keji05 .keji-bottom ul {

		margin: 0 -5px;

	}



	.keji05 .keji-bottom ul li {

		width: 100%;

		padding: 5px 5px;

	}



	.keji05 .keji-bottom ul li a {

		padding: 0;

	}



	.keji05 .keji-bottom ul li .box {

		padding: 20px 15px;

	}



	.keji05 .keji-bottom ul li .box .pic {

		width: 40px;

		margin-right: 10px;

		display: block;

	}



	.keji05 .keji-bottom ul li .box .bt {

		font-size: 18px;

		line-height: 32px;

		margin-bottom: 20px;

	}



	.keji05 .keji-bottom ul li .box .p {

		font-size: 15px;

		line-height: 23px;

		height: auto;

	}



	.keji06 {

		padding: 60px 0;

	}



	.keji06 .img {

		border: solid 1px #80613e;

		padding: 8px;

	}



	.keji06 .hover {

		background-size: 63px;

	}



	.keji07 .swiper-cangchu .swiper-pagination {

		bottom: 20px;

		text-align: center;

		padding: 0 20px;

	}



	.keji07 .swiper-cangchu .swiper-pagination .swiper-pagination-bullet {

		width: 9px;

		height: 9px;

		margin: 0 6px;

	}



	.keji07 .newslist .item .info {

		padding: 40px;

	}



	.keji07 .newslist .item .text .bt {

		font-size: 24px;

		font-weight: normal;

	}



	.keji07 .newslist .item .text .p {

		font-size: 15px;

		max-height: inherit;

		line-height: 23px;

		margin-bottom: 0;

	}



	.keji07 .newslist .item .text .p p {

		margin-bottom: 7px;

	}



	.tanchuvideo {

		font-size: 14px;

	}



	.tanchuvideo .close {

		width: 28px;

		height: 28px;

		top: 20px;

		right: 20px;

		background-size: 12px;

	}



	.tanchu {

		font-size: 14px;

		padding: 5vh 0;

	}



	.tanchu .close {

		width: 28px;

		height: 28px;

		top: 20px;

		right: 20px;

		background-size: 20px;

	}



	.tanchu .box {

		overflow: auto;

		max-height: inherit;

		height: 90vh;

	}



	.tanchu .bt {

		font-size: 24px;

		margin-bottom: 10px;

	}



	.tanchu .item {

		display: block;

	}



	.tanchu .item .img {

		width: 100%;

	}



	.tanchu .item .nr {

		font-size: 15px;

		line-height: 23px;

		width: 100%;

		padding-left: 0;

	}



	.tanchu .item .nr p {

		padding: 10px 0;

	}



	.tanchu .item-table {

		padding-top: 20px;

		font-size: 15px;

	}



	.tanchu .item-table p {

		padding: 10px 0;

	}



	.tanchu .item-table .title {

		padding-bottom: 15px;

		font-size: 20px;

	}



	.tanchu .item-table table,

	.tanchu .item-table th,

	.tanchu .item-table td {

		font-size: 15px;

	}



	.tanchu .item-table th,

	.tanchu .item-table td {

		padding: 14px;

	}



	.inbanner01 .home-p {

		font-size: 26px;

	}

	


	.about01 .swiper-button-next,

	.about01 .swiper-button-prev {

		color: #fff;

		z-index: 9999;

		transform: translateY(-50%);

	}



	.about01 .swiper-button-next::after,

	.about01 .swiper-button-prev::after {

		font-size: 24px;

	}



	.about01 .swiper-button-prev {

		left: 10px;

	}



	.about01 .swiper-button-next {

		right: 10px;

	}



	.about01 .swiper-conTabs {

		margin-top: 25px;

	}



	.about01 .swiper-conTabs .left {

		width: 100%;

		float: left;

		text-align: center;

	}



	.about01 .swiper-conTabs .right {

		float: right;

		width: 100%;

		padding: 0 35px;

		padding-bottom: 37px;

		background: url(../images/honor-img.png) no-repeat bottom center;

		background-size: 100%;

	}



	.about01 .swiper-conTabs .right .pic img {

		width: 100%;

	}



	.about01 .swiper-conTabs .right .pic:after {

		padding-bottom: 76.30769231%;

	}



	.about01 .swiper-conTabs .year {

		font-size: 35px;

		margin-bottom: 10px;

	}



	.about01 .swiper-conTabs .info {

		font-size: 15px;

		line-height: 23px;
		padding: 0 20px;

	}



	.about02 .info {

		background-size: 34px;

		padding-top: 44px;

	}



	.about02 .info .bt {

		font-size: 24px;

		font-weight: normal;

		margin-bottom: 15px;

	}



	.about02 .info .span {

		font-size: 18px;

		margin-bottom: 22px;

	}



	.about02 .info .jsh {

		font-size: 15px;

		line-height: 23px;

	}



	.about02 .info .jsh p {

		margin-bottom: 7px;

	}



	.about03 {

		background: rgba(0, 0, 0, 0.5);

	}



	.about03 .p {

		display: none;

	}



	.about03 .info {

		width: 100%;

		padding-top: 0;

	}



	.about03 .bt {

		font-size: 24px;

		font-weight: normal;

	}



	.about03 .span {

		font-size: 15px;

		margin-top: 10px;

		margin-bottom: 12px;

	}



	.about03 .jsh {

		font-size: 18px;

		margin-bottom: 20px;

	}



	.about03 .pp {

		font-size: 15px;

		line-height: 23px;

	}



	.about04 .info {

		width: 100%;

		padding: 60px 35px;

	}



	.about04 .bt {

		font-size: 24px;

		font-weight: normal;

		margin-bottom: 22px;

	}



	.about04 .p {

		font-size: 15px;

		line-height: 23px;

	}



	.about05 .container {

		width: 100%;

	}



	.about05 .h3 {

		font-size: 24px;

		font-weight: normal;

		margin-bottom: 9px;

	}



	.about05 .hspan {

		font-size: 17px;

		line-height: 27px;

	}



	.about05 .swiper-team {

		margin-top: 25px;

	}



	.about05 .swiper-button-prev,

	.about05 .swiper-button-next {

		width: 36px;

		height: 36px;

		border-radius: 50%;

		margin-top: -18px;

		background: #e9e9e9 url(../images/prev1.png) no-repeat center center;

		background-size: 13px;

		left: 10px;

	}



	.about05 .swiper-button-prev:after,

	.about05 .swiper-button-next:after {

		display: none;

	}



	.about05 .swiper-button-next {

		background: #e9e9e9 url(../images/next1.png) no-repeat center center;

		background-size: 13px;

		left: auto;

		right: 10px;

	}



	.item-list {

		margin: 0 -5px;

	}



	.item-list .itemli {

		padding: 0 5px;

		width: 100%;

	}



	.item-list .itemli .box {

		height: 320px;

		border-radius: 12px;

	}



	.item-list .itemli .box .text {

		padding: 0 20px 23px 20px;

	}



	.item-list .itemli .box .text .bt {

		font-size: 20px;

		line-height: 32px;

		font-weight: normal;

	}



	.item-list .itemli .box .text .p {

		font-size: 15px;

		line-height: 23px;

		max-height: 138px;

	}

}



@media (max-width: 520px) {

	.inbanner01 .home-p {

		font-size: 20px;

	}



	.productlist li .bt {

		font-size: 15px;

	}



	.biaoqian a {

		padding: 0 20px;

	}



	.list-page-news ul li {

		padding: 10px 0;

	}



	.productlist li {

		width: 50%;

	}



	.newslist1 .item .bt {

		font-size: 16px;

	}

}







.item-list .itemli {

	width: 14.24%;

}



@media (min-width: 1025px) {

	.item-list:hover .itemli {

		width: 11% !important;

	}

}



.zhuhai-banner .p {

	font-size: 20rem;

	line-height: 40rem;

	color: #ffffff;

	opacity: 0;

	height: 0;

	overflow: hidden;

}



.zhuhai-banner .zh {

	margin-top: 133rem;

}



.zhuhai-banner .zh img {

	width: 276rem;

	height: auto;

}



.home-title span {

	height: auto;

	padding-top: 0;

}



.active .zhuhai-banner .zh {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .zhuhai01 .zh-bottom {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .zhuhai02 .zh-bottom ul li:nth-child(1) {

	-webkit-animation: fadeInRight2 2s alternate;

	animation: fadeInRight2 2s alternate;

}



.active .zhuhai02 .zh-bottom ul li:nth-child(2) {

	-webkit-animation: fadeInRight2 3s alternate;

	animation: fadeInRight2 3s alternate;

}



.active .zhuhai02 .zh-bottom ul li:nth-child(3) {

	-webkit-animation: fadeInRight2 4s alternate;

	animation: fadeInRight2 4s alternate;

}



.active .zhuhai02 .zh-bottom ul li:nth-child(4) {

	-webkit-animation: fadeInRight2 5s alternate;

	animation: fadeInRight2 5s alternate;

}



.active .zhuhai02 .zh-bottom ul li:nth-child(5) {

	-webkit-animation: fadeInRight2 6s alternate;

	animation: fadeInRight2 6s alternate;

}



.active .zhuhai04 .zh-bottom .item:nth-child(1) {

	-webkit-animation: fadeInUp2 2s alternate;

	animation: fadeInUp2 2s alternate;

}



.active .zhuhai04 .zh-bottom .item:nth-child(2) {

	-webkit-animation: fadeInUp2 3s alternate;

	animation: fadeInUp2 3s alternate;

}



.active .zhuhai04 .zh-bottom .item:nth-child(3) {

	-webkit-animation: fadeInUp2 4s alternate;

	animation: fadeInUp2 4s alternate;

}



.zhuhai01 .zh-bottom {

	padding-top: 45rem;

}



.zhuhai01 .home-title1 span {

	color: #fff;

}



.zhuhai02 .home-title1 span {

	color: #fff;

}



.zhuhai02 .zh-bottom {

	padding-top: 47rem;

}



.zhuhai02 .zh-bottom ul {

	display: flex;

	flex-wrap: wrap;

	margin: 0 -26rem;

}



.zhuhai02 .zh-bottom ul li {

	width: 20%;

	float: left;

	padding: 0 26rem;



	position: relative;

}



.zhuhai02 .zh-bottom ul li:nth-last-child(1):after {

	display: none;

}



.zhuhai02 .zh-bottom ul li:after {

	width: 16rem;

	height: 100%;

	background: url(../images/gd.png) no-repeat center center;

	background-size: 16rem;

	position: absolute;

	top: 0;

	right: -8rem;

	content: '';

	display: block;

}



.zhuhai02 .zh-bottom ul li .box {

	border-radius: 20rem;

	padding: 34rem 23rem;

	border: solid 1rem #ffffff;

	height: 100%;

	background: rgba(71, 121, 46, 0.41);

}



.zhuhai02 .zh-bottom ul li .bt {

	font-size: 20rem;

	margin-bottom: 15rem;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

}



.zhuhai02 .zh-bottom ul li .span {

	font-size: 16rem;

	font-weight: bold;

	line-height: 32rem;

	margin-bottom: 5rem;

	color: #ffffff;

}



.zhuhai02 .zh-bottom ul li .p {

	font-size: 14rem;

	line-height: 28rem;

	margin-bottom: 4rem;

	color: #ffffff;

}



#certify {

	position: relative;

	margin-top: 57rem;

	overflow: hidden;



}



#certify .swiper {

	position: relative;

	left: 50%;

	width: 1300px;

	margin-left: -650px;

}



#certify .swiper-slide .pic {

	border-radius: 12rem;

}



#certify .swiper-slide .pic img {

	width: 100%;

}



#certify .swiper-slide .pic:after {

	padding-bottom: 82.08955%;

}



#certify .swiper-slide .pic:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: url(../images/zbg.png) no-repeat bottom center;

	background-size: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 3;

}







#certify .swiper-slide img {

	display: block;

}



#certify .swiper-slide .hover {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 40rem 150rem 40rem 50rem;

	z-index: 444;

}



#certify .swiper-slide .hover .bt {

	font-size: 24rem;

	margin-bottom: 20rem;

	color: #ffffff;

}



#certify .swiper-slide .hover .p {

	font-size: 18rem;

	line-height: 32rem;

	color: #ffffff;

}



#certify .swiper-slide .hover .num {

	font-size: 42rem;

	font-weight: bold;

	color: rgba(255, 255, 255, 0);

	text-stroke: 1px #ffffff;

	-webkit-text-stroke: 1px #ffffff;

	position: absolute;

	top: 40rem;

	right: 50rem;

}





.header4 {

	margin-top: -108rem;

}



.zhuhai04 {

	padding-top: 45rem;

}



.zhuhai04 .home-title span {

	color: #fff;

}



.zhuhai04 .zh-bottom {

	padding-top: 43rem;

}



.zhuhai04 .zh-bottom .item {

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: end;

	-ms-flex-align: end;

	align-items: end;

	margin-bottom: 45rem;

}



.zhuhai04 .zh-bottom .item .left {

	float: left;

	text-align: center;

	width: 12%;

}



.zhuhai04 .zh-bottom .item .left .pic {

	width: 100rem;

	margin: 0 auto;

}



.zhuhai04 .zh-bottom .item .left .bt {

	font-size: 20rem;

	margin-top: 20rem;

	color: #ffffff;



}



.zhuhai04 .zh-bottom .item .right {

	float: right;

	width: 88%;

}



.zhuhai04 .zh-bottom .item .right .list1 ul {

	margin: 0 -15rem;

	display: flex;

	flex-wrap: wrap;

}





.zhuhai04 .zh-bottom .item .right .list1 li {

	padding: 0 15rem;

	width: 50%;

}





.zhuhai04 .zh-bottom .item .right .list1 li .box {

	border: solid 1rem #ffffff;

	width: 100%;

	background: rgba(71, 121, 46, 0.41);

	height: 100%;

	padding: 22rem 50rem;



}



.zhuhai04 .zh-bottom .item .right .list1 li .h3 {

	font-size: 20rem;

	font-weight: bold;

	line-height: 32rem;

	margin-bottom: 10rem;

	color: #ffffff;

	text-decoration: underline;

}



.zhuhai04 .zh-bottom .item .right .list1 li .p {

	font-size: 16rem;

	line-height: 32rem;

	color: #ffffff;

	margin-bottom: 7rem;

}



.zhuhai04 .zh-bottom .item .right .list1 li .li {

	width: 50%;

	float: left;

}



.zhuhai04 .zh-bottom .item .right .list2 li {

	width: 33.3333333%;

}



.zhuhai04 .zh-bottom .item .right .list2 li .box {

	text-align: center;

	min-height: 128rem;

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

}



.zhuhai04 .zh-bottom .item .right .list2 li .p {

	font-size: 20rem;

	color: #ffffff;

	margin: 0;

	width: 100%;

}



.zhuhai04 .zh-bottom .item .right .list ul {

	display: flex;

	flex-wrap: wrap;

	margin: 0 -8rem;

	position: relative;

}



.zhuhai04 .zh-bottom .item .right .list ul:after {

	width: 100%;

	height: 8rem;

	background-color: rgba(187, 27, 26, 0.21);

	border-radius: 4rem;

	position: absolute;

	bottom: 10rem;

	left: 0;

	content: '';

	display: block;

	z-index: 1;

}



.zhuhai04 .zh-bottom .item .right .list li {

	padding: 0 8rem;

	padding-bottom: 51rem;

	position: relative;

	z-index: 33;

}



.zhuhai04 .zh-bottom .item .right .list li:after {

	width: 29rem;

	height: 29rem;

	background-color: #8b4b00;

	border: 8rem solid #fff;

	position: absolute;

	bottom: 0%;

	left: 50%;

	content: '';

	border-radius: 50%;

	margin-left: -15rem;





}



.zhuhai04 .zh-bottom .item .right .list li:before {

	width: 0;

	height: 8rem;

	background-color: #8b4b00;

	border-radius: 4rem;

	position: absolute;

	bottom: 10rem;

	left: 0;

	content: '';

	transition: 0.5s;

}



.zhuhai04 .zh-bottom .item .right .list li .box {

	display: flex;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	padding: 8rem 16rem;

	height: 100%;

	background-color: #ffffff;

	border-radius: 8rem;

	position: relative;



}



.zhuhai04 .zh-bottom .item .right .list li .box:after {

	content: '';

	width: 0.72917vw;

	height: 0.72917vw;

	background-color: #fff;

	margin-top: -0.36458vw;

	margin-left: -0.36458vw;

	position: absolute;

	top: 100%;

	left: 50%;

	transform: rotate(45deg);

}



.zhuhai04 .zh-bottom .item .right .list li .tit {

	font-size: 20rem;

	font-weight: bold;

	color: #333333;

}



.zhuhai04 .zh-bottom .item .right .list li .p {

	font-size: 16rem;

	line-height: 29rem;

	padding-left: 20rem;

	color: #666666;

}



@media(min-width:1025px) {

	.zhuhai04 .zh-bottom .item .right .list li:hover {}



	.zhuhai04 .zh-bottom .item .right .list li:hover .box {

		background-color: #8b4b00;



	}



	.zhuhai04 .zh-bottom .item .right .list li:hover:before {

		width: 100%;

	}



	.zhuhai04 .zh-bottom .item .right .list li:hover .box:after {

		background-color: #8b4b00;

	}



	.zhuhai04 .zh-bottom .item .right .list li:hover .tit {

		color: #fff;

	}



	.zhuhai04 .zh-bottom .item .right .list li:hover .p {

		color: #fff;

	}

}



@media(max-width:1600px) {

	.zhuhai01 .zh-bottom {

		width: 80%;

		margin: 0 auto;

	}



	#certify .swiper {

		width: 1000px;

		margin-left: -500px;

	}



	.zhuhai04 .zh-bottom {

		transform: scale(0.9);

		padding-top: 0;

	}

}



@media(max-width:1200px) {

	.item-list .itemli {

		width: 100%;

	}





	.zhuhai-banner .p {

		font-size: 16px;

		line-height: 30px;

	}



	.zhuhai-banner .zh {

		margin-top: 23px;

	}



	.zhuhai-banner .zh img {

		width: 138px;

	}



	.zhuhai01 .zh-bottom {

		padding-top: 25px;
		width: 100%;

	}



	.zhuhai02 .zh-bottom {

		padding-top: 25px;

	}



	.zhuhai02 .zh-bottom ul {

		display: flex;

		flex-wrap: wrap;

		margin: 0 -6px;

	}



	.zhuhai02 .zh-bottom ul li {

		width: 100%;

		float: left;

		padding: 0 6px;

		padding-bottom: 40px;



		position: relative;

	}



	.zhuhai02 .zh-bottom ul li:nth-last-child(1):after {

		display: none;

	}



	.zhuhai02 .zh-bottom ul li:after {

		width: 100%;

		height: 40px;

		background-size: 10px;

		top: auto;

		right: 0;

		transform: rotate(90deg);

		bottom: 0;

	}



	.zhuhai02 .zh-bottom ul li .box {

		border-radius: 20px;

		padding: 16px;

		border: solid 1px #ffffff;

		height: 100%;

		background: rgba(71, 121, 46, 0.41);

	}



	.zhuhai02 .zh-bottom ul li .bt {

		font-size: 18px;

		margin-bottom: 17px;

	}



	.zhuhai02 .zh-bottom ul li .span {

		font-size: 16px;

		line-height: 30px;

		margin-bottom: 9px;

	}



	.zhuhai02 .zh-bottom ul li .p {

		font-size: 16px;

		line-height: 32px;

		margin-bottom: 7px;

	}



	#certify1 {

		position: relative;

		margin-top: 25px;

		overflow: hidden;

	}



	#certify1 .swiper {

		position: relative;

	}



	#certify1 .swiper {

		left: 0;

		width: 100%;

		margin-left: 0;

	}



	#certify1 .swiper-slide .pic {

		border-radius: 12px;

	}



	#certify1 .swiper-slide .pic img {

		width: 100%;

	}



	#certify1 .swiper-slide .pic:after {

		padding-bottom: 82.08955%;

	}



	#certify1 .swiper-slide .pic:before {

		content: '';

		display: block;

		width: 100%;

		height: 100%;

		background: url(../images/zbg.png) no-repeat bottom center;

		background-size: 100%;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 3;

	}







	#certify1 .swiper-slide img {

		display: block;

	}



	#certify1 .swiper-slide .hover {

		position: absolute;

		bottom: 0;

		left: 0;

		width: 100%;

		padding: 20px;

		z-index: 444;

	}



	#certify1 .swiper-slide .hover .bt {

		font-size: 18px;

		margin-bottom: 10px;

		color: #ffffff;

	}



	#certify1 .swiper-slide .hover .p {

		font-size: 16px;

		line-height: 30px;

		color: #ffffff;

	}



	#certify1 .swiper-slide .hover .num {

		font-size: 22px;

		font-weight: bold;

		color: rgba(255, 255, 255, 0);

		text-stroke: 1px #ffffff;

		-webkit-text-stroke: 1px #ffffff;

		position: absolute;

		top: 20px;

		right: 20px;

	}



	.home-title span {
		padding: 0;
	}

	.zhuhai04 {

		padding-top: 40px;

	}





	.zhuhai04 .zh-bottom {

		padding-top: 25px;
		transform: scale(1);

	}



	.zhuhai04 .zh-bottom .item {

		display: flex;

		flex-wrap: wrap;

		-webkit-box-align: end;

		-ms-flex-align: end;

		align-items: end;

		margin-bottom: 20px;

	}



	.zhuhai04 .zh-bottom .item .left {

		width: 100%;

	}



	.zhuhai04 .zh-bottom .item .left .pic {

		width: 50px;



	}



	.zhuhai04 .zh-bottom .item .left .bt {

		font-size: 16px;

		margin-top: 10px;



	}



	.zhuhai04 .zh-bottom .item .right {

		width: 100%;

		padding-top: 20px;

	}



	.zhuhai04 .zh-bottom .item .right .list1 ul {

		margin: 0 -5px;

		display: flex;

		flex-wrap: wrap;

	}





	.zhuhai04 .zh-bottom .item .right .list1 li {

		padding: 0 5px;

		width: 100%;

		margin-bottom: 10px;

	}





	.zhuhai04 .zh-bottom .item .right .list1 li .box {

		border: solid 1px #ffffff;

		width: 100%;

		background: rgba(71, 121, 46, 0.41);

		height: 100%;

		padding: 20px;



	}



	.zhuhai04 .zh-bottom .item .right .list1 li .h3 {

		font-size: 18px;

		font-weight: bold;

		line-height: 32px;

		margin-bottom: 5px;

		color: #ffffff;

		text-decoration: underline;

	}



	.zhuhai04 .zh-bottom .item .right .list1 li .p {

		font-size: 14px;

		line-height: 25px;

		color: #ffffff;

		margin-bottom: 7px;

	}



	.zhuhai04 .zh-bottom .item .right .list1 li .li {

		width: 100%;

		float: left;

	}



	.zhuhai04 .zh-bottom .item .right .list2 li {

		width: 100%;

	}



	.zhuhai04 .zh-bottom .item .right .list2 li .box {

		text-align: center;

		min-height: 88px;

		width: 100%;

		display: flex;

		flex-wrap: wrap;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

	}



	.zhuhai04 .zh-bottom .item .right .list2 li .p {

		font-size: 16px;

		color: #ffffff;

		margin: 0;

		width: 100%;

	}



	.zhuhai04 .zh-bottom .item .right .list ul {

		display: flex;

		flex-wrap: wrap;

		margin: 0 -5px;

		position: relative;

	}



	.zhuhai04 .zh-bottom .item .right .list ul:after {

		width: 100%;

		height: 8px;

		background-color: rgba(187, 27, 26, 0.21);

		border-radius: 4px;

		position: absolute;

		bottom: 10px;

		left: 0;

		content: '';

		display: none;

		z-index: 1;

	}



	.zhuhai04 .zh-bottom .item .right .list li {

		padding: 0 5px;

		padding-bottom: 0;

		margin-bottom: 10px;

		position: relative;

		z-index: 33;

		width: 100%;

	}



	.zhuhai04 .zh-bottom .item .right .list li:after {

		width: 29px;

		height: 29px;

		background-color: #8b4b00;

		border: 8px solid #fff;

		position: absolute;

		bottom: 0%;

		left: 50%;

		content: '';

		border-radius: 50%;

		margin-left: -15px;

		display: none;





	}



	.zhuhai04 .zh-bottom .item .right .list li:before {

		width: 0;

		height: 8px;

		background-color: #8b4b00;

		border-radius: 4px;

		position: absolute;

		bottom: 10px;

		left: 0;

		content: '';

		transition: 0.5s;

		display: none;

	}



	.zhuhai04 .zh-bottom .item .right .list li .box {

		display: flex;

		flex-wrap: wrap;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		padding: 8px 16px;

		height: 100%;

		background-color: #ffffff;

		border-radius: 8px;

		position: relative;



	}



	.zhuhai04 .zh-bottom .item .right .list li .box:after {

		content: '';

		width: 0.72917vw;

		height: 0.72917vw;

		background-color: #fff;

		margin-top: -0.36458vw;

		margin-left: -0.36458vw;

		position: absolute;

		top: 100%;

		left: 50%;

		transform: rotate(45deg);

		display: none;

	}



	.zhuhai04 .zh-bottom .item .right .list li .tit {

		font-size: 20px;

		font-weight: bold;

		color: #333333;

	}



	.zhuhai04 .zh-bottom .item .right .list li .p {

		font-size: 16px;

		line-height: 29px;

		padding-left: 20px;

		color: #666666;

	}

}



.item-list .itemli:hover {

	width: 32% !important;

}



.videoWindow {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

	background-color: rgba(0, 0, 0, 0.8);

	z-index: 1000;

	display: none;

}

.videoWindow video {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 1320rem;

	height: auto;

	transform: translateX(-50%) translateY(-50%);

	max-height: 70%;

	max-width: 80%;

}

.videoWindow i {

	display: block;

	position: absolute;

	top: 30rem;

	right: 30rem;

	width: 25rem;

	height: 25rem;

	background: url(../images/onlineClose.png) no-repeat center center;

	background-size: contain;

	cursor: pointer;

}


@media (max-width:1200px) {
	.about01 .home-title {
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
	}
}
.header .language {
    font-size: 18rem;
    margin-left: 5rem;
    padding-left: 20rem;
    position: relative;
    height: 108rem;
    line-height: 108rem;
	display: inline-block;
    color: #fff;
    float: right;
}
.header .language img {
    margin-right: 5rem;
    margin-bottom: 3rem;
    vertical-align: middle;
    max-height: 25rem;
}
.header .language a {
  color: #fff;
}

.header .language .drop {
	left: 50%;
	opacity: 0;
	width: 120rem;
	top: 100%;
	display: none;
	text-align: center;
	padding: 20rem 0;
	position: absolute;
	border-radius: 10rem;
	line-height: 30rem;
	-webkit-transform: translateX(-50%) scale(0.9);
	-ms-transform: translateX(-50%) scale(0.9);
	transform: translateX(-50%) scale(0.9);
	text-transform: initial;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
	box-shadow: 0rem 8rem 28rem 0rem rgba(78, 85, 156, 0.15);
	background: #f2ede9;
}
.header .language .drop:before {
  content: "";
  top: -0.6rem;
  left: 50%;
  z-index: 3;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  position: absolute;
  border-left: solid .8rem transparent;
  border-right: solid .8rem transparent;
  border-bottom: solid 0.8rem #ffffff;
}
.header .language .drop a {
    color: #333;
    display: block;
    margin: 10rem 0;
    font-size: 16rem;
    line-height: 30rem;
    position: relative;
    padding-left: 10rem;
    padding-right: 10rem;
}
.header .language .drop img {
    width: 30rem;
    height: auto;
    margin-right: 10rem;
}

.header .language .drop a:hover {
  color: var(--main-color);
}
.header .language:hover .drop {
  opacity: 1;
  display: block;
  -webkit-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
      transform: translateX(-50%) scale(1);
}
.header1 .language a, .headerfix .language a {
    color: #3f2a18;
}
.header1 .language a:hover, .headerfix .language a:hover{
    color: var(--main-color);
}
@media (max-width:1200px) {
	.header .language {display:none;}
}