@charset "UTF-8";

@font-face {
	font-family: 'HarmonyOS';
	src: url('https://kineo-cdn.dzhc.vip/fonts/harmonyos.ttf');
	font-display: swap;
}

@font-face {
	font-family: 'din';
	src: url('../fonts/din.ttf');
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
	scroll-behavior: smooth;
}

body {
	font-size: 14px;
	line-height: 1.4;
	margin: 0 auto;
	color: #333333;
	letter-spacing: 0.5px;
	background-color: #ffffff;
	font-family: 'HarmonyOS', 'Microsoft YaHei', Arial, sans-serif;
}

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}

caption,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
li,
ol {
	list-style: none;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	margin: 0 auto !important;
}

img {
	border: 0;
	outline: 0;
	vertical-align: middle;
}

input,
select,
textarea,
button,
option {
	vertical-align: middle;
	resize: none;
	-webkit-appearance: none !important;
	appearance: none;
	outline: none;
	border: none;
	background: transparent;
	font-family: 'HarmonyOS', 'Microsoft YaHei', Arial, sans-serif;
}

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

::-moz-selection {
	background: #00a63c;
	color: #ffffff;
	text-shadow: none;
}

::selection {
	background: #00a63c;
	color: #ffffff;
	text-shadow: none;
}

select {
	outline: none;
}

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

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #00a63c;
}

::-webkit-scrollbar-track {
	border-radius: 10px !important;
	background: #EDEDED !important;
}

::-webkit-scrollbar-thumb:hover {
	background: #00a63c;
}


a {
	text-decoration: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

.clear {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}

.clearfix:after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.container {
	padding: 0 8%;
	height: 100%;
	margin: 0 auto;
}

.dly_1 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.dly_2 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.dly_3 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

.dly_4 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}

.dly_5 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.dly_6 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.dly_7 {
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms;
}

.dly_8 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}

.dly_9 {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
}

.dly_10 {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}

.dly_11 {
	-webkit-animation-delay: 2200ms;
	animation-delay: 2200ms;
}

.dly_11 {
	-webkit-animation-delay: 2400ms;
	animation-delay: 2400ms;
}

/*======================等比填充======================*/
*[class*="rect-"] {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

*[class*="rect-"] .full {
	position: absolute;
	left: 0;
	top: 0;
	/* width: 100%; */
	height: 100%;
	object-fit: cover;
}

.rect-50 {
	padding-bottom: 50%;
}

.rect-566 {
	padding-bottom: 56.6%;
}

.rect-67 {
	padding-bottom: 67%;
}

.rect-716 {
	padding-bottom: 71.6%;
}

.rect-100 {
	padding-bottom: 100%;
}

.trans5 {
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.imgZoom img,
.imgY180 img {
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.imgZoom {
	overflow: hidden;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.imgZoom:hover img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.imgY180:hover img {
	cursor: pointer;
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

/*头部*/
.header {
	z-index: 99;
	width: 100%;
	position: fixed;
	top: 0;
	transition: 0.5s all;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
}

.header .headertop {
	width: 100%;
	/* height: 30px; */
}

.header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .language {
	position: relative;
	cursor: pointer;
}

.header .language::before {
	position: absolute;
	content: '';
	font-size: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: url(../images/language.png) center no-repeat;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	background-size: cover;
}

.header .language .icon {
	margin-left: 25px;
	font-size: 18px;
	color: #ffffff;
}

.header .language .langdown {
	position: absolute;
	top: 100%;
	width: 120px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
	overflow: hidden;
	display: none;
}

.header .language .langdown::before {
	content: "";
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: 8px solid rgba(0, 0, 0, .5);
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.header .language .langdown .down_padding {
	background: rgba(0, 0, 0, .5);
	border-radius: 5px;
	overflow: hidden;
}

.header .language .langdown a {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	width: 100%;
	line-height: 38px;
	text-align: center;
}

.header .language:hover .langdown {
	display: block;
}

.header .language .langdown a:hover {
	background: #00a63c;
}

.header .headertop .headercontact a {
	font-size: 15px;
	color: #ffffff;
}

.header .headernav {
	height: 70px;
	margin: 10px 0;
}

.header .headernav .container {
	display: flex;
	justify-content: space-between;
}

.header .headernav .logo {
	height: 70px;
	display: flex;
	align-items: center;
	transition: 0.5s all;
}

.header .headernav .logo img {
	height: 50px;
	display: block;
	transition: 0.5s all;
}

.header .headernav .logo .logo-2 {
	display: none;
}

.header .headernav .nav {
	position: relative;
	display: flex;
	height: 70px;
	transition: 0.5s all;
}

.header .headernav .nav>ul {
	display: flex;
	height: 100%;
}

.header .headernav .nav .drop {
	position: relative;
	display: inline-block;
	padding: 0 2vw;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.header .headernav .nav .drop:last-child {
	padding-right: 0;
}

.header .headernav .nav .drop>a {
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #ffffff;
}

.header .headernav .menubar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .headernav .menubar .headerso {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	cursor: pointer;
}

.header .searchalert {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	padding: 10px 0;
	background: #ffffff;
	display: none;
	z-index: 99;
	box-sizing: border-box;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.header .searchalert.active,
.header.scroll .searchalert.active {
	display: block;
}

.header .searchalert .container {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.header .searchalert .centform {
	width: 60%;
	background: #f5f5f5;
	border-radius: 20px;
	overflow: hidden;
}

.header .searchalert .centform .searchtxt {
	width: calc(100% - 120px);
}

.header .searchalert .centform .searchtxt .searchkey {
	width: 100%;
	float: left;
	padding-left: 15px;
	border: none;
	font-size: 15px;
	line-height: 40px;
	text-align: left;
	box-sizing: border-box;
}

.header .searchalert .centform .searchtxt .searchkey::placeholder {
	color: #999999;
}

.header .searchalert .centform .searchbtn {
	border: none;
	width: 120px;
	background: none;
	text-align: center;
	line-height: 40px;
	margin: 0;
	font-size: 15px;
	color: #666666;
	cursor: pointer;
	outline: none;
	transition: all 0.5s ease;
}

.header .searchalert .centform .searchbtn::before {
	margin-right: 10px;
}

.header .searchalert .centform .searchbtn:hover {
	background: #00a63c;
	color: #ffffff;
	border-color: #00a63c;
}

.header .searchalert .close {
	padding: 0 30px;
	border-left: 1px #cccccc solid;
}

.header .searchalert .close .closeicon {
	display: block;
	font-size: 18px;
	cursor: pointer;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.header .searchalert .close .closeicon:hover {
	color: #00a63c;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.header .headernav .menubar .headeroa {
	position: relative;
	margin-left: 30px;
}

.header .headernav .menubar .headeroa .icon-wo {
	font-size: 20px;
	color: #ffffff;
	line-height: 30px;
}

.header:hover,
.header.scroll {
	background: #ffffff;
	box-shadow: 0 10px 15px rgb(0, 0, 0, .05);
}

.header.scroll {
	/* top: -30px; */
}

.header.scroll .searchalert {
	top: 30px;
	height: 70px;
}

/* .header:hover .headertop {
	background: #00a63c;
} */

.header:hover .headernav .nav .drop>a,
.header.scroll .headernav .nav .drop>a {
	color: #333333;
}

.header:hover .headernav .nav .drop.active>a,
.header .headernav .nav .drop:hover>a,
.header .headernav .nav .drop.active>a,
.header.scroll .headernav .nav .drop.active>a,
.header.scroll .headernav .nav .drop:hover>a {
	color: #00a63c;
	font-weight: bold;
}

.header .headernav .nav .drop:hover::after {
	border: 8px solid transparent;
	border-bottom: 8px solid #00a63c;
	width: 0;
	height: 0;
	position: absolute;
	content: '';
	bottom: 0;
	left: 50%;
	margin-left: -4px;
}

.header .headernav .nav .drop:first-child::after {
	display: none;
}

.header .nav .drop .subnav {
	display: none;
	width: 200px;
	height: auto;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
	position: absolute;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #ffffff;
	/* overflow: hidden; */
}

.header .nav .drop .subnav3 {
	display: none;
	width: 200px;
	height: auto;
	left: calc(100% + 15px);
	top: 0;
	position: absolute;
	background: #ffffff;
	/* overflow: hidden; */
}

.header .nav .drop .subnav .box {
	display: flex;
	justify-content: space-between;
}

.header .nav .drop .subnav .subnavl {
	width: 100%;
	float: left;
	background: #ffffff;
	height: 100%;
}

.header .nav .drop .subnav .subnavl ul {
	padding: 20px 15px;
}

.header .nav .drop .subnav3 .subnavl ul {
	padding: 0;
}

.header .nav .drop .subnav .subnavl li {
	border-bottom: #eeeeee 1px solid;
	position: relative;
}

.header .nav .drop .subnav .subnavl li a {
	width: 100%;
	padding: 0 10px;
	text-align: center;
	line-height: 45px;
	color: #242424;
	font-size: 16px;
	display: block;
	font-weight: normal;
	perspective: 300px;
	-webkit-perspective: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.header .nav .drop .subnav .subnavl li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: scale(1);
	transition: all .5s;
	z-index: -1;
	background: -webkit-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: -o-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: -moz-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: linear-gradient(-110deg, #33a7b1, #00a63c);
}

.header .nav .drop .subnav3 .subnavl li a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: scale(1);
	transition: all .5s;
	z-index: -1;
	background: -webkit-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: -o-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: -moz-linear-gradient(-110deg, #33a7b1, #00a63c);
	background: linear-gradient(-110deg, #33a7b1, #00a63c);
}

.header .nav .drop .subnav .subnavl li:hover .aon:before {
	opacity: 1;
	visibility: visible;
	transform: none;
	width: 100%;
}

.header .nav .drop1 .subnav3 .subnavl li:hover a:before {
	opacity: 1;
	visibility: visible;
	transform: none;
	width: 100%;
}

.header .nav .drop .subnav .subnavl .drop1:hover .aon {
	color: #fff;
}

.header .nav .drop1 .subnav3 .subnavl li:hover a {
	color: #fff;
}

.header .nav .drop .subnav .subnavr {
	width: 64%;
	float: right;
	background: #f8f8f8;
}

.header .nav .drop .subnav .subnavr .navcover {
	padding: 20px;
}

.header .nav .drop .subnav .subnavr .navcover .Img {
	width: 100%;
	position: relative;
}

.header .nav .drop .subnav .subnavr .navcover .Img img {
	width: 100%;
}

.header .nav .drop .subnav .subnavr .navcover .tit {
	font-size: 20px;
	padding: 15px 0px 4px;
	text-align: left;
	font-weight: bold;
}

.header .nav .drop .subnav .subnavr .navcover .sec {
	font-size: 14px;
	color: #5a5a5a;
	line-height: 26px;
	text-align: left;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header:hover .headernav .menubar .headerso,
.header.scroll .headernav .menubar .headerso {
	color: #333333;
}

.header:hover .headernav .menubar .headeroa .icon-wo,
.header.scroll .headernav .menubar .headeroa .icon-wo {
	color: #333333;
}

.header:hover .headernav .menubar .language::before,
.header.scroll .headernav .menubar .language::before {
	background: url(../images/language_on.png) center no-repeat;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	background-size: cover;
}

.header:hover .headernav .menubar .language .icon,
.header.scroll .headernav .menubar .language .icon {
	color: #333333;
}

.header .headernav .menubar .headerso:hover {
	color: #00a63c;
}

.header .headernav .menubar .headeroa:hover .icon-wo {
	color: #00a63c;
}

.header .headernav .menubar .language .icon:hover {
	color: #00a63c;
}

.header .headernav .menubar .language:hover::before {
	background: url(../images/language_c.png) center no-repeat;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	background-size: cover;
}

.header:hover .headernav .logo .logo-2,
.header.scroll .headernav .logo .logo-2 {
	display: block;
}

.header:hover .headernav .logo .logo-1,
.header.scroll .headernav .logo .logo-1 {
	display: none;
}

.mheader {
	display: none;
}

.placeholder {
	display: none;
}

/* banner */
.banner {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

.banner .swiper-slide .img {
	height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
}

.banner .swiper-slide .img img {
	width: 100%;
	height: 100vh;
}

.banner .swiper-slide video {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 12;
	object-fit: cover;
}

.banner .swiper-slide .txt {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 33;
}

.banner .swiper-slide .txt h4 {
	margin-top: 30px;
	font-size: 22px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	transform: translateX(80px);
	opacity: 0;
	transition: all 4s;
}

.banner .swiper-slide .txt h2 {
	margin-top: 30px;
	font-size: 60px;
	color: #ffffff;
	text-shadow: 0 5px 10px rgb(0, 0, 0, .2);
	transform: translateX(60px);
	opacity: 0;
	transition: all 4s;
}

.banner .swiper-slide .txt h2 span {
	color: #00a63c;
}

.banner .swiper-slide .txt .line {
	width: 80px;
	height: 4px;
	background: #ffffff;
	opacity: 0;
	transform: translateX(50px);
	transition: all 4s;
}

.banner .swiper-slide.swiper-slide-active .txt h4,
.banner .swiper-slide.swiper-slide-active .txt h2,
.banner .swiper-slide.swiper-slide-active .txt .line {
	transform: translateX(0px);
	opacity: 1;
}

.banner .banner_btn {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	z-index: 1;
}

.banner .banner_btn .container {
	display: flex;
	align-items: center;
	z-index: 2;
	justify-content: space-between;
}

.banner .banner_btn .btn_left {
	display: flex;
	align-items: center;
	color: #ffffff;
}

.banner .banner_btn .btn_left .sign {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: 10px;
	cursor: pointer;
}

.banner .banner_btn .btn_left .sign span {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	text-align: center;
	position: relative;
}

.banner .banner_btn .btn_left .sign span.play {
	left: 1px;
}

.banner .banner_btn .btn_left .sign span.pause {
	display: none;
}

.banner .banner_btn .btn_left .sign.active span.play {
	display: none;
}

.banner .banner_btn .btn_left .sign.active span.pause {
	display: block;
}

.banner .banner_btn .btn_left .banner-pagination {
	position: relative;
	display: inline-block;
	text-align: left;
	bottom: 0;
}

.banner .banner_btn .btn_left .banner-pagination .swiper-pagination-bullet {
	width: 2rem;
	height: 4px;
	border-radius: 0;
	background: rgba(255, 255, 255, 0.7);
	opacity: 1;
	margin: 0 0.2rem;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
}

.banner .banner_btn .btn_left .banner-pagination .swiper-pagination-bullet-active {
	background: #00a63c;
}

.banner .banner_btn .down {
	position: relative;
	top: 0;
	font-size: 17px;
	color: #ffffff;
	transform: rotate(90deg);
	cursor: pointer;
	-webkit-animation: movedown 2s linear infinite;
	animation: movedown 2s linear infinite;
}

.banner .banner_btn .mousebox {
	width: 40px;
	height: 40px;
	background: #00a63c;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.banner .banner_btn .mousebox .mouse {
	width: 14px;
	height: 25px;
	border-radius: 14px;
	border: 1px #ffffff solid;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

.banner .banner_btn .mousebox .mouse span {
	width: 1px;
	display: inline-block;
	height: 6px;
	background: #ffffff;
	position: relative;
	top: 4px;
	-webkit-animation: move 2s linear infinite;
	animation: move 2s linear infinite;
}

.inabout {
	position: relative;
	padding: 80px 0;
	background: url(../images/inaboutbg.jpg) center no-repeat;
	background-size: cover;
}

.inabout .inabout_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inabout .inabout_top .inabout_top_left {
	width: 48%;
}

.inabout .inabout_top .inabout_top_left .en_title {
	font-size: 18px;
	line-height: 1;
	color: #00a63c;
	font-weight: bold;
}

.inabout .inabout_top .inabout_top_left .line {
	display: flex;
	align-items: center;
	margin: 15px 0;
	height: 7px;
}

.inabout .inabout_top .inabout_top_left .line span {
	margin-right: 3px;
	width: 7px;
	height: 5px;
	border-radius: 50%;
	background: #00a63c;
}

.inabout .inabout_top .inabout_top_left .line span:nth-child(2) {
	opacity: .4;
}

.inabout .inabout_top .inabout_top_left .line span:last-child {
	opacity: .2;
	margin-right: 0;
}

.inabout .inabout_top .inabout_top_left .dt_title {
	margin-bottom: 40px;
	font-size: 36px;
	color: #333333;
	line-height: 1;
}

.inabout .inabout_top .inabout_top_left .txt_cont {
	font-size: 15px;
	color: #666666;
	line-height: 30px;
}

.inabout .inabout_top .inabout_top_left .more {
	margin-top: 50px;
	position: relative;
	display: inline-block;
	border-radius: 25px;
	border: 1px #00a63c solid;
	overflow: hidden;
}

.inabout .inabout_top .inabout_top_left .more a {
	position: relative;
	font-size: 15px;
	color: #666666;
	height: 45px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.inabout .inabout_top .inabout_top_left .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.inabout .inabout_top .inabout_top_left .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.inabout .inabout_top .inabout_top_left .more::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #00a63c;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.inabout .inabout_top .inabout_top_left .more:hover:after {
	right: initial;
	left: 0;
	width: 100%;
}

.inabout .inabout_top .inabout_top_left .more span img:first-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.inabout .inabout_top .inabout_top_left .more:hover a {
	color: #ffffff;
}

.inabout .inabout_top .inabout_top_left .more:hover span:first-child img {
	opacity: 0;
}

.inabout .inabout_top .inabout_top_left .more:hover span:last-child img {
	opacity: 1;
}

.inabout .inabout_top .inabout_top_right {
	width: 40%;
	position: relative;
}

.inabout .inabout_top .inabout_top_right .video_bg {
	position: relative;
	z-index: 2;
}

.inabout .inabout_top .inabout_top_right .video_bg img {
	width: 100%;
}

.inabout .inabout_top .inabout_top_right .videobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.inabout .inabout_top .inabout_top_right .videobox .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.inabout .inabout_top .inabout_top_right .videobox .mask .videoed {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.inabout .inabout_top .inabout_top_right .videobox .mask .videoed img:first-child {
	position: absolute;
}

.inabout .inabout_top .inabout_top_right .videobox .mask .videoed img:last-child {
	-webkit-animation: wheel 3s linear infinite;
	animation: wheel 3s linear infinite;
}

.inabout .video {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .9);
	z-index: 999;
}

.inabout .video .videoList {
	position: relative;
	padding: 40px;
	background: #ffffff;
	width: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.inabout .video .close {
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 100%;
	font-size: 17px;
	color: #333333;
	cursor: pointer;
}

.inabout .video .close:hover {
	color: #00a63c;
}

.inabout .inabout_bottom {
	position: relative;
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inabout .inabout_bottom .item {
	position: relative;
	width: 33.333333%;
	padding: 20px 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.inabout .inabout_bottom .item .inforbox {
	position: relative;
}

.inabout .inabout_bottom .item .inforbox::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background: rgb(0, 0, 0, .05);
	z-index: 2;
}

.inabout .inabout_bottom .item .inforbox .infor {
	position: relative;
	padding: 40px 30px;
	background: #ffffff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	z-index: 2;
}

.inabout .inabout_bottom .item .name {
	font-size: 60px;
	font-weight: bold;
	color: #00a63c;
}

.inabout .inabout_bottom .item .content {
	margin-top: 20px;
	font-size: 15px;
	line-height: 28px;
	height: 56px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.inabout .inabout_bottom .item .more {
	margin-top: 35px;
	font-size: 15px;
	color: #666666;
	display: inline-block;
}

.inabout .inabout_bottom .item .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
}

.inabout .inabout_bottom .item .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inabout .inabout_bottom .item .more span {
	margin-left: 8px;
	font-size: 18px;
}

.inabout .inabout_bottom .item:hover {
	padding: 0;
}

.inabout .inabout_bottom .item:hover .inforbox .infor {
	padding: 60px 30px;
	background: rgb(0 166 60 / 80%);
	border-radius: 5px;
	overflow: hidden;
}

.inabout .inabout_bottom .item:hover .name,
.inabout .inabout_bottom .item:hover .content,
.inabout .inabout_bottom .item:hover .more {
	color: #ffffff;
}

.inabout .inabout_bottom .item .more:hover span {
	margin-left: 15px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.inabout .inabout_bottom .item:hover .bg {
	opacity: 1;
}

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

.inproduct .inproduct_left {
	position: absolute;
	width: 18%;
	height: 100%;
	left: 50%;
	top: 0;
	z-index: 22;
}

.inproduct .inproduct_left .inproduct_list {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: right;
	position: absolute;
}

.inproduct .inproduct_left .inproduct_list .swiper-wrapper {
	transform: translate3d(0px, 0, 0) !important;
	flex-direction: column;
	justify-content: center;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide {
	height: auto;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide:last-child {
	margin-bottom: 0;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide .dot {
	position: relative;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide .dots {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ffffff;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide .hdot {
	width: 30px;
	height: 30px;
	position: absolute;
	transform: translate(-50%, -50%) rotate(-90deg);
	transform-origin: 30px;
	opacity: 0;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide .name {
	margin-left: 20px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide.swiper-slide-thumb-active .hdot {
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.inproduct .inproduct_left .inproduct_list .swiper-slide.swiper-slide-thumb-active .dotss {
	animation: dots infinite 5s linear;
}

.inproduct .inproduct_right {
	position: relative;
	width: 100%;
	z-index: 1;
}

.inproduct .inproduct_right .infor_right {
	position: relative;
	z-index: 22;
	width: 40%;
	padding: 120px 0;
	height: 100%;
	margin-left: 70%;
}

.inproduct .inproduct_right .infor_right .en_title {
	font-size: 18px;
	line-height: 1;
	color: #ffffff;
	font-weight: bold;
}

.inproduct .inproduct_right .infor_right .line {
	display: flex;
	align-items: center;
	margin: 15px 0;
	height: 7px;
}

.inproduct .inproduct_right .infor_right .line span {
	margin-right: 3px;
	width: 7px;
	height: 5px;
	border-radius: 50%;
	background: #ffffff;
}

.inproduct .inproduct_right .infor_right .line span:nth-child(2) {
	opacity: .4;
}

.inproduct .inproduct_right .infor_right .line span:last-child {
	opacity: .2;
	margin-right: 0;
}

.inproduct .inproduct_right .infor_right .dt_title {
	margin-bottom: 60px;
	font-size: 28px;
	color: #ffffff;
	line-height: 1;
}

.inproduct .inproduct_right .inproduct_cont {
	position: relative;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide {
	opacity: 0 !important;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .zhe {
	position: absolute;
	width: 60%;
	height: 100%;
	right: 0;
	z-index: 2;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .zhe img {
	width: 100%;
	height: 100%;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop {
	position: relative;
	width: 75%;
	padding: 40px;
	background: #ffffff;
	border-radius: 10px;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .nbox {
	display: flex;
	justify-content: space-between;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .nbox .name {
	font-size: 22px;
	color: #00a63c;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .nbox .icon {
	position: relative;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .nbox .icon img {
	height: 50px;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .list a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .list a:nth-child(2n) {
	margin-right: 0;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .slidetop .list a:hover {
	color: #00a63c;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more {
	margin-top: 80px;
	position: relative;
	display: inline-block;
	;
	border-radius: 25px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffffff;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more:hover::after {
	right: initial;
	left: 0;
	width: 100%;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more a {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	height: 45px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more span img:last-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more:hover a {
	color: #00a63c;
	background: #ffffff;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more:hover span:first-child img {
	opacity: 0;
}

.inproduct .inproduct_right .inproduct_cont .swiper-slide .more:hover span:last-child img {
	opacity: 1;
}

.minproduct {
	display: none;
}


.insolution {
	position: relative;
}

.insolution .solutiontop {
	padding: 80px 0 50px;
}

.insolution .solutiontop .en_title {
	font-size: 18px;
	line-height: 1;
	color: #00a63c;
	font-weight: bold;
}

.insolution .solutiontop .line {
	display: flex;
	align-items: center;
	margin: 15px 0;
	height: 7px;
}

.insolution .solutiontop .line span {
	margin-right: 3px;
	width: 7px;
	height: 5px;
	border-radius: 50%;
	background: #00a63c;
}

.insolution .solutiontop .line span:nth-child(2) {
	opacity: .4;
}

.insolution .solutiontop .line span:last-child {
	opacity: .2;
	margin-right: 0;
}

.insolution .solutiontop .dt_title {
	font-size: 36px;
	color: #333333;
	line-height: 1;
}

.insolution .solutionbox {
	position: relative;
}

.insolution .solutionbox .insolution_list {
	position: absolute;
	height: 100%;
	right: 8%;
	z-index: 22;
}

.insolution .solutionbox .insolution_list .swiper-wrapper {
	transform: translate3d(0px, 0px, 0px) !important;
	flex-direction: column;
	justify-content: center;
	align-items: end;
}

.insolution .solutionbox .insolution_list .swiper-slide {
	height: 27px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: bold;
	background: rgb(255, 255, 255, .9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.insolution .solutionbox .insolution_list .swiper-slide:last-child {
	margin-bottom: 0;
}

.insolution .solutionbox .insolution_list .swiper-slide .icon {
	display: block;
	width: 55px;
	height: 40px;
	overflow: hidden;
	margin-right: 20px;
}

.insolution .solutionbox .insolution_list .swiper-slide .icon img {
	height: 40px;
}

.insolution .solutionbox .insolution_list .swiper-slide.swiper-slide-thumb-active,
.insolution .solutionbox .insolution_list .swiper-slide:hover {
	color: #ffffff;
	background: rgb(0 166 60 / 80%);
}

.insolution .solutionbox .insolution_list .swiper-slide.swiper-slide-thumb-active .icon img,
.insolution .solutionbox .insolution_list .swiper-slide:hover .icon img {
	transform: translateX(-55px);
}

.insolution .solutionbox .insolution_cont .swiper-slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.insolution .solutionbox .insolution_cont .swiper-slide .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.insolution .solutionbox .insolution_cont .swiper-slide .infor {
	position: relative;
	width: 46%;
	padding: 19vh 0;
	z-index: 3;
}

.insolution .solutionbox .insolution_cont .swiper-slide .name {
	font-size: 28px;
	color: #ffffff;
}

.insolution .solutionbox .insolution_cont .swiper-slide .cont {
	margin-top: 50px;
	font-size: 16px;
	color: #ffffff;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more {
	margin-top: 120px;
	position: relative;
	display: inline-block;
	;
	border-radius: 25px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffffff;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more:hover:after {
	right: initial;
	left: 0;
	width: 100%;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more a {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	height: 45px;
	border-radius: 25px;
	border: 1px #ffffff solid;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more span img:last-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more:hover a {
	color: #00a63c;
	background: #ffffff;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more:hover span:first-child img {
	opacity: 0;
}

.insolution .solutionbox .insolution_cont .swiper-slide .more:hover span:last-child img {
	opacity: 1;
}

.innews {
	position: relative;
	padding: 80px 0;
	background: url(../images/innewsbg.jpg) center no-repeat;
	background-size: cover;
}

.innews .en_title {
	font-size: 18px;
	line-height: 1;
	color: #00a63c;
	font-weight: bold;
}

.innews .line {
	display: flex;
	align-items: center;
	margin: 15px 0;
	height: 7px;
}

.innews .line span {
	margin-right: 3px;
	width: 7px;
	height: 5px;
	border-radius: 50%;
	background: #00a63c;
}

.innews .line span:nth-child(2) {
	opacity: .4;
}

.innews .line span:last-child {
	opacity: .2;
	margin-right: 0;
}

.innews .dt_title {
	font-size: 36px;
	color: #333333;
	line-height: 1;
}

.innews .innewsbox {
	position: relative;
	margin-top: 50px;
	padding-left: 8%;
}

.innews .innewsbox .swiper-slide {
	width: 28% !important;
	margin-right: 20px;
}

.innews .innewsbox .swiper-slide:last-child {
	margin-right: 0;
}

.innews .innewsbox .swiper-slide .infor {
	padding: 20px 15px;
	background: #ffffff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.innews .innewsbox .swiper-slide .infor .catdate {
	font-size: 15px;
	color: #00a63c;
}

.innews .innewsbox .swiper-slide .infor .catdate span {
	margin-right: 10px;
}

.innews .innewsbox .swiper-slide .infor .catdate span:last-child {
	margin-right: 0;
}

.innews .innewsbox .swiper-slide .infor .title {
	margin: 15px 0;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.innews .innewsbox .swiper-slide .infor .desc {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.innews .innewsbox .swiper-slide .infor .more {
	margin-top: 20px;
	position: relative;
	font-size: 14px;
	color: #666666;
}

.innews .innewsbox .swiper-slide .infor .more span {
	color: #00a63c;
	margin-right: 5px;
	-webkit-transition: .5s;
	transition: .5s;
}

.innews .innewsbox .swiper-slide:hover .infor .title {
	color: #00a63c;
}

.innews .newsbox .group .item .mation .more:hover span {
	margin-right: 10px;
}

.innews .innewsbox .innewsbtn {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.innews .innewsbox .innewsbtn .swiperbtn {
	display: flex;
}

.innews .innewsbox .innewscont .innewsprev,
.innews .innewsbox .innewscont .innewsnext {
	width: 50px;
	height: 50px;
	background: #ffffff;
	border-radius: 50%;
	color: #00a63c;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	cursor: pointer;
}

.innews .innewsbox .innewscont .innewsprev {
	margin-right: 10px;
	transform: rotate(-180deg);
}

.innews .innewsbox .innewscont .innewsprev:hover,
.innews .innewsbox .innewscont .innewsnext:hover {
	color: #ffffff;
	background: #00a63c;
}

.innews .innewsbox .innewscont .innewsprev.swiper-button-disabled,
.innews .innewsbox .innewscont .innewsnext.swiper-button-disabled,
.innews .innewsbox .innewscont .innewsprev.swiper-button-disabled:hover,
.innews .innewsbox .innewscont .innewsnext.swiper-button-disabled:hover {
	cursor: auto;
	opacity: .6;
	color: #00a63c;
	background: #ffffff;
}

.innews .innewsbox .swiper-scrollbar {
	position: relative;
	width: calc(100% - 120px);
	height: 2px;
	background: #00a63c;
	margin-bottom: 5px;
}

.innews .innewsbox .swiper-scrollbar .swiper-scrollbar-drag {
	background: #00a63c;
	height: 7px;
	top: 50%;
	margin-top: -3.5px;
	border-radius: 7px;
}

/* 合作伙伴 */
.inhonor {
	position: relative;
	padding: 80px 0;
	background: url(../images/inaboutbg.jpg) center no-repeat;
	background-size: cover;
}

.mt60 {
	margin-top: 60px;
}

.inhonor .en_title {
	font-size: 18px;
	line-height: 1;
	color: #00a63c;
	font-weight: bold;
}

.inhonor .line {
	display: flex;
	align-items: center;
	margin: 15px 0;
	height: 7px;
}

.inhonor .line span {
	margin-right: 3px;
	width: 7px;
	height: 5px;
	border-radius: 50%;
	background: #00a63c;
}

.inhonor .line span:nth-child(2) {
	opacity: .4;
}

.inhonor .line span:last-child {
	opacity: .2;
	margin-right: 0;
}

.inhonor .dt_title {
	font-size: 36px;
	color: #333333;
	line-height: 1;
}

.inhonor .picMarquee-left,
.inhonor .picMarquee-right {
	width: 100%;
	overflow: hidden;
	margin-bottom: 25px
}

.inhonor .picMarquee-left li,
.inhonor .picMarquee-right li {
	float: left;
	width: 200px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 0 20px;
	background: #fff;
	overflow: hidden;
}

.inhonor .picMarquee-left li:hover,
.inhonor .picMarquee-right li:hover {
	border-color: #00a63c;
}

.inhonor .picMarquee-left img,
.inhonor .picMarquee-right img {
	max-width: 100%;
	max-height: 100%
}

/* 合作伙伴end */
.footer {
	position: relative;
	background: url(../images/footerbg.jpg) center no-repeat;
	background-size: cover;
}

.footer .incontact {
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer .incontact .incontactleft .title {
	font-size: 40px;
	color: #ffffff;
}

.footer .incontact .incontactleft .intro {
	font-size: 18px;
	color: #ffffff;
}

.footer .incontact .incontactright {
	position: relative;
	display: inline-block;
	;
	border-radius: 25px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

.footer .incontact .incontactright::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffffff;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.footer .incontact .incontactright:hover:after {
	right: initial;
	left: 0;
	width: 100%;
}

.footer .incontact .incontactright a {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	height: 45px;
	border-radius: 25px;
	border: 1px #ffffff solid;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.footer .incontact .incontactright span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.footer .incontact .incontactright span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footer .incontact .incontactright span img:last-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.footer .incontact .incontactright:hover a {
	color: #00a63c;
	background: #ffffff;
}

.footer .incontact .incontactright:hover span:first-child img {
	opacity: 0;
}

.footer .incontact .incontactright:hover span:last-child img {
	opacity: 1;
}

.footer .footertop {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 35px;
	border-bottom: 1px rgb(255, 255, 255, .1) solid;
}

.footer .footertop .flogo img {
	height: 60px;
}

.footer .footertop .slogan {
	font-size: 24px;
	color: #ffffff;
}

.footer .footerbottom {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 30px 0 40px;
}

.footer .footerbottom .fbottomleft {
	position: relative;
}

.footer .footerbottom .fbottomleft .footernav a {
	font-size: 16px;
	margin-right: 35px;
	color: #ffffff;
}

.footer .footerbottom .fbottomleft .footernav a:hover {
	opacity: .6;
}

.footer .footerbottom .fbottomleft .copyright {
	margin-top: 30px;
	font-size: 15px;
	color: rgb(255, 255, 255, .6);
}

.footer .footerbottom .fbottomleft .copyright a {
	color: rgb(255, 255, 255, .6);
}

.footer .footerbottom .fbottomleft .copyright a:hover {
	color: rgb(255, 255, 255, 1);
}

.footer .footerbottom .waybox {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.footer .footerbottom .waybox .ewm {
	width: 105px;
}

.footer .footerbottom .waybox .ewm img {
	width: 105px;
	height: 105px;
	border-radius: 5px;
}

.footer .footerbottom .waybox .ewm p {
	margin-top: 10px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}

.footer .footerbottom .contway {
	margin-left: 25px;
	width: 100%;
}

.footer .footerbottom .contway p {
	font-size: 15px;
	color: #ffffff;
	line-height: 28px;
}

.footer .footerbottom .contway p a {
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
}

.actGotop {
	position: fixed;
	bottom: 18%;
	right: 30px;
	width: 50px;
	height: 50px;
	display: none;
	background: rgb(255, 255, 255, .8);
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	box-shadow: 0 10px 15px rgb(0, 0, 0, .1);
	z-index: 999;
	cursor: pointer;
}

.actGotop a {
	font-size: 22px;
	color: #00a63c;
}

.actGotop:hover {
	background: #ffffff;
	outline: none;
}

/*二级页面banner*/
.pbanner {
	width: 100%;
	position: relative;
	color: #fff;
	overflow: hidden;
}

.pbanner .bannerimg {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
}

.pbanner .bannerimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-animation: picMove 3s ease;
	animation: picMove 3s ease;
}

.pbanner .bannerText {
	position: relative;
	padding: 50vh 0 10vh;
	background: rgba(0, 0, 0, 0.05);
}

.pbanner .bannerText .container {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.pbanner .bannerText .container .visualsub {
	font-size: 48px;
	color: #ffffff;
	text-shadow: 0 5px 10px rgb(0, 0, 0, .2);
}

.pbanner .bannerText .container .visualtit {
	font-size: 18px;
	text-transform: uppercase;
}

/* .pagenav{position: absolute;width: 100%; overflow: hidden; transform: translateY(-100%);  z-index: 2;}
.pagenav .menunav{ padding: 25px 0; position: relative; background: linear-gradient(267deg, rgba(0,101,73,.95) 0%, rgba(48,161,144,.95) 100%);border-radius: 30px 0 0 0;}
.pagenav .menunav .container{display: flex; align-items: center; justify-content: center; }
.pagenav .menunav .item{ height: 100%;display: flex;align-items: center;justify-content: center; position: relative; padding:0 4vw;}
.pagenav .menunav .item::after{  content: ''; position: absolute; width: 1px; height: 20px; top: 50%;  right:0; background: rgba(255, 255, 255, 0.4); transform: translateY(-50%);}
.pagenav .menunav .item a{ position: relative; font-size: 20px;font-weight: 400;color: #FFFFFF;}
.pagenav .menunav .item a:before{content: ''; position: absolute; right: 0; bottom: -8px; width: 0; height: 2px; background: #ffffff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pagenav .menunav .item:last-child::after{display: none;}
.pagenav .menunav .item:hover a:before,.pagenav .menunav .item.active a:before{ left: 0; width: 100%;} */
.pagenav {
	position: relative;
	margin-top: 70px;
	display: flex;
	align-items: center;
}

.pagenav a {
	position: relative;
	font-size: 17px;
	color: #ffffff;
	padding: 12px 2vw;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 100px;
	margin-left: 25px;
}

.pagenav a:first-child {
	margin-left: 0;
}

.pagenav a:hover,
.pagenav a.active {
	background: #ffffff;
	color: #00a63c;
}

.pageabout {
	position: relative;
	padding: 80px 0;
	background: #ffffff url(../images/pageabout.png) left bottom no-repeat;
}

.pageabout .pageaboutTop {
	display: flex;
	justify-content: space-between;
}

.pageabout .aboutleft {
	width: 48%;
}

.pageabout .aboutleft .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pageabout .aboutleft .title_dd span {
	border-radius: 100%;
	background: #00a63c;
}

.pageabout .aboutleft .title_dd span.title_dd_icon1 {
	width: 4px;
	height: 4px;
	margin-left: 10px;
}

.pageabout .aboutleft .title_dd span.title_dd_icon2 {
	width: 6px;
	height: 6px;
	margin: 0px 3px;
}

.pageabout .aboutleft .title_dd span.title_dd_icon3 {
	width: 8px;
	height: 8px;
}

.pageabout .aboutleft .title_dt {
	margin-top: 10px;
	font-size: 22px;
	color: #333333;
}

.pageabout .aboutleft .cont {
	margin-top: 40px;
	font-size: 16px;
	line-height: 30px;
	height: 240px;
	color: #666666;
	overflow: auto;
	text-indent: 2em;
}

.pageabout .aboutleft .cont::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.pageabout .aboutleft .cont::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #00a63c;
}

.pageabout .aboutleft .cont::-webkit-scrollbar-track {
	border-radius: 10px !important;
	background: #EDEDED !important;
}

.pageabout .aboutleft .cont::-webkit-scrollbar-thumb:hover {
	background: #00a63c;
}

.pageabout .aboutleft .reflection {
	margin-top: 40px;
	position: relative;
}

.pageabout .aboutleft .reflection .dt {
	font-size: 18px;
	color: #999999;
}

.pageabout .aboutleft .reflection .dd {
	margin-top: 5px;
	font-size: 24px;
	color: #00a63c;
	font-weight: bold;
}

.pageabout .aboutright {
	width: 46%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.pageabout .aboutright .video_bg {
	position: relative;
	z-index: 2;
	height: 100%;
}

.pageabout .aboutright .video_bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageabout .aboutright .videobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.pageabout .aboutright .videobox .mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pageabout .aboutright .videobox .mask .videoed {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.pageabout .aboutright .videobox .mask .videoed img:first-child {
	position: absolute;
}

.pageabout .aboutright .videobox .mask .videoed img:last-child {
	-webkit-animation: wheel 3s linear infinite;
	animation: wheel 3s linear infinite;
}

.pageabout .pageaboutBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}

.pageabout .video {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .9);
}

.pageabout .video .videoList {
	position: relative;
	padding: 40px;
	background: #ffffff;
	width: 60%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pageabout .video .close {
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 100%;
	font-size: 17px;
	color: #333333;
	cursor: pointer;
}

.pageabout .video .close:hover {
	color: #00a63c;
}

.pageabout .pageaboutBottom .number {
	position: relative;
	width: 100%;
	padding: 40px 0 40px 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #00a63c;
	border-radius: 100px 0px 0px 100px;
}

.pageabout .pageaboutBottom .number::before {
	position: absolute;
	content: '';
	right: -50vw;
	width: 50vw;
	height: 100%;
	display: inline-block;
	background: #00a63c;
}

.pageabout .pageaboutBottom .number .item {
	position: relative;
	box-sizing: border-box;
}

.pageabout .pageaboutBottom .number .item .T {
	display: -webkit-flex;
	display: flex;
	align-items: flex-end;
}

.pageabout .pageaboutBottom .number .item .T .timer {
	font-size: 52px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	margin-right: 10px;
}

.pageabout .pageaboutBottom .number .item .T .num {
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}

.pageabout .pageaboutBottom .number .item .c {
	margin-top: 10px;
	font-size: 16px;
	color: #ffffff;
}

/* 发展历程 */
.section {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.pt160 {
	padding-top: 160px;
}

.abocm img.bg {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 0;
	pointer-events: none;
}

.abocm .CommonTitle {
	position: relative;
	z-index: 3;
}

.IndFun {
	overflow: hidden;
	opacity: 0;
	width: 0px;
	white-space: nowrap;
	letter-spacing: 0;
	animation: typing 1s steps(100, end) forwards .6s;
}

.abocm-svp {
	padding-left: 0px;
	transform: rotate(-10deg);
	margin-top: 190px;
	position: relative;
}

.abocm-svp>div {
	/* overflow: hidden; */
	padding-top: 10px;
}

.abocm-svp .swiper-container {
	overflow: inherit;
}

.abocm-lun {
	transform: rotate(10deg);
	padding-top: 10px;
	height: 520px;
}

.abocm-lun .num {
	width: 100px;
	padding-top: 12px;
}

.abocm-lun .num span {
	display: block;
	position: relative;
}

.abocm-lun .num span::before {
	content: "";
	position: absolute;
	background-color: #e4e4e4;
	width: 1px;
	height: 100vh;
	bottom: calc(-100vh - 50px);
	left: 50%;
	transform: translateX(-50%);
}

.abocm-lun .cont {
	width: calc(100% - 100px);
}

.data {
	position: relative;
	top: -10%;
	left: 20%;
	border-radius: 50%;
	background: #00a63c;
	width: 100px;
	height: 100px;
	line-height: 100px !important;
	/* margin: 0 auto; */
	text-align: center;
	color: #fff;
}

.data::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -9px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00a63c;
}

.data1 {
	position: relative;
	top: 10%;
	left: 20%;
	border-radius: 50%;
	background: #00a63c;
	width: 100px;
	height: 100px;
	line-height: 100px !important;
	/* margin: 0 auto; */
	text-align: center;
	color: #fff;
}

.data1::after {
	content: '';
	position: absolute;
	left: 50%;
	top: -9px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00a63c;
	transform: rotate(180deg);
}

.abocm-pages {
	display: none;
}

.abocm-btn {
	position: absolute;
	z-index: 4;
	right: 20px;
	top: 440px;
	animation: abocmBtn .6s linear infinite alternate;
}

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

.fs30 {
	font-size: 30px;
}

.fs20 {
	font-size: 17px;
}

.lh22 {
	line-height: 28px;
}

@media (max-width: 1000px) {
	.fs20 {
		font-size: 16px;
	}

	.abocm-svp {
		padding-left: 0px;
		transform: rotate(0deg);
		margin-top: 45px;
		padding-left: 10%;
		padding-bottom: 36px;
	}

	.abocm-lun {
		transform: rotate(0deg);
		padding-top: 0px;
		height: auto;
	}

	.abocm img.bg {
		display: none;
	}

	.abocm-lun .num {
		display: none;
	}

	.abocm-lun .cont {
		width: 100%;
	}

	.data,
	.data1 {
		left: 10%;
	}
}

@media (max-width: 768px) {
	.data {
		left: 15%;
		top: -30%;
	}

	.data1 {
		left: 15%;
		top: 30%;
	}
}

.pagebranch {
	position: relative;
	padding: 80px 0;
	/*background: #f7f7f7;*/
}

.pagebranch .container {
	/* display: flex;
	justify-content: space-between; */
}

.pagebranch .branchlistinfor {
	width: 100%;
}

.pagebranch .branchlist .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pagebranch .branchlist .title_dd span {
	border-radius: 100%;
	background: #00a63c;
}

.pagebranch .branchlist .title_dd span.title_dd_icon1 {
	width: 4px;
	height: 4px;
	margin-left: 10px;
}

.pagebranch .branchlist .title_dd span.title_dd_icon2 {
	width: 6px;
	height: 6px;
	margin: 0px 3px;
}

.pagebranch .branchlist .title_dd span.title_dd_icon3 {
	width: 8px;
	height: 8px;
}

.pagebranch .branchlist .title_dt {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 22px;
	color: #333333;
}

.pagebranch .branchlist .swiper-wrapper {
	/* flex-direction: column; */
}

.pagebranch .branchlist .swiper-slide {
	height: auto;
	position: relative;
	display: flex;
	margin-bottom: 30px;
	cursor: pointer;
}

.pagebranch .branchlist .swiper-slide:last-child {
	margin-bottom: 0;
}

.pagebranch .branchlist .swiper-slide .li_br {
	position: absolute;
	top: 15px;
	left: 8px;
	width: 10px;
	height: 10px;
	background: #00a63c;
	border-radius: 50%;
	z-index: 10;
}

.pagebranch .branchlist .swiper-slide .li_br::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	background: rgba(48, 161, 144, .2);
	border-radius: 50%;
	opacity: 0;
	transition: all 0.36s;
}

.pagebranch .branchlist .swiper-slide .li_br1 {
	position: absolute;
	top: 15px;
	left: 12px;
	width: 1px;
	height: 100%;
	background: #F7F7F7;
}

.pagebranch .branchlist .swiper-slide .li_br1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: #00a63c;
}

.pagebranch .branchlist .swiper-slide .icon_br {
	width: 28px;
	padding-left: 30px;
}

.pagebranch .branchlist .swiper-slide .icon_br img {
	height: 25px;
}

.pagebranch .branchlist .swiper-slide .cont_br {
	padding: 0 35px;
	width: 100%
}

.pagebranch .branchlist .swiper-slide .cont_br .name {
	margin-bottom: 20px;
	font-size: 30px;
	color: #333333;
}

.pagebranch .branchlist .swiper-slide .cont_br .miaoshu {
	font-size: 18px;
	color: #666666;
	line-height: 28px;
	/* display: none; */
	/* text-align: justify; */
}

.pagebranch .branchlist .swiper-slide .cont_br .miaoshu::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.pagebranch .branchlist .swiper-slide .cont_br .miaoshu::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #00a63c;
}

.pagebranch .branchlist .swiper-slide .cont_br .miaoshu::-webkit-scrollbar-track {
	border-radius: 10px !important;
	background: #EDEDED !important;
}

.pagebranch .branchlist .swiper-slide .cont_br .miaoshu::-webkit-scrollbar-thumb:hover {
	background: #00a63c;
}

.pagebranch .branchlist .swiper-slide.swiper-slide-thumb-active .li_br::after {
	opacity: 1;
}

.pagebranch .branchlist .swiper-slide.swiper-slide-thumb-active .li_br1::after {
	height: 100%;
	transition: all 3s;
}

.pagebranch .branchlist .swiper-slide.swiper-slide-thumb-active .name {
	color: #00a63c;
}

.pagebranch .branchlist .swiper-slide.swiper-slide-thumb-active .cont_br .miaoshu {
	/* display: block; */
}

.pagebranch .branchlist .swiper-slide .cont_br .more a:hover {
	color: #00a63c;
}

.pagebranch .branchcontinfor {
	width: 50%;
}

.pagebranch .branchcontinfor .branchcont {
	height: 100%;
}

.pagebranch .branchcontinfor .swiper-slide {
	overflow: hidden;
}

.pagebranch .branchcontinfor .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.pageculture {
	position: relative;
	padding: 80px 0;
}

.pageculture .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pageculture .title_dd span {
	border-radius: 100%;
	background: #00a63c;
}

.pageculture .title_dd span.title_dd_icon1 {
	width: 4px;
	height: 4px;
	margin-left: 10px;
}

.pageculture .title_dd span.title_dd_icon2 {
	width: 6px;
	height: 6px;
	margin: 0px 3px;
}

.pageculture .title_dd span.title_dd_icon3 {
	width: 8px;
	height: 8px;
}

.pageculture .title_dt {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 22px;
	color: #333333;
}

.pageculture .culturebox {
	margin-top: 40px;
	position: relative;
	height: 65vh;
}

.pageculture .culturebox .culture_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.pageculture .culturebox .culture_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pageculture .culturebox .culture_content {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 22;
}

.pageculture .culturebox .culture_content:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .2);
	z-index: 1;
}

.pageculture .culturebox .culture_content .content_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: relative;
	z-index: 2;
}

.pageculture .culturebox .culture_content .content_list .list_icon {
	text-align: center;
}

.pageculture .culturebox .culture_content .content_list .list_icon img {
	height: 60px;
}

.pageculture .culturebox .culture_content .content_list .list_title {
	text-align: center;
}

.pageculture .culturebox .culture_content .content_list .list_title .list_title_dd {
	font-size: 28px;
	color: #ffffff;
	margin-top: 40px;
	margin-bottom: 15px;
}

.pageculture .culturebox .culture_content .content_list .list_title .list_title_dt {
	font-size: 17px;
	color: #ffffff;
	opacity: .6;
	text-transform: uppercase;
}

.pageculture .culturebox .culture_content .content_list .list_txt {
	padding: 0px 40px;
	text-align: center;
	opacity: 0;
	height: 60px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pageculture .culturebox .culture_content .content_list .list_txt p {
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	position: relative;
}

.pageculture .culturebox .culture_content .content_list::before {
	content: "";
	display: inline-block;
	width: 0%;
	height: 5px;
	background: #00a63c;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pageculture .culturebox .culture_content .content_list:hover:before {
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pageculture .culturebox .culture_content .content_list:hover {
	background: rgb(0 166 60 / 40%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pageculture .culturebox .culture_content .content_list:hover .list_txt {
	margin-top: 60px;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagecertificate {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background: #ffffff;
}

.pagecertificate .certificatetop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagecertificate .certificatetop .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pagecertificate .certificatetop .title_dd span {
	border-radius: 100%;
	background: #00a63c;
}

.pagecertificate .certificatetop .title_dd span.title_dd_icon1 {
	width: 4px;
	height: 4px;
	margin-left: 10px;
}

.pagecertificate .certificatetop .title_dd span.title_dd_icon2 {
	width: 6px;
	height: 6px;
	margin: 0px 3px;
}

.pagecertificate .certificatetop .title_dd span.title_dd_icon3 {
	width: 8px;
	height: 8px;
}

.pagecertificate .certificatetop .title_dt {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 22px;
	color: #333333;
}

.pagecertificate .certificatetop .more {
	position: relative;
	display: inline-block;
	border-radius: 25px;
	border: 1px #00a63c solid;
	overflow: hidden;
}

.pagecertificate .certificatetop .more a {
	position: relative;
	font-size: 15px;
	color: #666666;
	height: 45px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.pagecertificate .certificatetop .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.pagecertificate .certificatetop .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagecertificate .certificatetop .more::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #00a63c;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.pagecertificate .certificatetop .more:hover:after {
	right: initial;
	left: 0;
	width: 100%;
}

.pagecertificate .certificatetop .more span img:first-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.pagecertificate .certificatetop .more:hover a {
	color: #ffffff;
}

.pagecertificate .certificatetop .more:hover span:first-child img {
	opacity: 0;
}

.pagecertificate .certificatetop .more:hover span:last-child img {
	opacity: 1;
}

.pagecertificate .certificatebox {
	position: relative;
	display: flex;
	flex-wrap: wrap
}

.pagecertificate .certificatebox .swiper-slide {
	width: calc((100% - 60px)/4);
	margin-right: 20px;
	padding: 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	overflow: hidden;
}

.pagecertificate .certificatebox .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
}

.pagecertificate .certificatebox .swiper-slide:last-child {
	margin-right: 0;
}

.pagecertificate .certificatebox .swiper-pagination {
	position: relative;
	bottom: 0;
	margin-top: 20px;
}

.pagecertificate .certificatebox .swiper-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 4px;
	border-radius: 0;
}

.pagecertificate .certificatebox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #00a63c;
}

.pagehonor {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.pagehonor .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagehonor .honorpage {
	position: relative;
	margin-top: 30px;
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

.pagehonor .honorpage .item {
	width: 100%;
	padding: 20px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f9f9;
	overflow: hidden;
}

.pagehonor .honorpage .item img {
	max-width: 100%;
	max-height: 100%;
}

.pageproduct {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb;
}

.pageproduct .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pageproduct .productbox {
	position: relative;
	margin-top: 30px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.pageproduct .productbox .item {
	position: relative;
	background: #ffffff;
	border-radius: 5px;
	overflow: hidden;
}

.pageproduct .productbox .item .img {
	overflow: hidden;
	/* background: url(../images/proimgbg.png) no-repeat center; */
	background-size: cover;
	padding: 1vw 2vw;
}

.pageproduct .productbox .item .img .rect-716 {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-box-reflect: below -16% -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.2)));
	position: relative;
}

.pageproduct .productbox .item .img img {
	/* position: absolute; */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.pageproduct .productbox .item .namebox {
	position: relative;
	padding: 30px 20px;
	background: #ffffff;
}

.pageproduct .productbox .item .namebox .title {
	position: relative;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.pageproduct .productbox .item .namebox .desc {
	padding-top: 10px;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pageproduct .productbox .item .namebox .more {
	position: relative;
	padding-top: 20px;
	font-size: 15px;
	color: #666666;
}

.pageproduct .productbox .item .namebox .more span {
	margin-left: 10px;
	font-size: 15px;
	color: #00a63c;
}

.pageproduct .productbox .item .namebox .more::after {
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	top: 0;
	height: 2px;
	background: #f5f5f5;
}

.pageproduct .productbox .item .namebox .more::before {
	position: absolute;
	content: '';
	width: 0;
	right: 0;
	top: 0;
	height: 2px;
	background: #00a63c;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
}

.pageproduct .productbox .item:hover .namebox .more::before {
	width: 100%;
	left: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pageproduct .productbox .item:hover .namebox .title {
	color: #00a63c;
}

.pageproduct .productbox .item:hover {
	box-shadow: 0px 10px 20px 0px rgb(48, 161, 144, .1);
}

.pageproduct .productbox .item:hover .namebox .more {
	color: #00a63c;
}

.battery-template {
	position: relative;
	padding: 200px 0 100px;
	background: url(../images/batterybg1.jpg) center no-repeat;
	background-size: cover;
}

.battery-template .container {
	display: flex;
	justify-content: space-between;
}

.battery-template .left {
	width: 50%;
}

.battery-template .left .title {
	font-size: 42px;
	color: #333333;
	font-weight: bold;
}

.battery-template .left .line {
	width: 80px;
	height: 4px;
	background: #00a63c;
	margin: 25px 0;
}

.battery-template .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.battery-template .left .down {
	margin-top: 50px;
	position: relative;
	display: inline-block;
}

.battery-template .left .down a {
	display: block;
	padding: 0 35px;
	height: 65px;
	line-height: 65px;
	border: 1px solid #00a63c;
	text-align: center;
	color: #00a63c;
	border-radius: 50px;
	transition: all 0.3s ease;
	color: #ffffff;
	background: #00a63c;
	font-size: 20px;
}

.battery-template .left .down a:hover {
	box-shadow: 0 0 50px 15px rgb(0, 166, 60, 0.5);
}

.battery-template .showproduct {
	width: 40%;
}

.battery-template .showproduct .swiper-slide {
	opacity: 0 !important;
}

.battery-template .showproduct .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.battery-template .showproduct .swiper-pagination {
	position: relative;
	margin-top: 30px;
}

.battery-template .showproduct .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666666;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.battery-template .showproduct .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 25px;
	background: #00a63c;
}

.battery-superiority {
	position: relative;
	padding: 120px 0;
	background: url(../images/batterybg2.jpg) center no-repeat;
	background-size: cover;
}

.battery-superiority .title {
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}

.battery-superiority .text {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.battery-superiority .battery-list {
	position: relative;
	margin-top: 80px;
	display: flex;
}

.battery-superiority .battery-list .item {
	position: relative;
	width: 100%;
	margin-right: 2vw;
	top: 0;
	padding: 60px 20px;
	border-radius: 5px;
	text-align: center;
	background: rgb(255, 255, 255, .95);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.battery-superiority .battery-list .item:last-child {
	margin-right: 0;
}

.battery-superiority .battery-list .item:hover {
	top: -20px;
}

.battery-superiority .battery-list .item .icon img {
	height: 50px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.battery-superiority .battery-list .item:hover .icon img {
	transform: rotate(-360deg);
}

.battery-superiority .battery-list .item p {
	margin-top: 20px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.battery-features {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.battery-features .title {
	font-size: 32px;
	color: #333333;
	text-align: center;
}

.battery-features .text {
	font-size: 16px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}

.battery-features .features {
	position: relative;
	margin-top: 50px;
}

.battery-features .features .item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.battery-features .features .item:last-child {
	margin-bottom: 0;
}

.battery-features .features .item .left {
	width: calc(20% - 20px);
	margin-right: 20px;
	display: flex;
	flex-wrap: wrap;
}

.battery-features .features .item .left .category {
	width: 38%;
	font-size: 22px;
	color: #ffffff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #33806d;
}

.battery-features .features .item .left .titlebox {
	width: calc(62% - 20px);
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
}

.battery-features .features .item .left .titlebox .text {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 20px;
	color: #ffffff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00a63c;
}

.battery-features .features .item .left .titlebox .text:last-child {
	margin-bottom: 0;
}

.battery-features .features .item .imgbox {
	width: calc(60% - 20px);
	margin-right: 20px;
	display: flex;
	flex-wrap: wrap;
}

.battery-features .features .item .imgbox .img {
	width: 100%;
}

.battery-features .features .item .imgbox .img img {
	width: 100%;
}

.battery-features .features .item .specificbox {
	width: calc(100% - 80%);
	display: flex;
	flex-wrap: wrap;
}

.battery-features .features .item .specificbox .specific {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	font-size: 20px;
	color: #ffffff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00a63c;
}

.battery-features .features .item .specificbox .specific:last-child {
	margin-bottom: 0;
}

.battery-parameter {
	position: relative;
	padding: 80px 0;
	background: url(../images/batterybg3.jpg) center no-repeat;
	background-size: cover;
}

.battery-parameter .title {
	font-size: 32px;
	color: #333333;
	text-align: center;
}

.battery-parameter .text {
	font-size: 16px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}

.battery-parameter .battery-cont {
	position: relative;
	margin-top: 50px;
}

.battery-parameter .battery-cont table {
	border-collapse: collapse;
	width: 100% !important;
}

.battery-parameter .battery-cont tr {
	font-size: 17px;
	color: #333333;
	/* background: #f0f0f0; */
}

.battery-parameter .battery-cont td {
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 17px;
	padding: 10px 0 !important;
	border: 1px solid #ffffff !important;
}

.battery-parameter .battery-cont tr:nth-child(2n+1) {
	/* background: #e1e1e1; */
}

.battery-parameter .battery-cont tr:first-child {
	background: #00a63c;
	color: #ffffff;
}

.battery-parameter .battery-cont tr:first-child td {
	padding: 15px 0 !important;
	border: 1px solid #ffffff !important;
}

.cabinet-template {
	position: relative;
	padding: 200px 0 100px;
	background: url(../images/cabinetbg1.jpg) center no-repeat;
	background-size: cover;
}

.cabinet-template .container {
	display: flex;
	justify-content: space-between;
}

.cabinet-template .left {
	width: 50%;
}

.cabinet-template .left .title {
	font-size: 42px;
	color: #333333;
	font-weight: bold;
}

.cabinet-template .left .line {
	width: 80px;
	height: 4px;
	background: #00a63c;
	margin: 25px 0;
}

.cabinet-template .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.cabinet-template .left .down {
	margin-top: 50px;
	position: relative;
	display: inline-block;
}

.cabinet-template .left .down a {
	display: block;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #00a63c;
	text-align: center;
	color: #00a63c;
	border-radius: 25px;
	transition: all 0.3s ease;
}

.cabinet-template .left .down a:hover {
	color: #ffffff;
	background: #00a63c;
}

.cabinet-template .showproduct {
	width: 40%;
}

.cabinet-template .showproduct .swiper-slide {
	opacity: 0 !important;
}

.cabinet-template .showproduct .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.cabinet-template .showproduct .swiper-pagination {
	position: relative;
	margin-top: 30px;
}

.cabinet-template .showproduct .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666666;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cabinet-template .showproduct .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 25px;
	background: #00a63c;
}

.cabinet-superiority {
	position: relative;
	padding: 120px 0;
	background: url(../images/batterybg2.jpg) center no-repeat;
	background-size: cover;
}

.cabinet-superiority .title {
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}

.cabinet-superiority .text {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.cabinet-superiority .cabinet-list {
	position: relative;
	margin-top: 80px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
}

.cabinet-superiority .cabinet-list .item {
	background: rgb(255, 255, 255, .95);
	padding: 40px 20px;
	border-radius: 5px;
}

.cabinet-superiority .cabinet-list .item .textbox {
	width: 100%;
	display: flex;
	align-items: center;
}

.cabinet-superiority .cabinet-list .item .textbox .icon {
	position: relative;
	top: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cabinet-superiority .cabinet-list .item .textbox .icon img {
	height: 40px;
}

.cabinet-superiority .cabinet-list .item:hover .textbox .icon {
	top: -10px;
}

.cabinet-superiority .cabinet-list .item .textbox .text {
	position: relative;
	margin-left: 10px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.cabinet-superiority .cabinet-list .item .textbox .text::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -15px;
	background: #00a63c;
}

.cabinet-superiority .cabinet-list .item .list {
	position: relative;
	margin-top: 40px;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.cabinet-solution {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.cabinet-solution .title {
	font-size: 32px;
	color: #333333;
	text-align: center;
}

.cabinet-solution .text {
	font-size: 16px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}

.cabinet-solution .solution-cont {
	position: relative;
	margin-top: 50px;
	text-align: center;
}

.cabinet-solution .solution-cont img {
	max-width: 100%;
}

.cabinet-parameter {
	position: relative;
	padding: 8vh 0;
	background: url(../images/batterybg3.jpg) center no-repeat;
	background-size: cover;
}

.cabinet-parameter .title {
	font-size: 32px;
	color: #333333;
	text-align: center;
}

.cabinet-parameter .text {
	font-size: 16px;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
}

.cabinet-parameter .cabinet-cont {
	position: relative;
	margin-top: 50px;
}

.cabinet-parameter .cabinet-cont table {
	border-collapse: collapse;
	width: 100% !important;
}

.cabinet-parameter .cabinet-cont tr {
	font-size: 17px;
	color: #333333;
	background: #f0f0f0;
}

.cabinet-parameter .cabinet-cont td {
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 17px;
	padding: 10px 0;
}

.cabinet-parameter .cabinet-cont tr:nth-child(2n+1) {
	background: #e1e1e1;
}

.cabinet-parameter .cabinet-cont tr:first-child {
	background: #00a63c;
	color: #ffffff;
}

.cabinet-parameter .cabinet-cont tr:first-child td {
	padding: 15px 0;
}

.energy-template {
	position: relative;
	padding: 200px 0 100px;
	background: url(../images/energybg1.jpg) center no-repeat;
	background-size: cover;
}

.energy-template .container {
	display: flex;
	justify-content: space-between;
}

.energy-template .left {
	width: 50%;
}

.energy-template .left .title {
	font-size: 42px;
	color: #333333;
	font-weight: bold;
}

.energy-template .left .line {
	width: 80px;
	height: 4px;
	background: #00a63c;
	margin: 25px 0;
}

.energy-template .left .text {
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}

.energy-template .left .down {
	margin-top: 50px;
	position: relative;
	display: inline-block;
}

.energy-template .left .down a {
	display: block;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #00a63c;
	text-align: center;
	color: #00a63c;
	border-radius: 25px;
	transition: all 0.3s ease;
}

.energy-template .left .down a:hover {
	color: #ffffff;
	background: #00a63c;
}

.energy-template .showproduct {
	width: 40%;
}

.energy-template .showproduct .swiper-slide {
	opacity: 0 !important;
}

.energy-template .showproduct .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.energy-template .showproduct .swiper-pagination {
	position: relative;
	margin-top: 30px;
}

.energy-template .showproduct .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #666666;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.energy-template .showproduct .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 25px;
	background: #00a63c;
}

.energy-superiority {
	position: relative;
	padding: 120px 0;
	background: url(../images/batterybg2.jpg) center no-repeat;
	background-size: cover;
}

.energy-superiority .title {
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}

.energy-superiority .text {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.energy-superiority .energy-list {
	position: relative;
	margin-top: 80px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.energy-superiority .energy-list .item {
	background: rgb(255, 255, 255, .95);
	padding: 40px 20px;
	border-radius: 5px;
}

.energy-superiority .energy-list .item .textbox {
	width: 100%;
	display: flex;
	align-items: center;
}

.energy-superiority .energy-list .item .textbox .icon {
	position: relative;
	top: 0;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.energy-superiority .energy-list .item .textbox .icon img {
	height: 40px;
}

.energy-superiority .energy-list .item:hover .textbox .icon {
	top: -10px;
}

.energy-superiority .energy-list .item .textbox .text {
	position: relative;
	margin-left: 10px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.energy-superiority .energy-list .item .textbox .text::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -15px;
	background: #00a63c;
}

.energy-superiority .energy-list .item .list {
	position: relative;
	margin-top: 40px;
	font-size: 17px;
	line-height: 30px;
	color: #666666;
}

.pagenews {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb;
	z-index: 22;
}

.pagenews .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagenews .newsflag {
	position: relative;
	margin-top: -190px;
}

.pagenews .newsflag .newsflaginfor {
	position: relative;
	background: #ffffff;
	padding: 40px;
	border-radius: 20px;
}

.pagenews .newsflag .swiper-slide {
	position: relative;
	opacity: 0 !important;
}

.pagenews .newsflag .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.pagenews .newsflag .swiper-slide a {
	display: flex;
	justify-content: space-between;
}

.pagenews .newsflag .swiper-slide .newsrecom_le {
	width: 46%;
	overflow: hidden;
	border-radius: 15px;
}

.pagenews .newsflag .swiper-slide .newsrecom_le img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagenews .newsflag .swiper-slide .newsrecom_ri {
	width: 52%;
}

.pagenews .newsflag .swiper-slide .newsrecom_ri .time {
	margin-bottom: 18px;
	font-size: 16px;
	color: #999999;
}

.pagenews .newsflag .swiper-slide .newsrecom_ri .title {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 42px;
	height: 84px;
	color: #333333;
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.pagenews .newsflag .swiper-slide:hover .newsrecom_ri .title {
	color: #00a63c;
}

.pagenews .newsflag .swiper-slide .newsrecom_ri .infor {
	font-size: 16px;
	line-height: 28px;
	height: 84px;
	color: #666666;
	overflow: hidden;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.pagenews .newsflag .newsbtn {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	bottom: 40px;
	left: 0;
	z-index: 22;
}

.pagenews .newsflag .newsbtn .btm_wtap {
	width: 52%;
	display: flex;
}

.pagenews .newsflag .newsbtn .btm_wtap .newsprev,
.pagenews .newsflag .newsbtn .btm_wtap .newsnext {
	width: 54px;
	height: 54px;
	background: #ffffff;
	color: #333333;
	position: relative;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.36s;
	box-shadow: 0px 2.39404px 5.32008px 0px rgba(73, 126, 218, 0.03), 0px 8.04107px 17.86905px 0px rgba(73, 126, 218, 0.04), 0px 36px 80px 0px rgba(73, 126, 218, 0.07);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagenews .newsflag .newsbtn .btm_wtap .newsprev {
	transform: rotateY(-180deg);
	margin-right: 25px;
}

.pagenews .newsflag .newsbtn .btm_wtap .newsprev:hover,
.pagenews .newsflag .newsbtn .btm_wtap .newsnext:hover {
	color: #ffffff;
	background: #00a63c;
}

.pagenews .newsflag .swiper-pagination {
	position: relative;
	bottom: -10px;
}

.pagenews .newsflag .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	width: 60px;
	height: 3px;
	background: #333333;
	border-radius: 0;
	opacity: 1 !important;
}

.pagenews .newsflag .swiper-pagination .swiper-pagination-bullet::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #00a63c;
	opacity: 0;
}

.pagenews .newsflag .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 100%;
	transition: width 5s;
	opacity: 1;
}

.pagenews .newspage {
	position: relative;
	margin-top: 50px;
	display: grid;
	grid-gap: 45px;
	grid-template-columns: repeat(3, 1fr);
}

.pagenews .newspage .item {
	background: #ffffff;
	border-radius: 5px;
}

.pagenews .newspage .item .newsInfos {
	padding: 30px;
}

.pagenews .newspage .item .newsInfos .newsTime {
	font-size: 18px;
	color: #888;
}

.pagenews .newspage .item .newsInfos .newsFonfs {
	margin-top: 10px;
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pagenews .newspage .item:hover .newsInfos .newsFonfs {
	color: #00a63c;
}

.caselist {
	border-top: 1px solid #c4c4c6;
	margin: 50px 0;
}

.caselist .catname {
	font-size: 22px;
	color: #333333;
	line-height: 5;
}

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

.caselist .caseitem {
	width: calc(100% / 2 - 40px);
	display: block;
	margin-right: 40px;
}

.caselist .caseitem ul li {
	padding-left: 18px;
	font-size: 1rem;
	line-height: 2;
	margin-bottom: 3px;
}

/* 公共 */
.shownews {
	margin-top: -50px;
	padding: 50px 40px;
	background-color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}

.shownews .item_top {
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

.shownews .item_top .pageT {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.5;
	color: #333333;
}

.shownews .item_top .pageD {
	font-size: 15px;
	color: #666666;
}

.shownews .item_top .pageD .line {
	margin: 0 5px;
	font-size: 14px;
	font-weight: lighter;
	color: #999999;
}

.shownews .item_content {
	padding: 30px 0;
	font-size: 17px;
	color: #333333;
	line-height: 2;
}

.shownews .item_content .media_content {
	/* width: 750px; */
	margin-left: auto;
	margin-right: auto;
}

.shownews .item_content p a {
	font-size: 17px !important;
}

.shownews .item_content img {
	max-width: 100%;
	margin: 5px 0;
}

.shownews .item_content table {
	border-collapse: collapse;
	width: 100% !important;
}

.shownews .item_content table,
.shownews .item_content tr {
	font-size: 17px;
	color: #444444;
}

.shownews .item_content table,
.shownews .item_content th,
.shownews .item_content td {
	border: 1px solid #333333;
	text-align: center;
	font-size: 16px;
}

.page_btm {
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page_btm .paging_nav {
	width: calc(100% - 180px);
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: flex-start;
}

.page_btm .paging_nav .prevpage {
	float: left;
	width: 100%;
}

.page_btm .paging_nav .prevpage a {
	line-height: 2;
	color: #555555;
	font-size: 15px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page_btm .paging_nav .prevpage:hover a {
	color: #00a63c;
}

.page_btm .paging_nav .nextpage {
	float: left;
	width: 100%;
}

.page_btm .paging_nav .nextpage a {
	line-height: 2;
	color: #555555;
	font-size: 15px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page_btm .paging_nav .nextpage:hover a {
	color: #00a63c;
}

.page_btm .return_list {
	width: 150px;
}

.page_btm .return_list .backList {
	width: 100%;
	height: 45px;
	font-size: 15px;
	color: #ffffff;
	border-radius: 25px;
	background: #00a63c;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_btm .return_list .backList .ml-cio {
	margin-left: 10px;
	height: 12px;
}

.page_btm .return_list .backList:hover {
	background: #00a63c;
}

.pagecase {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb;
}

.pagecase .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagecase .casebox {
	margin-top: 30px;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.pagecase .casebox .item {
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.pagecase .casebox .item .img {
	width: 100%;
	overflow: hidden;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.pagecase .casebox .item .img img {
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.pagecase .casebox .item:hover .img img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.pagecase .casebox .item .infor {
	position: relative;
	padding: 30px;
	background: #ffffff;
	z-index: 22;
	transition: all 0.5s ease;
}

.pagecase .casebox .item .infor .textbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagecase .casebox .item .infor .text {
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.pagecase .casebox .item .infor span {
	display: inline-block;
	margin-left: 20px;
	font-size: 28px;
	color: #00a63c;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.pagecase .casebox .item .infor .desc {
	margin-top: 10px;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	height: 0;
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.5s ease;
}

.pagecase .casebox .item:hover .infor {
	margin-top: -62px;
}

.pagecase .casebox .item:hover .infor .text {
	color: #00a63c;
}

.pagecase .casebox .item:hover .infor span {
	transform: rotate(-180deg);
}

.pagecase .casebox .item:hover .infor .desc {
	height: 52px;
	opacity: 1;
}

.pagecase .casebox .item .detail {
	display: none;
}

.pagecase .casebox .item.active .detail {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.95);
	z-index: 9999;
}

.pagecase .casebox .item .detail .inner {
	background: #ffffff;
	position: absolute;
	padding: 40px;
	width: 75%;
	height: 90vh;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-radius: 10px;
	box-sizing: border-box;
}

.pagecase .casebox .item .detail .inner .info {
	margin-top: 30px;
	padding-right: 10px;
	overflow: auto;
	height: 72vh;
}

.pagecase .casebox .item .detail .inner .info::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: rgba(255, 255, 255, .1);
}

.pagecase .casebox .item .detail .inner .info::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #333333;
}

.pagecase .casebox .item .detail .inner .info::-webkit-scrollbar-thumb:hover {
	background: #333333;
}

.pagecase .casebox .item .detail .inner .info {
	scrollbar-width: thin;
	scrollbar-color: #00a63c #EDEDED;
}

.pagecase .casebox .item .detail .inner .title {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}

.pagecase .casebox .item .detail .inner .xian {
	width: 58px;
	height: 3px;
	background-color: #00a63c;
	margin: 30px 0
}

.pagecase .casebox .item .detail .inner .local {
	position: relative;
	display: grid;
	grid-gap: 15px 0;
	grid-template-columns: repeat(1, 1fr);
}

.pagecase .casebox .item .detail .inner .local .item {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	box-sizing: border-box;
}

.pagecase .casebox .item .detail .inner .local .item span {
	font-size: 17px;
	font-weight: bold;
}

.pagecase .casebox .item .detail .inner .local .item .red {
	font-size: 17px;
	color: #00a63c;
	font-weight: bold;
}

.pagecase .casebox .item .detail .inner .imgcont {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.pagecase .casebox .item .detail .inner .imgcont {
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper {
	width: 85%;
	position: relative;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide {
	float: left;
	width: 100%;
	text-align: center;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide:last-child {
	margin-right: 0;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide img {
	display: block;
	width: 100%;
	cursor: pointer;
	opacity: 0.8;
	box-sizing: border-box;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide.swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-slide.swiper-slide-active img {
	opacity: 1;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-pagination {
	bottom: -10px !important;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet {
	width: 50px;
	border-radius: 0;
	height: 14px;
	background: none;
	position: relative;
	opacity: 1;
	cursor: pointer;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 4px;
	width: 100%;
	margin-top: -2px;
	background: #999999;
}

.pagecase .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet-active::before {
	background: #00a63c;
}

.pagecase .casebox .item .detail .inner .imgcont .button-prev {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%) rotate(-180deg);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.pagecase .casebox .item .detail .inner .imgcont .button-next {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.pagecase .casebox .item .detail .inner .imgcont .button-prev:hover,
.pagecase .casebox .item .detail .inner .imgcont .button-next:hover {
	color: #ffffff;
	background: #00a63c;
}

.pagecase .casebox .item .detail .inner .detTop {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.pagecase .casebox .item .detail .inner .detTop .close {
	width: 26px;
	height: 26px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
	color: #ffffff;
	background: #000000;
	cursor: pointer;
	border-radius: 5px;
}

.pagecase .casebox .item .detail .inner .detTop .close:hover {
	background-color: #00a63c;
}

.pagecase .casebox .item .detail .inner .detTop .list {
	position: relative;
}

.pagecase .casebox .item .detail .inner .detTop .list span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.pagecase .casebox .item .detail .inner .detTop .list p {
	font-size: 15px;
	text-align: center;
	color: #000000;
}

.pagecase .casebox .item .detail .inner .detTop .list i {
	display: block;
	position: absolute;
	background-color: #000000;
	width: 6px;
	height: 0;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .3, 1);
	transition-timing-function: cubic-bezier(.75, 0, .3, 1);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i {
	background: #00a63c;
}

.pagecase .casebox .item .detail .inner .detTop .list:hover p {
	color: #00a63c;
}

.pagecase .casebox .item .detail .inner .detTop .list i.c1 {
	left: 0px;
}

.pagecase .casebox .item .detail .inner .detTop .list i.c1.b1 {
	height: 7px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c2 {
	left: 7px;
}

.pagecase .casebox .item .detail .inner .detTop .list i.c2.b1 {
	height: 10px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c3 {
	left: 14px;
}

.pagecase .casebox .item .detail .inner .detTop .list i.c3.b1 {
	height: 5px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c1.b2 {
	height: 7px;
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c2.b2 {
	height: 7px;
	-webkit-transform: translate(0, 11px);
	transform: translate(0, 11px);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c3.b2 {
	height: 7px;
	-webkit-transform: translate(0, 6px);
	transform: translate(0, 6px);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c1.b3 {
	height: 7px;
	-webkit-transform: translate(0, 40px);
	transform: translate(0, 40px);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c2.b3 {
	height: 7px;
	-webkit-transform: translate(0, 35px);
	transform: translate(0, 35px);
}

.pagecase .casebox .item .detail .inner .detTop .list i.c3.b3 {
	height: 7px;
	-webkit-transform: translate(0, 33px);
	transform: translate(0, 33px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c1.b1 {
	height: 7px;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c1.b2 {
	height: 7px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c1.b3 {
	height: 7px;
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c2.b1 {
	height: 10px;
	-webkit-transform: translate(0, -11px);
	transform: translate(0, -11px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c2.b2 {
	height: 10px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c2.b3 {
	height: 7px;
	-webkit-transform: translate(0, 11px);
	transform: translate(0, 11px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c3.b1 {
	height: 5px;
	-webkit-transform: translate(0, -6px);
	transform: translate(0, -6px);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c3.b2 {
	height: 5px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.pagecase .casebox .item .detail .inner .detTop .list:hover i.c3.b3 {
	height: 7px;
	-webkit-transform: translate(0, 6px);
	transform: translate(0, 6px);
}

.pagesolution {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb;
}

.pagesolution .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagesolution .solutioninfor {
	position: relative;
	margin-top: 30px;
}

.pagesolution .solutioncat {
	position: absolute;
	height: 100%;
	right: 8%;
	z-index: 22;
}

.pagesolution .solutioncat .swiper-wrapper {
	transform: translate3d(0px, 0px, 0px) !important;
	flex-direction: column;
	justify-content: center;
	align-items: end;
}

.pagesolution .solutioncat .swiper-slide {
	height: 100px;
	padding: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	background: rgb(255, 255, 255, .9);
	border-radius: 5px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.pagesolution .solutioncat .swiper-slide:last-child {
	margin-bottom: 0;
}

.pagesolution .solutioncat .swiper-slide .icon {
	display: block;
	width: 55px;
	height: 40px;
	overflow: hidden;
	margin-right: 20px;
}

.pagesolution .solutioncat .swiper-slide .icon img {
	height: 40px;
}

.pagesolution .solutioncat .swiper-slide.swiper-slide-thumb-active,
.pagesolution .solutioncat .swiper-slide:hover {
	color: #ffffff;
	background: rgb(48, 161, 144, .9);
}

.pagesolution .solutioncat .swiper-slide.swiper-slide-thumb-active .icon img,
.pagesolution .solutioncat .swiper-slide:hover .icon img {
	transform: translateX(-55px);
}

.pagesolution .solutioncont .swiper-slide .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.pagesolution .solutioncont .swiper-slide .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagesolution .solutioncont .swiper-slide .infor {
	position: relative;
	width: 46%;
	padding: 12vh 0;
	z-index: 3;
}

.pagesolution .solutioncont .swiper-slide .name {
	font-size: 28px;
	color: #ffffff;
}

.pagesolution .solutioncont .swiper-slide .cont {
	margin-top: 50px;
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pagesolution .solutioncont .swiper-slide .more {
	margin-top: 120px;
	position: relative;
	display: inline-block;
	;
	border-radius: 25px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

.pagesolution .solutioncont .swiper-slide .more::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #ffffff;
	border-radius: 25px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.pagesolution .solutioncont .swiper-slide .more:hover:after {
	right: initial;
	left: 0;
	width: 100%;
}

.pagesolution .solutioncont .swiper-slide .more a {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	height: 45px;
	border-radius: 25px;
	border: 1px #ffffff solid;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.pagesolution .solutioncont .swiper-slide .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.pagesolution .solutioncont .swiper-slide .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagesolution .solutioncont .swiper-slide .more span img:last-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.pagesolution .solutioncont .swiper-slide .more:hover a {
	color: #00a63c;
	background: #ffffff;
}

.pagesolution .solutioncont .swiper-slide .more:hover span:first-child img {
	opacity: 0;
}

.pagesolution .solutioncont .swiper-slide .more:hover span:last-child img {
	opacity: 1;
}

.storage01 {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb url(../images/storage01.png) center left no-repeat;
	background-size: auto 100%;
}

.storage01 .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.storage01 .left {
	width: 40%;
}

.storage01 .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage01 .cont {
	position: relative;
	margin-top: 30px;
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}

.storage01 .right {
	position: relative;
	width: 50%;
}

.storage01 .right img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.storage02 {
	position: relative;
	padding: 80px 0;
	background: #fafcff;
}

.storage02 .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage02 .cont {
	position: relative;
	margin-top: 30px;
	font-size: 18px;
	color: #666666;
	line-height: 1.8;
}

.storage02 .list {
	margin-top: 70px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
}

.storage02 .list .item {
	text-align: center;
	padding: 40px;
	background: linear-gradient(180deg, rgba(48, 161, 144, .15), #fefeff);
	box-shadow: 0 0 20px 0 rgba(86, 118, 162, .1);
	border: 1px #ffffff solid;
}

.storage02 .list .item .icon img {
	height: 50px;
}

.storage02 .list .item .text {
	margin: 20px auto;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.storage02 .list .item .tent {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}

.storage03 {
	position: relative;
	background: linear-gradient(to right, #ffffff 80%, #f3f5f9 20%);
}

.storage03 .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.storage03 .left {
	width: 45%;
	padding: 80px 0;
}

.storage03 .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage03 .cont {
	position: relative;
	margin-top: 30px;
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}

.storage03 .right {
	position: relative;
	width: 50%;
	padding: 80px 0 80px 40px;
	background: #f3f5f9;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.storage03 .right .item {
	width: calc((100% - 20px)/2);
	margin-right: 20px;
	margin-bottom: 50px;
}

.storage03 .right .item:nth-child(2n) {
	margin-right: 0;
}

.storage03 .right .item:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}

.storage03 .right .item .icon img {
	height: 50px;
}

.storage03 .right .item .text {
	margin: 15px 0;
	font-size: 32px;
	color: #00a63c;
	font-weight: bold
}

.storage03 .right .item .txt {
	font-size: 16px;
	color: #666666;
}

.storage03 .right .item:last-child {
	margin-bottom: 0;
}

.storage04 {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.storage04 .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage04 .cont {
	position: relative;
	margin-top: 30px;
	font-size: 18px;
	color: #666666;
	line-height: 1.8;
}

.storage04 .list {
	margin-top: 70px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(5, 1fr);
}

.storage04 .list .item {
	text-align: center;
}

.storage04 .list .item .icon img {
	height: 150px;
}

.storage04 .list .item .text {
	margin: 20px auto;
	font-size: 20px;
	color: #00a63c;
	font-weight: bold;
}

.storage04 .list .item .tent {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	width: 80%;
	margin: 0 auto;
}

.storage05 {
	position: relative;
	padding: 80px 0;
	background: #fafcff;
}

.storage05 .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage05 .cont {
	position: relative;
	margin-top: 30px;
	font-size: 18px;
	color: #666666;
	line-height: 1.8;
}

.storage05 .storagebox {
	position: relative;
	margin-top: 40px;
	padding: 0 50px;
	box-sizing: border-box;
}

.storage05 .storageprod .swiper-slide {
	position: relative;
	background: #ffffff;
	width: calc((100% - 60px)/3);
	margin-right: 30px;
	border-radius: 5px;
	overflow: hidden;
}

.storage05 .storageprod .swiper-slide:last-child {
	margin-right: 0;
}

.storage05 .storageprod .swiper-slide .img {
	overflow: hidden;
	background: url(../images/proimgbg.png) no-repeat center;
	background-size: cover;
}

.storage05 .storageprod .swiper-slide .img .rect-716 {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-box-reflect: below -16% -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(250, 250, 250, 0.2)));
	position: relative;
}

.storage05 .storageprod .swiper-slide .img img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.storage05 .storageprod .swiper-slide .namebox {
	position: relative;
	padding: 30px 20px;
	background: #ffffff;
}

.storage05 .storageprod .swiper-slide .namebox .title {
	position: relative;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.storage05 .storageprod .swiper-slide .namebox .desc {
	margin-top: 10px;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.storage05 .storageprod .swiper-slide .namebox .more {
	position: relative;
	padding-top: 20px;
	font-size: 15px;
	color: #666666;
}

.storage05 .storageprod .swiper-slide .namebox .more::after {
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	top: 0;
	height: 2px;
	background: #f5f5f5;
}

.storage05 .storageprod .swiper-slide .namebox .more::before {
	position: absolute;
	content: '';
	width: 0;
	right: 0;
	top: 0;
	height: 2px;
	background: #00a63c;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 2;
}

.storage05 .storageprod .swiper-slide:hover .namebox .more::before {
	width: 100%;
	left: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.storage05 .storageprod .swiper-slide .namebox .more span {
	margin-left: 10px;
	font-size: 15px;
	color: #00a63c;
}

.storage05 .storageprod .swiper-slide:hover .namebox .title {
	color: #00a63c;
}

.storage05 .storageprod .swiper-slide:hover {
	box-shadow: 0px 10px 20px 0px rgb(48, 161, 144, .1);
}

.storage05 .storageprod .swiper-slide:hover .namebox .more {
	color: #00a63c;
}

.storage05 .storagebox .button-prev {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%) rotate(-180deg);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.storage05 .storagebox .button-next {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.storage05 .storagebox .button-prev:hover,
.storage05 .storagebox .button-next:hover {
	color: #ffffff;
	background: #00a63c;
}

.storage06 {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.storage06 .storagetop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.storage06 .storagetop .name {
	font-size: 34px;
	color: #00a63c;
	font-weight: bold;
}

.storage06 .storagetop .more {
	font-size: 16px;
	color: #333333;
}

.storage06 .storagetop .more:hover {
	color: #00a63c;
}

.storage06 .casebox {
	margin-top: 40px;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.storage06 .casebox .item {
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.storage06 .casebox .item .img {
	width: 100%;
	overflow: hidden;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.storage06 .casebox .item .img img {
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.storage06 .casebox .item:hover .img img {
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.storage06 .casebox .item .infor {
	position: relative;
	padding: 30px;
	background: #ffffff;
	z-index: 22;
	transition: all 0.5s ease;
}

.storage06 .casebox .item .infor .textbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.storage06 .casebox .item .infor .text {
	font-size: 18px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.storage06 .casebox .item .infor span {
	display: inline-block;
	margin-left: 20px;
	font-size: 28px;
	color: #00a63c;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.storage06 .casebox .item .infor .desc {
	margin-top: 10px;
	font-size: 15px;
	line-height: 26px;
	color: #666666;
	height: 0;
	opacity: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.5s ease;
}

.storage06 .casebox .item:hover .infor {
	margin-top: -62px;
}

.storage06 .casebox .item:hover .infor .text {
	color: #00a63c;
}

.storage06 .casebox .item:hover .infor span {
	transform: rotate(-180deg);
}

.storage06 .casebox .item:hover .infor .desc {
	height: 52px;
	opacity: 1;
}

.storage06 .casebox .item .detail {
	display: none;
}

.storage06 .casebox .item.active .detail {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.95);
	z-index: 9999;
}

.storage06 .casebox .item .detail .inner {
	background: #ffffff;
	position: absolute;
	padding: 40px;
	width: 75%;
	height: 90vh;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	border-radius: 10px;
	box-sizing: border-box;
}

.storage06 .casebox .item .detail .inner .info {
	margin-top: 30px;
	padding-right: 10px;
	overflow: auto;
	height: 72vh;
}

.storage06 .casebox .item .detail .inner .info::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: rgba(255, 255, 255, .1);
}

.storage06 .casebox .item .detail .inner .info::-webkit-scrollbar-thumb {
	border-radius: 50px;
	background: #333333;
}

.storage06 .casebox .item .detail .inner .info::-webkit-scrollbar-thumb:hover {
	background: #333333;
}

.storage06 .casebox .item .detail .inner .title {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}

.storage06 .casebox .item .detail .inner .xian {
	width: 58px;
	height: 3px;
	background-color: #00a63c;
	margin: 30px 0
}

.storage06 .casebox .item .detail .inner .local {
	position: relative;
	display: grid;
	grid-gap: 15px 0;
	grid-template-columns: repeat(1, 1fr);
}

.storage06 .casebox .item .detail .inner .local .item {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	box-sizing: border-box;
}

.storage06 .casebox .item .detail .inner .local .item span {
	font-size: 17px;
	font-weight: bold;
}

.storage06 .casebox .item .detail .inner .local .item .red {
	font-size: 17px;
	color: #00a63c;
	font-weight: bold;
}

.storage06 .casebox .item .detail .inner .imgcont {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.storage06 .casebox .item .detail .inner .imgcont {
	position: relative;
	width: 100%;
	margin-top: 20px;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper {
	width: 85%;
	position: relative;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide {
	float: left;
	width: 100%;
	text-align: center;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide:last-child {
	margin-right: 0;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide img {
	display: block;
	width: 100%;
	cursor: pointer;
	opacity: 0.8;
	box-sizing: border-box;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide.swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-slide.swiper-slide-active img {
	opacity: 1;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-pagination {
	bottom: 0 !important;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet {
	width: 50px;
	border-radius: 0;
	height: 14px;
	background: none;
	position: relative;
	opacity: 1;
	cursor: pointer;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 4px;
	width: 100%;
	margin-top: -2px;
	background: #999999;
}

.storage06 .casebox .item .detail .inner .imgcont .swiper .swiper-pagination-bullet-active::before {
	background: #00a63c;
}

.storage06 .casebox .item .detail .inner .imgcont .button-prev {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%) rotate(-180deg);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.storage06 .casebox .item .detail .inner .imgcont .button-next {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px dashed #ababab;
	cursor: pointer;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.storage06 .casebox .item .detail .inner .imgcont .button-prev:hover,
.storage06 .casebox .item .detail .inner .imgcont .button-next:hover {
	color: #ffffff;
	background: #00a63c;
}

.storage06 .casebox .item .detail .inner .detTop {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.storage06 .casebox .item .detail .inner .detTop .close {
	width: 26px;
	height: 26px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
	color: #ffffff;
	background: #000000;
	cursor: pointer;
	border-radius: 5px;
}

.storage06 .casebox .item .detail .inner .detTop .close:hover {
	background-color: #00a63c;
}

.storage06 .casebox .item .detail .inner .detTop .list {
	position: relative;
}

.storage06 .casebox .item .detail .inner .detTop .list span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.storage06 .casebox .item .detail .inner .detTop .list p {
	font-size: 15px;
	text-align: center;
	color: #000000;
}

.storage06 .casebox .item .detail .inner .detTop .list i {
	display: block;
	position: absolute;
	background-color: #000000;
	width: 6px;
	height: 0;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(.75, 0, .3, 1);
	transition-timing-function: cubic-bezier(.75, 0, .3, 1);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i {
	background: #00a63c;
}

.storage06 .casebox .item .detail .inner .detTop .list:hover p {
	color: #00a63c;
}

.storage06 .casebox .item .detail .inner .detTop .list i.c1 {
	left: 0px;
}

.storage06 .casebox .item .detail .inner .detTop .list i.c1.b1 {
	height: 7px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c2 {
	left: 7px;
}

.storage06 .casebox .item .detail .inner .detTop .list i.c2.b1 {
	height: 10px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c3 {
	left: 14px;
}

.storage06 .casebox .item .detail .inner .detTop .list i.c3.b1 {
	height: 5px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c1.b2 {
	height: 7px;
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c2.b2 {
	height: 7px;
	-webkit-transform: translate(0, 11px);
	transform: translate(0, 11px);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c3.b2 {
	height: 7px;
	-webkit-transform: translate(0, 6px);
	transform: translate(0, 6px);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c1.b3 {
	height: 7px;
	-webkit-transform: translate(0, 40px);
	transform: translate(0, 40px);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c2.b3 {
	height: 7px;
	-webkit-transform: translate(0, 35px);
	transform: translate(0, 35px);
}

.storage06 .casebox .item .detail .inner .detTop .list i.c3.b3 {
	height: 7px;
	-webkit-transform: translate(0, 33px);
	transform: translate(0, 33px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c1.b1 {
	height: 7px;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c1.b2 {
	height: 7px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c1.b3 {
	height: 7px;
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c2.b1 {
	height: 10px;
	-webkit-transform: translate(0, -11px);
	transform: translate(0, -11px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c2.b2 {
	height: 10px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c2.b3 {
	height: 7px;
	-webkit-transform: translate(0, 11px);
	transform: translate(0, 11px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c3.b1 {
	height: 5px;
	-webkit-transform: translate(0, -6px);
	transform: translate(0, -6px);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c3.b2 {
	height: 5px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.storage06 .casebox .item .detail .inner .detTop .list:hover i.c3.b3 {
	height: 7px;
	-webkit-transform: translate(0, 6px);
	transform: translate(0, 6px);
}

.battery01 {
	position: relative;
	padding: 80px 0;
	background: #f4f8fb;
}

.battery01 .name {
	font-size: 32px;
	color: #333333;
}

.battery01 .batterylist {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.battery01 .batterylist .listleft {
	width: 50%;
}

.battery01 .batterylist .listleft img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.battery01 .batterylist .listright {
	width: 50%;
	background: #ffffff;
	padding: 40px;
}

.battery01 .batterylist .listright .batterycont {
	position: relative;
}

.battery01 .batterylist .listright .batterycont .swiper-slide {
	opacity: 0 !important;
}

.battery01 .batterylist .listright .batterycont .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.battery01 .batterylist .listright .batterycont .swiper-slide .text {
	position: relative;
	font-size: 20px;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.battery01 .batterylist .listright .batterycont .swiper-slide .text::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border: 3px solid;
	border-image: linear-gradient(120deg, #116c5e, #00a63c) 1;
	border-image-slice: 10;
}

.battery01 .batterylist .listright .batterycont .swiper-slide p {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
}

.battery01 .batterylist .listright .batterycat {
	position: relative;
	margin-top: 40px;
}

.battery01 .batterylist .listright .batterycat .swiper-slide {
	width: calc((100% - 60px)/5);
	border: 2px #eeeeee solid;
	margin-right: 15px;
	border-radius: 5px;
	text-align: center;
	padding: 15px 10px;
	cursor: pointer;
}

.battery01 .batterylist .listright .batterycat .swiper-slide:last-child {
	margin-right: 0;
}

.battery01 .batterylist .listright .batterycat .swiper-slide .iconfont {
	font-size: 40px;
	color: #00a63c;
}

.battery01 .batterylist .listright .batterycat .swiper-slide .text {
	font-size: 18px;
	color: #333333;
}

.battery01 .batterylist .listright .batterycat .swiper-slide.swiper-slide-thumb-active {
	border: 2px #00a63c solid;
	background: #00a63c;
}

.battery01 .batterylist .listright .batterycat .swiper-slide.swiper-slide-thumb-active .iconfont,
.battery01 .batterylist .listright .batterycat .swiper-slide.swiper-slide-thumb-active .text {
	color: #ffffff;
}

.battery02 {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.battery02 .name {
	font-size: 32px;
	color: #333333;
}

.battery02 .list {
	margin-top: 70px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.battery02 .list .item {
	text-align: center;
	padding: 40px;
	background: linear-gradient(180deg, rgba(48, 161, 144, .15), #fefeff);
	box-shadow: 0 0 20px 0 rgba(86, 118, 162, .1);
	border: 1px #ffffff solid;
}

.battery02 .list .item .icon img {
	height: 50px;
}

.battery02 .list .item .text {
	margin: 20px auto;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.battery02 .list .item .tent {
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}

.pageconcept {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
}

.pageconcept .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pageconcept .concept_left {
	position: relative;
	width: 42%;
}

.pageconcept .concept_left .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pageconcept .concept_left .title_dt {
	margin-top: 10px;
	font-size: 22px;
	color: #333333;
}

.pageconcept .concept_left .concept_cont {
	margin-top: 30px;
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

.pageconcept .concept_left .swiper-pagination {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 60px;
}

.pageconcept .concept_left .swiper-pagination span {
	width: 26px;
	height: 26px;
	border: 1px solid #fff;
	background: #fff;
	opacity: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	margin-right: 4px;
}

.pageconcept .concept_left .swiper-pagination span::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #dadada;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.pageconcept .concept_left .swiper-pagination span.swiper-pagination-bullet-active {
	border: 1px solid #00a63c;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.pageconcept .concept_left .swiper-pagination span.swiper-pagination-bullet-active::before {
	background: #00a63c;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.pageconcept .concept_right {
	position: relative;
	width: 46%;
}

.pageconcept .concept_right::before {
	content: "";
	display: inline-block;
	width: 25.1643vw;
	height: 8.857vw;
	background: url("../images/bn5.png") no-repeat 50% 50%;
	position: absolute;
	left: -3.126vw;
	top: -1.3025vw;
	z-index: 1;
}

.pageconcept .concept_right .swiper-slide img {
	width: 100%;
}

.pagepeople {
	position: relative;
	padding: 20vh 0;
	background: url(../images/peoplebg.jpg) center no-repeat;
	background-size: cover;
}

.pagepeople .title_dd {
	position: relative;
	font-size: 34px;
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 30px;
	margin-bottom: 45px;
	text-align: center;
}

.pagepeople .title_dd::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 2px;
	background: #00a63c;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.pagepeople .title_dt {
	text-align: center;
	font-size: 22px;
	color: #ffffff;
}

.pagejoin {
	position: relative;
	padding: 80px 0;
	background: #f9f9f9;
}

.pagejoin .jointop {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagejoin .jointop .title_dd {
	position: relative;
	font-size: 34px;
	color: #000000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.pagejoin .jointop .title_dd span {
	border-radius: 100%;
	background: #00a63c;
}

.pagejoin .jointop .title_dd span.title_dd_icon1 {
	width: 4px;
	height: 4px;
	margin-left: 10px;
}

.pagejoin .jointop .title_dd span.title_dd_icon2 {
	width: 6px;
	height: 6px;
	margin: 0px 3px;
}

.pagejoin .jointop .title_dd span.title_dd_icon3 {
	width: 8px;
	height: 8px;
}

.pagejoin .jointop .title_dt {
	margin-top: 10px;
	font-size: 22px;
	color: #333333;
}

.pagejoin .jointop .more {
	position: relative;
	display: inline-block;
}

.pagejoin .jointop .more a {
	position: relative;
	font-size: 15px;
	color: #666666;
	height: 45px;
	border-radius: 25px;
	border: 1px #00a63c solid;
	padding: 0 20px;
	display: flex;
	align-items: center;
	z-index: 3;
}

.pagejoin .jointop .more span {
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.pagejoin .jointop .more span img {
	height: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagejoin .jointop .more span img:first-child {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.pagejoin .jointop .more:hover a {
	color: #ffffff;
	background: #00a63c;
}

.pagejoin .jointop .more:hover span:first-child img {
	opacity: 0;
}

.pagejoin .jointop .more:hover span:last-child img {
	opacity: 1;
}

.pagejoin .joinbox {
	position: relative;
	margin-top: 50px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.pagejoin .joinbox .item {
	border-radius: 10px;
	padding: 50px 30px;
	background: #f2f2f2;
	border-bottom: 4px solid #f6f6f6;
	box-sizing: border-box;
}

.pagejoin .joinbox .item .list_title {
	font-size: 24px;
	color: #333333;
	transition: all 0.5s ease;
}

.pagejoin .joinbox .item .list_text {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 40px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.pagejoin .joinbox .item .list_department {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.pagejoin .joinbox .item .list_department span {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	transition: all 0.5s ease;
}

.pagejoin .joinbox .item:hover {
	border-bottom: 4px solid #118372;
	background: #00a63c;
}

.pagejoin .joinbox .item:hover .list_title,
.pagejoin .joinbox .item:hover .list_text,
.pagejoin .joinbox .item:hover .list_department span {
	color: #ffffff;
}

.pagejoin .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagejoin .join_content {
	position: relative;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.pagejoin .join_content .joindetails {
	position: relative;
	width: 100%;
	padding: 30px 40px;
	background-color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.pagejoin .join_content .item_top {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}

.pagejoin .join_content .item_top .pageT {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.5;
	color: #333333;
}

.pagejoin .join_content .item_top .pageD {
	font-size: 16px;
	color: #666666;
}

.pagejoin .join_content .item_top .pageD .line {
	margin: 0 5px;
	font-size: 14px;
	font-weight: lighter;
	color: #999999;
}

.pagejoin .join_content .item_content {
	padding: 30px 0;
	font-size: 16px;
	color: #333333;
	line-height: 2;
}

.pagejoin .join_content .item_content p a {
	font-size: 16px !important;
}

.pagejoin .join_content .newsdetails {
	width: 25%;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
}

.pagejoin .join_content .newsdetails .newsdetails_title {
	display: flex;
	align-items: center;
	background: #00a63c;
	font-size: 22px;
	color: #ffffff;
	height: 77px;
	padding: 0px 20px;
}

.pagejoin .join_content .newsdetails .newsdetails_title img {
	margin-right: 10px;
	height: 20px;
}

.pagejoin .join_content .newsdetails .newsdetails_content {
	padding: 0px 20px;
}

.pagejoin .join_content .newsdetails .newsdetails_content a {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	display: inline-block;
	font-size: 18px;
	color: #070707;
	line-height: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pagejoin .join_content .newsdetails .newsdetails_content a:last-child {
	border-bottom: none;
}

.pagejoin .join_content .newsdetails .newsdetails_content a:hover {
	color: #00a63c;
}

.pagecontact {
	position: relative;
	padding: 80px 0 0;
	background: #ffffff;
	overflow: hidden;
}

.pagecontact .catname {
	font-size: 34px;
	color: #333333;
	line-height: 1;
}

.pagecontact .caten {
	margin-top: 10px;
	font-size: 22px;
	color: #666666;
	font-weight: lighter;
	text-transform: uppercase;
	font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.pagecontact .wordstop {
	margin-top: 30px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagecontact .wordstop .text {
	font-size: 30px;
	color: #00a63c;
}

.pagecontact .wordstop .add {
	position: relative;
}

.pagecontact .wordstop .add .wo {
	text-align: right;
}

.pagecontact .wordstop .add .wo .i {
	width: 35px;
	display: inline-block;
	margin-bottom: 20px
}

.pagecontact .wordstop .add .wo .i img {
	width: 100%;
}

.pagecontact .wordstop .add .wo .t1 {
	font-size: 17px;
	color: #333333;
	line-height: 30px;
}

.pagecontact .wordstop .add .img {
	width: 150px;
	height: 150px;
	margin-left: 15px;
}

.pagecontact .wordstop .add .img img {
	width: 100%;
	border-radius: 5px;
}

.pagecontact .wordstop .add .img p {
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 3px;
}

.pagecontact .contactmap {
	width: 100%;
	height: 400px;
	border: 1px solid #e0e0e0;
}

.branchview {
	position: relative;
	padding: 80px 0;
	background: #f9f9f9;
	overflow: hidden;
}

.branchview .name {
	font-size: 34px;
	color: #333333;
}

.branchview .caten {
	margin-top: 10px;
	font-size: 22px;
	color: #666666;
	font-weight: lighter;
	text-transform: uppercase;
	font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.branchview .branchviewbox {
	position: relative;
	margin-top: 40px;
	display: flex;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.branchview .branchviewbox .item {
	position: relative;
	width: 100%;
	padding: 40px 30px;
	background: #ffffff;
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 1;
}

.branchview .branchviewbox .item .add {
	position: relative;
	margin-bottom: 40px;
	z-index: 2;
}

.branchview .branchviewbox .item .add .tit {
	font-size: 30px;
	color: #333333;
	padding-left: 10px;
}

.branchview .branchviewbox .item .add::before {
	color: #00a63c;
	font-size: 20px;
}

.branchview .branchviewbox .item .add::after {
	position: absolute;
	content: '';
	width: 30px;
	height: 2px;
	bottom: -20px;
	left: 0;
	background: #00a63c;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.branchview .branchviewbox .item .cont {
	position: relative;
	font-size: 16px;
	color: #666666;
	line-height: 1.6;
	z-index: 2;
}

.branchview .branchviewbox .item .logo {
	position: absolute;
	bottom: 20px;
	right: 30px;
	z-index: 2;
}

.branchview .branchviewbox .item .logo .logo-1 {
	display: none;
}

.branchview .branchviewbox .item .logo img {
	height: 40px;
	opacity: .8;
}

.branchview .branchviewbox .item::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #00a63c;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 0;
}

.branchview .branchviewbox .item:hover {
	border-radius: 30px 5px 5px 5px;
}

.branchview .branchviewbox .item:hover::after {
	height: 100%;
}

.branchview .branchviewbox .item:hover .add .tit,
.branchview .branchviewbox .item:hover .add::before,
.branchview .branchviewbox .item:hover .cont {
	color: #ffffff;
}

.branchview .branchviewbox .item:hover .logo .logo-1 {
	display: block;
}

.branchview .branchviewbox .item:hover .logo .logo-2 {
	display: none;
}

.branchview .branchviewbox .item:hover .add::after {
	width: 100%;
	background: rgb(255, 255, 255, 1);
}

.pageonline {
	position: relative;
	padding: 80px 0;
	background: #ffffff;
	overflow: hidden;
}

.pageonline .name {
	font-size: 28px;
	color: #333333;
}

.pageonline .caten {
	margin-top: 10px;
	font-size: 22px;
	color: #666666;
	font-weight: lighter;
	text-transform: uppercase;
	font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.pageonline .onlinefrom {
	position: relative;
	margin-top: 40px;
}

.pageonline .onlinefrom .row {
	position: relative;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.pageonline .onlinefrom .row .col p {
	margin-bottom: 15px;
	font-size: 17px;
}

.pageonline .onlinefrom .row .col input {
	width: 100%;
	padding: 18px 25px 18px 55px;
	line-height: 30px;
	height: 56px;
	background-color: #f9f9f9;
	background-position: 20px center;
	background-repeat: no-repeat;
	-o-background-size: 22px;
	background-size: 22px;
	border: 1px solid #e7e7e7;
	color: #919191;
}

.pageonline .onlinefrom .text {
	margin-top: 38px;
	position: relative;
}

.pageonline .onlinefrom .text p {
	margin-bottom: 15px;
	font-size: 17px;
}

.pageonline .onlinefrom .text textarea {
	padding: 18px 25px 18px 55px;
	background-color: #f9f9f9;
	background-position: 20px 18px;
	background-repeat: no-repeat;
	-o-background-size: 22px;
	background-size: 22px;
	border: 1px solid #e7e7e7;
	color: #919191;
	height: 180px;
	width: 100%;
}

.pageonline .onlinefrom .row .col input.user {
	background-image: url(../images/online-1.png);
}

.pageonline .onlinefrom .row .col input.tel {
	background-image: url(../images/online-2.png);
}

.pageonline .onlinefrom .row .col input.E-mail {
	background-image: url(../images/online-3.png);
}

.pageonline .onlinefrom .text textarea.massage {
	background-image: url(../images/online-4.png);
}

.pageonline .onlinefrom .indexmore {
	display: block;
	width: 240px;
	height: 56px;
	margin: 30px auto 0;
	line-height: 56px;
	position: relative;
	font-size: 17px;
	color: #ffffff;
	border-radius: 5px;
	background: #00a63c;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
}

/* fenye */
.pages {
	margin: 50px auto 0;
	text-align: center;
}

.pages a {
	color: #333;
}

.pages li,
.page-num {
	margin: 0 2px;
	display: inline-block;
	height: 45px;
	width: 45px;
	line-height: 45px;
	background: #ffffff;
	border-radius: 3px;
	border: 1px #efefef solid;
	color: #333;
}

.pages li a {
	text-align: center;
	font-size: 18px;
	color: #333333;
}

.pages .page-num-current,
.pages .page-num-current:hover {
	background: #00a63c;
	text-decoration: none
}

.pages .page-num-current {
	color: #ffffff;
}

.pages1 {
	width: 100%;
	padding: 40px 0;
	background: #ffffff;
	border-top: 1px #e5e5e5 solid;
	margin-top: 20px;
}

.pages1_l {
	float: left;
	width: 100%;
}

.pages1_l a {
	line-height: 26px;
	color: #333333;
	font-size: 14px;
}

.pages1_l:hover a {
	color: #64ad5c;
}

.pages1_r {
	float: left;
	width: 100%;
}

.pages1_r a {
	line-height: 26px;
	color: #333333;
	font-size: 14px;
}

.pages1_r:hover a {
	color: #64ad5c;
}

.CommonFloating {
	position: fixed;
	right: 30px;
	top: 65%;
	transform: translateY(-50%);
	z-index: 9999999;
}

.CommonFloating-top {
	border-radius: 24px;
	background-color: #00a63c;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	width: 48px;
	padding: 10px 0px;
}

.CommonFloating-backTop {
	margin-top: 12px;
	width: 48px;
	height: 48px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #00a63c;
	position: relative;
}

.CommonFloating-backTop::before {
	content: "\e80b";
	font-family: "icon";
	position: absolute;
	font-size: 14px;
	color: #fff;
	transform: rotate(90deg);
	line-height: 1;
}

.CommonFloating-list .list {
	width: 100%;
	padding: 2px 0px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.CommonFloating-list .list::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 1px;
	background-color: rgba(255, 255, 255, .3);
}

.CommonFloating-list .list:last-child::before {
	display: none;
}

.CommonFloating-list .list::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0px;
	left: 0px;
	opacity: 0;
	z-index: 2;
	transition: all .4s ease;
}

.CommonFloating-list .list:nth-child(1)::after {
	border-radius: 0px 10px 0px 0px;
}

.CommonFloating-list .list:nth-child(3)::after {
	border-radius: 0px 0px 10px 0px;
}

.CommonFloating-list .list:hover::after {
	opacity: 1;
}

.CommonFloating-list .list img {
	position: absolute;
	opacity: 0;
	transition: all .4s ease;
	z-index: 3;
}

.CommonFloating-list .list img:nth-child(1) {
	opacity: 1;
}

.CommonFloating-list .list img:nth-child(2) {
	opacity: 0;
}

.CommonFloating-list .list:hover img:nth-child(1) {
	opacity: 0;
}

.CommonFloating-list .list:hover img:nth-child(2) {
	opacity: 1;
}

.CommonFloating-cont {
	margin-top: 15px;
	width: 100%;
	height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.CommonFloating-cont a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	word-wrap: normal;
	white-space: nowrap;
	height: 1px;
	transform: rotate(90deg);
}

.CommonFloating-list .list .info {
	position: absolute;
	z-index: 1;
	top: 2px;
	left: -230px;
	width: 230px;
	background-color: #fff;
	border-radius: 10px 0px 0px 10px;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	padding: 20px 30px 30px 30px;
	opacity: 0;
	pointer-events: none;
	transition: all .4s ease;
}

.CommonFloating-list .list:hover .info {
	opacity: 1;
	pointer-events: all;
}

.CommonFloating-list .list .info.pro {
	padding: 0px 15px;
	height: calc(100% - 4px);
	margin: 2px 0px;
	display: flex;
	align-items: center;
	top: 0px;
	width: 180px;
	left: -180px;
}

.black {
	color: #000;
}