﻿/* @font-face {
} */

html,
body {
	position: relative;
	height: 100%;
	user-select: none;
}

html *,
body * {
	user-select: none;
}

main {
	/* height: 100%; */
}

.mauto {
	max-width: 1600px
}

.home-swiper {
	width: 100%;
	height: 100%;
}

.home-swiper>.swiper-wrapper>.swiper-slide {
	height: 100% !important;
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
}

.public-top {
	padding-top: 112px;
}

.public-banner .imgs {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.img-scale,
.hover-scale {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}

.img-scale img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}

.img-scale:hover img,
.hover-scale:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}

header,
footer,
.header-m,
main,
.i-banner,
.banner {
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s
}


header {
	position: fixed;
	z-index: 555;
	left: 0;
	top: 0;
	width: 100%;
	background-color: transparent;
	/* box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%); */
}

.header-m.add,
.header.add,
.header.active {
	background: #FFFFFF !important;
	-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
	box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
}

.header.baf {
	background: #ffffff !important;
}

.header .top {
	height: 34px;
	line-height: 34px;
	background: #f6f6f6
}

.logo {
	height: 102px;
	line-height: 102px;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-bg {
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

nav ul li {
	position: relative;
	float: left;
	height: 100%;
	text-align: center;
	margin: 0 10px;
	min-width: 90px
}

nav ul li:last-child {
	margin-right: 0 !important;
}

nav ul li>a.header-active::after,
nav ul li.cur a::after,
nav ul li:hover a::after {
	width: 28px;
	height: 37px;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

nav ul li:hover a::after,
nav ul li:hover a::before {
	opacity: 1;
	visibility: visible;
}

nav ul li>a {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 55px 0 20px 0;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #010101;
}

/* nav ul li a span {
    display: block;
    font-size: 12px;
    color: #aaa;
    margin-top: 5px
} */

nav ul li>a::after {
	position: absolute;
	content: '';
	top: 11px;
	left: 50%;
	width: 0;
	height: 37px;
	visibility: hidden;
	opacity: 0;
	background: url(../images/icon-nav.png)no-repeat center center;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-transition: all .3s
}



nav ul li>a::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	width: 16px;
	height: 8px;
	opacity: 0;
	visibility: hidden;
	background: url(../images/icon-top-dot.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-transition: all .3s
}

nav ul li .sub-nav {
	display: none;
	z-index: 1;
	top: 102px;
	left: 50%;
	padding: 20px 10px;
	width: 150px;
	height: auto;
	background: rgba(0, 87, 39, 0.5);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s
}

nav ul li .sub-nav a {
	display: block;
	line-height: 23px;
	padding: 8px 0;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

nav ul li .sub-nav a span {
	width: 75%;
	text-align: left;
}

.sub-nav-left {
	margin-right: 4%;
	position: relative;
	width: 30%;
	height: 188px;
}

.sub-nav-right {
	width: -webkit-calc(100% - 30%);
	width: -moz-calc(100% - 30%);
	width: calc(100% - 30%);
}

.sub-nav-left-i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* visibility: hidden;
    opacity: 0; */
	-webkit-transition: all ease-out .5s;
	-o-transition: all ease-out .5s;
	-moz-transition: all ease-out .5s;
	transition: all ease-out .5s;
}

/* .sub-nav-left-i.cur {
    visibility: visible;
    opacity: 1;
    transition: all ease-out .5s;
} */

.sub-nav-left-i .sub-nav-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.sub-nav-right-i {
	width: 200px;
	height: 48px;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	color: #FFFFFF !important;
	background: transparent !important;
	border-bottom: none !important;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	margin: 5px 0;
	padding: 0 10px !important;
}

.sub-nav-right-i>.home-btn-img {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.sub-nav-right-i:hover>.home-btn-img {
	visibility: visible;
	opacity: 1;
}

.sub-nav-right-i:hover {
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	background: url(../images/icon-area-btn.png)no-repeat !important;
	-o-background-size: 100% 100% !important;
	background-size: 100% 100% !important;
}

.sub-nav-i a {
	background: transparent !important;
	border-bottom: none !important;
}

nav ul li.home-account,
nav ul li.search-btn {
	min-width: auto;
	cursor: pointer;
	height: 102px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-right: none;
	margin: 0 20px
}

nav ul li.home-account::after,
nav ul li.search-btn::after {
	padding: 22px 0 20px 0;
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/icon-search.png) no-repeat center bottom
}

nav ul li.home-account::after {
	background: url(../images/icon-acc.png) no-repeat center bottom
}

nav ul li .sub-nav a:hover {
	color: #fff;
	background: #387B58
}

nav ul li:hover>a,
nav ul li:hover>a span {
	color: #387B58;
}

nav ul li:hover .sub-nav {
	display: block;
	/* visibility: visible;
    opacity: 1; */
	/* top: 112px */
}

.fix-search {
	z-index: 999;
	top: 0;
	left: 0
}

.fix-search .hide {
	width: 20px;
	height: 50px;
	margin-right: 10px;
	cursor: pointer
}

.fix-search .hide::before,
.fix-search .hide::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 1px;
	height: 35%;
	margin-top: -35%;
	background: #000
}

.fix-search .hide::before {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.fix-search .hide::after {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.fix-search .hide:hover {
	opacity: .5
}

.fix-search .txt,
.fix-search .btn {
	height: 50px;
	line-height: 50px
}

.fix-search .txt {
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	font-size: 15px;
	padding: 0 15px 0 5px;
	border-bottom: 1px solid #e1e1e1
}

.fix-search .txt:focus {
	border-color: #666
}

.fix-search .btn {
	width: 30px;
	height: 50px;
	line-height: 50px;
	font-size: 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto
}

.header {
	padding-top: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(transparent));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent);
}

.header.active {
	background: #fff !important;
}

.header.active nav ul li>a {
	color: #000;
}

.header-active::after,
.header-active {
	color: #387B58;
}

.header-ul {
	height: 100%;
}

.header-ul li>a:hover {
	/* color: #387B58; */
}

/* 右侧悬浮 begin */
.sild-float {
	position: fixed;
	z-index: 21;
	right: 0;
	bottom: 30%;
	width: 46px;
}

.sild-float .list {
	margin-bottom: 2px
}

.sild-float .list>a {
	display: block;
	width: 100%;
	height: 46px;
	background: rgba(0, 0, 0, 0.5) no-repeat center center;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .list a.a1 {
	background-image: url(../images/fix1.png)
}

.sild-float .list a.a2 {
	background-image: url(../images/fix2.png);
}

.sild-float .list a.a3 {
	background-image: url(../images/fix3.png)
}

.sild-float .list a.a4 {
	background-image: url(../images/fix4.png)
}

.sild-float .list a.a5 {
	background-image: url(../images/fix5.png)
}

.sild-float .list a.a6 {
	background-image: url(../images/fix6.png)
}

.sild-float .list:hover>a {
	background-color: #DAB866;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .list .rolme {
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: absolute;
	right: 46px;
	top: 0;
	padding: 10px;
	line-height: 26px;
	width: 184px;
	background: rgba(0, 0, 0, 0.5)
}

.sild-float .list:hover .rolme {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .list .rolme .ltt {
	font-size: 20px;
	color: #fff;
	text-align: center;
	word-break: break-all;
}

.sild-float .list .rolme .emv img {
	border-radius: 10px
}

.sild-float .list:nth-child(1) .fplae {
	border-top-left-radius: 5px;
	overflow: hidden
}

.sild-float .list:last-child>a {
	border-bottom-left-radius: 5px;
	overflow: hidden
}

.sild-float .bpmaeb {
	height: 46px;
	width: 46px;
	background: url(../images/fix2.png) no-repeat center center;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .email .bpmaeb {
	background: url(../images/fix3.png) no-repeat center center;
}

.sild-float .kefu .bpmaeb {
	background: url(../images/fix4.png) no-repeat center center;
}

.sild-float .friends .bpmaeb {
	background: url(../images/fix5.png) no-repeat center center;
}

.sild-float .fplae {
	line-height: 46px;
	height: 46px;
	width: 226px;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .fplae:hover {
	-webkit-transform: translateX(-180px);
	-moz-transform: translateX(-180px);
	-ms-transform: translateX(-180px);
	-o-transform: translateX(-180px);
	transform: translateX(-180px);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .fplae:hover .bpmaeb {
	background-color: #DAB866;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.sild-float .fplae .ltt {
	width: 180px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	word-break: break-all;
}

.sild-float .email .fplae .ltt {
	font-size: 14px;
}

.sild-float .kefu .fplae .ltt {
	font-size: 14px;
}

.sild-float .friends .fplae .ltt {
	font-size: 14px;
}

/* 右侧悬浮 end */

.header-search {
	width: 102px;
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-search .search-btn {
	height: auto;
}

/*  new  */
.home-box {
	height: 100%;
}

.banner-img,
.banner-img img,
.banner-swiper {
	width: 100%;
	height: 100%;
}

.banner-img.mobile {
	display: none;
}

.banner-img img {
	-o-object-fit: cover;
	object-fit: cover;
}

.banner-img video {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.banner-next,
.banner-prev {
	width: 71px;
	height: 72px;
	background: rgba(0, 0, 0, 0.32);
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.banner-next:hover,
.banner-prev:hover {
	background: rgba(0, 87, 39, 0.32);
}

.banner-next img,
.banner-prev img {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	height: -webkit-max-content !important;
	height: -moz-max-content !important;
	height: max-content !important;
	-o-object-fit: contain !important;
	object-fit: contain !important;
}

.banner-next {
	left: auto !important;
	right: 0 !important;
}

.banner-swiper {
	position: relative;
	background: #eeeeee;
}

.banner-swiper .swiper-pagination {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 40px;
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	left: 50% !important;
	bottom: 7% !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 30px;
}

.banner-swiper .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	margin: 0 8px !important;
	background: rgba(255, 255, 255, 0.46);
}

.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff;
}

.home-introduction {
	width: 100%;
	height: 100%;
	background: url(../images/model2-bg.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
}


.public-tobody {
	max-width: 1600px;
	width: 100%;
	margin: auto;
}

.public-tobody-min {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	padding: 0 40px;
}

.public-header-nav {
	max-width: 1300px;
	width: 100%;
	margin: auto;
}

.public-nav {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: auto;
	padding: 4% 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.public-nav>.title {
	font-size: 30px;
	font-weight: bold;
	color: #015629;
	margin: 0 10%;
	white-space: nowrap;
	font-family: Source Han Serif SC;
}

.home-introduction-num-i {
	width: 100%;
}

.home-introduction-i {
	width: 100%;
	height: 100%;
}

.home-introduction-info {
	width: 40%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: left;
	padding-right: 5%;
}

.home-introduction-brand {
	width: 40%;
}

.home-introduction-info>.logo {
	max-width: 300px;
	width: 100%;
	height: auto;
	display: block;
}

.home-introduction-num-i>h1 {
	font-size: 34px;
	font-weight: bold;
	font-family: Impact;
	color: #005629;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 42px;
}

.home-introduction-num-i>.title {
	font-size: 16px;
	font-weight: 400;
	color: #272727;
	margin-top: 6px;
}


.home-introduction-info>.info {
	margin: 15px 0;
	font-size: 16px;
	font-weight: 400;
	color: #272727;
	line-height: 28px;
}

.home-introduction-num {
	width: 100%;
	margin-bottom: 5%;
}

.home-introduction-num-i>.nums>i {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: auto;
	font-size: 30px;
}

.home-introduction-num-i>.nums>i>em {
	font-size: 18px;
}

.home-btn {
	position: relative;
	width: 170px;
	height: 48px;
	background: url(../images/icon-btn.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #015629;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 35px;
}

.home-btn-img {
	margin-right: 8px;
}

.home-introduction-time-b {
	width: 25%;
	margin: 0 !important;
	background: rgba(0, 86, 41, 0.75);
}

.home-introduction-time {
	width: 100%;
	height: 100%;
}

.home-introduction-time-i {
	height: 100%;
	padding: 40px 0;
	margin: 0 20px;
	text-align: center;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.13);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home-introduction-time-i>.time {
	font-size: 40px;
	font-family: Impact;
	font-weight: 400;
	color: #FFFFFF;
}

.home-introduction-time-i>.name {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 16px;
}

.home-introduction-time-i>.msg {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 5px;
	line-height: 30px;
}

.home-introduction-time {
	height: 90%;
}

.home-introduction-time-page {
	width: 80%;
	margin: auto;
	margin-top: 20px;
}

.home-introduction-time-page>a {
	margin: 0 10px;
}

.home-introduction-brand {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home-introduction-brand .title {
	font-size: 36px;
	font-weight: bold;
	color: #005727;
	font-family: Source Han Serif SC;
}

.home-introduction-brand-type {
	margin-top: 0;
}

.home-introduction-brand-type .type-i {
	width: 44%;
	margin-top: 7%;
	padding: 5% 0;
	text-align: center;
	background: url(../images/icon-brand-bg.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.home-introduction-brand-type .type-i .info {
	font-size: 16px;
	font-weight: 400;
	color: #111111;
}

.home-introduction-brand-type>.type-i>.type-i-img {
	margin-bottom: 7px;
	-o-object-fit: contain;
	object-fit: contain;
}

.home-introduction-time-next,
.home-introduction-time-prev {
	width: 32px;
	height: 41px;
}

.home-introduction-time-prev {
	background: url(../images/icon-top3.png)no-repeat;
}

.home-introduction-time-prev:hover {
	background: url(../images/icon-top3.png)no-repeat;
}

.home-introduction-time-next {
	background: url(../images/icon-bottom3.png)no-repeat;
}

.home-introduction-time-next:hover {
	background: url(../images/icon-bottom3.png)no-repeat;
}

.home-news-b {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.home-news-a {
	width: 100%;
	height: auto;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}

.home-news-a .swiper-slide {
	width: 100% !important;
}

.type-logo {
	height: auto;
	margin-right: 30px;
}

.type-logo .type-logo-img-mobile {
	display: none;
	-o-object-fit: contain;
	object-fit: contain;
}

.home-news-a-i .type-logo img {
	-o-object-fit: contain;
	object-fit: contain;
}

.home-news-a-i {
	height: 100%;
}

.home-news {
	width: 100%;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	margin-top: 1%;
	-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
	box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);

}

.home-news-i {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home-news .swiper-slide:nth-child(1) .home-news-i {
	background: url(../images/bg-home-new1.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
}

.home-news .swiper-slide:nth-child(2) .home-news-i {
	background: url(../images/bg-home-new2.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
}

.home-news .swiper-slide:nth-child(3) .home-news-i {
	background: url(../images/bg-home-new3.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
}

.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	background: #fff;
	border: 1px solid #eff1f1;
	display: none;
	text-align: center;
	overflow: hidden
}

.zoomMask {
	position: absolute;
	z-index: 99;
	cursor: move;
	background: rgba(255, 255, 255, .4)
}

.zoomDiv img {
	max-width: inherit
}

.home-news-i .news-img {
	margin-right: 30px;
	z-index: 1;
}

.home-news-i-con {
	padding: 8% 0;
	text-align: left;
	z-index: 1;
}

.home-news-i-con>.title {
	font-size: 24px;
	font-weight: 400;
	color: #3E3E3E;
}

.home-news-i-con>.info {
	font-size: 14px;
	font-weight: 400;
	color: #525252;
	margin-top: 9px;
}

.home-news .swiper-slide {
	cursor: pointer;
}


/* .home-news-i:hover,
.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i {
    background: rgba(0, 87, 39, 0.5);
}

.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i-con>.title {
    color: #ffffff;
}

.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i-con>.info {
    color: #ffffff;
} */
.home-news-i {
	position: relative;
}

.home-news-i::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 87, 39, 0.7);
	display: none;
}

.home-news-i:hover::after {
	display: block;
}

.home-news-i:hover .home-news-i-con>.title {
	color: #ffffff;
}

.home-news-i:hover .home-news-i-con>.info {
	color: #ffffff;
}

.info-box {
	width: 100%;
	background: #F7F7F7;
}

.info-box-l {
	width: 50%;
}

.info-box-l-img {
	width: 100%;
	height: 100%;
	/* display: none; */
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	position: absolute;
	top: 0;
	left: 0;
}

.info-box-l-img img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.info-box-l-img.cur {
	/* display: block; */
	visibility: visible;
	opacity: 1;
}


.info-box-r {
	padding: 3%;
}

.info-box-r-con-info,
.info-box-r-con-title {
	text-align: left;
	/* display: block; */
}

.info-box-r-con-info {
	display: none;
}

.info-box-r-con {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed rgba(63, 63, 63, 0.14);
}

.info-box-r-con.cur .info-box-r-con-info {
	display: block;
}

.info-box-r-con.cur .info-box-r-con-title {
	display: none;
}

.info-box-r-con-title {
	font-size: 18px;
	font-weight: normal;
	color: #3F3F3F;
}

.info-box-r-con-info>.title {
	font-size: 18px;
	font-weight: bold;
	color: #005629;
	position: relative;
}

.info-box-r-con-info>.title::after {
	position: absolute;
	top: 50%;
	left: -20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	height: 10px;
	background: url(../images/icon-dot.png)no-repeat;
	content: '';
	-webkit-animation: comeback 1s infinite;
	-moz-animation: comeback 1s infinite;
	-o-animation: comeback 1s infinite;
	animation: comeback 1s infinite;
}



.info-box-r-con-info>.info {
	font-size: 14px;
	font-weight: normal;
	color: #3F3F3F;
	margin-top: 20px;
	min-height: 50px;
	line-height: 26px;
}

.info-box-r-more {
	font-size: 14px;
	font-weight: 400;
	color: #005629;
	display: block;
	text-align: left;
}

.info-box-r-more:hover {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.home-area {
	height: 65%;
}

.home-area-b {
	width: 100%;
	height: 100%;
	background: url(../images/icon-area-bg.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
}

.corporate-culture-b {
	width: 90%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.corporate-culture-b .item1 {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 48px 30px 30px 30px;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
	position: relative;
	background: rgb(0, 86, 41, .6);
}

.corporate-culture-b .item1::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 0, 0, 0.1);
}

.corporate-culture-b-i .item2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
	position: relative;

}

.swiper-pagination-bullet:only-child {
	display: block !important;
}

.corporate-culture-b .item2::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}

.corporate-culture-b-i .item2>.item2-img {
	width: 100%;
	height: 100%;
	z-index: 0;
	-o-object-fit: cover;
	object-fit: cover;
}


.corporate-culture-b .corporate-imgs {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}

.corporate-culture-b-i {
	width: 10%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 2px;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.corporate-culture-b-i>.item1>.name {
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	font-size: 20px;
	font-weight: 400;
	color: #FFFFFF;
	word-break: break-all;
	z-index: 1;
}

.corporate-culture-b-i.cur,
.corporate-culture-b-i:hover {
	-webkit-box-flex: 4;
	-webkit-flex: 4;
	-moz-box-flex: 4;
	-ms-flex: 4;
	flex: 4;
}

.corporate-culture-b-i.cur .item1,
.corporate-culture-b-i:hover .item1 {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.corporate-culture-b-i.cur .item2,
.corporate-culture-b-i:hover .item2 {
	position: relative;
	visibility: visible;
	opacity: 1;
	z-index: 2;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.corporate-culture-b-i.cur .item2 .msg .item2-con {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;

}

.corporate-culture-b-i .item2 .msg {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 48px 30px 30px 30px;
	z-index: 1;

}

.corporate-culture-b-i .item2 .msg .item2-con {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.corporate-culture-b-i .item2 .msg .item2-con .name {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

.corporate-culture-b-i .item2 .msg .item2-con .con {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 18px;
	text-align: left;
	line-height: 26px;
}

.corporate-culture-b-i .item2 .msg .item2-num {
	width: 170px;
	height: 48px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	background: url(../images/icon-area-btn.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
	margin-top: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 40px;
}

.home-introduce {
	padding: 0 37px;
}

.home-introduce-i {
	width: 48%;
	text-align: center;
}

.home-introduce-i .title {
	font-size: 30px;
	font-weight: normal;
	font-family: Source Han Serif SC;
	color: #005727;
	margin-top: 30px;
}

.home-introduce-i .info {
	font-size: 18px;
	font-weight: normal;
	color: rgba(63, 63, 63, 1);
	margin-top: 20px;
}

.home-introduce-i:nth-child(2) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.home-introduce-i:nth-child(2) .home-introduce-i-img {
	margin-top: 30px;
}

.home-introduce-i-img {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}

.footer-b {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.footer-b-top {
	width: 100%;
	height: 90px;
	background: #005629;
}

.footer-b-top-i {
	height: 100%;
	position: relative;
}

.menu-l {
	width: 45%;
	height: 100%;
}

.menu-l-i {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	margin-right: 2%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.menu-l-img {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	margin-left: 10px;
}

.menu-l-i:last-child {
	margin-right: 0;
}

.menu-l-iaa.cur .menu-l-i-link {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.menu-l-i-link {
	position: absolute;
	left: 50%;
	bottom: 90px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px;
	background: rgba(0, 87, 39, 0.5);
	/* background: #089142; */
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.menu-l-i-link-i {
	display: block;
	color: #fff;
	padding: 10px 0;
	text-align: center;
}

.menu-l-i-link-i:hover {
	background: #387B58;
}

.public-bg {
	background: url(../images/public-bg.jpg);
}

.history-mountain,
.public-mountain {
	width: 100%;
	height: 100%;
	padding-bottom: 9%;
	background: url(../images/mountain-bg.png) no-repeat center bottom;
	-o-background-size: contain;
	background-size: contain;
}

.history-mountain {
	background: url(../images/bg-history1.png) no-repeat center bottom;
	-o-background-size: contain;
	background-size: contain;
}

.menu-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.menu-r-i {
	font-size: 16px;
	color: #fff;
	margin-right: 10%;
}

.menu-r-i>.nums {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

.menu-r-i:last-child {
	margin-right: 0;
}

.menu-r-i img {
	margin-right: 10px;
}

.footer-logo {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 164px;
	height: 143px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow: hidden;
}

.footer-logo-img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
}

.footer-b-con {
	width: 100%;
	height: 100%;
	background: url(../images/footer-bg.png)no-repeat #fff;
	-o-background-size: cover;
	background-size: cover;
}

.footer-b-con-list {
	padding-top: 30px;
}

.footer-b-con-list-i>.title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-align: left;
	margin-bottom: 10%;
}

.footer-b-con-list-i>.info {
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	display: block;
	text-align: left;
	margin-top: 10px;
}

.footer-b-con-list-i>.info:hover {
	font-weight: 800;
}

.footer-b-con-list-i>.info:hover,
.footer-b-con-list-i>.title:hover {
	color: #005629;
}

.footer-b-con-list-i {
	width: 11%;
	display: none;
}

.footer-b-con-code .code-i {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	text-align: center;
}

.footer-b-con-code {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: auto;
}

.code-i>.title {
	font-size: 14px;
	font-weight: 400;
	color: #3E3E3E;
	margin-top: 9px;
}

.footer-b-con-copyright {
	font-size: 16px;
	font-weight: normal;
	color: #BEBFBF;
	text-align: center;
	padding: 1.5% 0;
	border-top: 1px solid #E3E4E5;
	margin-top: 2%;
}

.fix-bar {
	position: fixed;
	top: 60%;
	right: 1%;
	z-index: 3;
}

.fix-bar .item {
	margin: 2px 0;
	background: rgba(0, 0, 0, 0.45);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fix-bar .item:hover {
	background: RGBA(0, 86, 41, 1);
}

.fix-bar .item:hover .info {
	visibility: visible;
	opacity: 1
}

.fix-bar .item:hover .info4,
.fix-bar .item:hover .info3 {
	visibility: visible;
	opacity: 1;
	right: 60px
}

.fix-bar .btn {
	width: 47px;
	height: 47px;
	cursor: pointer
}

.fix-bar .info {
	top: 50%;
	right: 56px;
	background: #45aae7;
	min-width: 100px;
	padding: 7px;
	border-radius: 5px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	visibility: hidden;
	opacity: 0
}

.fix-bar .info2 {
	padding: 0
}

.fix-bar .info2 em {
	width: 32px;
	height: 90px;
	border-right: 1px solid #fff
}

.fix-bar .info2 em span {
	top: 29px;
	left: -37px;
	width: 90px;
	height: 32px;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.fix-bar .info2 .txt {
	width: 120px
}

.fix-bar .info4 {
	visibility: hidden;
	opacity: 0;
	top: 50%;
	right: 80px;
	padding: 15px;
	min-width: 303px;
	background: #EEEEEE;
	border: 0px solid #0D0408;
	border-radius: 8px;
	-moz-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	-o-transform: translateY(-80%);
	transform: translateY(-80%);
	-webkit-transform: translateY(-80%)
}

.fix-bar .info3 {
	visibility: hidden;
	opacity: 0;
	top: 50%;
	right: 80px;
	padding: 10px;
	min-width: 180px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #005629;
	background: #eee;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.fix-bar .info4::after {
	position: absolute;
	top: 80% !important;

}

.fix-bar .info4::after,
.fix-bar .info3::after {
	position: absolute;
	content: '';
	top: 50%;
	right: -6px;
	border-left: 6px solid #eee;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-top: -5px
}

.info4 .inputs {
	width: 100%;
	height: 100%;
	min-height: 40px;
	background: #FFFFFF;
	border-radius: 8px;
	padding: 0 10px;
	margin-bottom: 6px;
}

.info4 .inputs.code {
	border-radius: 8px 0 0 8px;
}

.info4 .texts {
	width: 100%;
	height: 100%;
	min-height: 87px;
	background: #FFFFFF;
	border-radius: 8px;
	margin-bottom: 6px;
	padding: 10px;
}

.info4-code-img {
	height: 100%;
	min-height: 40px;
	margin-bottom: 6px;
}

.info4-code-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.info4-btn {
	width: 100%;
	height: 100%;
	min-height: 40px;
	background: #03572A;
	border-radius: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.business-culture {
	height: 550px;
}

.business-culture-i {
	width: 21%;
	height: 100%;
	position: relative;
}

.business-culture-i:nth-child(1) {
	background: url(../images/icon-business-ln.png)no-repeat center bottom;
}

.business-culture-i:nth-child(2) {
	background: url(../images/icon-business-mb.png)no-repeat center bottom;
}

.business-culture-i:nth-child(3) {
	background: url(../images/icon-business-js.png)no-repeat center bottom;
}

.business-culture-i:nth-child(4) {
	background: url(../images/icon-business-zz.png)no-repeat center bottom;
}

.business-culture-i-title {
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	font-weight: 500;
	color: #FFFFFF;
	width: 90%;
	text-align: center;
}

.business-culture-i-title>.title {
	font-size: 30px;
	margin-bottom: 20px;
}

.business-culture-i-title>.name {
	font-size: 18px;
	line-height: 30px;
}

.party-life .swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	-webkit-transform: scale(0.8) !important;
	-moz-transform: scale(0.8) !important;
	-ms-transform: scale(0.8) !important;
	-o-transform: scale(0.8) !important;
	transform: scale(0.8) !important;
}

.party-life .swiper-slide-active,
.party-life .swiper-slide-duplicate-active {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

.party-life .swiper-slide-active .party-life-con,
.party-life .swiper-slide-duplicate-active .party-life-con {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.party-life .swiper-slide-active .party-life-img::after,
.party-life .swiper-slide-duplicate-active .party-life-img::after {
	content: none;
	background: transparent;
}

.party-life-con {
	width: 100%;
	padding: 5% 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	background: #FFFFFF;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.party-life-con>.info {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 36px;
}

.party-life-img {
	position: relative;
}

.party-life-img::after {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.33);
	width: 100%;
	height: 100%;
	content: '';
}

.party-life .swiper-slide-prev {
	margin-left: -10% !important;
}

.party-life .swiper-slide.swiper-slide-active {
	margin: 0 10% !important;
}

.party-life-prev,
.party-life-next {
	position: absolute;
	top: 50%;
	left: 25%;
	-webkit-transform: translateY(-250%);
	-moz-transform: translateY(-250%);
	-ms-transform: translateY(-250%);
	-o-transform: translateY(-250%);
	transform: translateY(-250%);
	cursor: pointer;
}

.party-life-next {
	left: auto !important;
	right: 25%;
}

.party-life {
	position: relative;
	overflow: hidden;
}

.party-life-prev:hover .next-img2,
.party-life-next:hover .next-img2 {
	display: block;
}

.party-life-prev:hover .next-img1,
.party-life-next:hover .next-img1,
.next-img2 {
	display: none;
}

.us-box {}

.us-map {}

.us-map-img {
	width: 60%;
}

.us-map-img>.imgs {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.us-map-info {
	width: 40%;
}

.us-map-info-i {
	padding: 15%;
}

.us-map-info-i>.public-nav {
	margin-left: 6px;
}

.us-map-info-msg {
	font-size: 16px;
	font-weight: 500;
	color: #3C3C3C;
	line-height: 48px;
}

.us-select-list {
	padding: 0 0 5% 0;
}

.us-select-list-i {
	width: 190px;
	height: 190px;
	background: #ffffff;
	padding: 7px;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.us-select-list-i-item {
	width: 100%;
	height: 100%;
	background: url(../images/icon-us-border.png)no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.us-select-list-i-item>.title {
	margin-top: 23px;
	font-size: 16px;
	font-weight: 400;
	color: #111111;
}

.us-select-list-i:hover {
	background: #005629;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.us-select-list-i:hover .us-select-list-i-item {
	background: url(../images/icon-us-border1.png)no-repeat;
}

.us-select-list-i:hover .us-select-list-i-item>.title {
	color: #ffffff;
}

.us-select {
	width: 100%;
	padding: 3% 0 5% 0;
	background: #F6F6F6;
}

.us-select .public-nav {
	margin: 0 auto;
}

.us-select-list-i:hover .us-select-list-i-item>.item-img1,
.item-img2 {
	display: none;
}

.us-select-list-i:hover .us-select-list-i-item>.item-img2 {
	display: block;
}

.chairman-speak-l {
	width: 40%;
}

.chairman-speak-l-con {
	background: #FFFFFF;
	padding: 39px 50px;
	margin-top: 40px;
	-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
	box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
}

.chairman-speak-l-con * {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000000;
	line-height: 36px !important;
}



.chairman-title {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 36px;
	margin: 26px 0;
}

.chairman-mark-down {
	display: block;
	margin-left: auto;
}

.chairman-speak-l-logo {
	margin-left: 25px;
}

.chairman-speak-r {
	width: 60%;
	text-align: center;
}

.chairman-speak-r-title {
	font-size: 24px;
	font-weight: 500;
	color: #000000;
	margin: 40px 0 15px 0;
}


.member-login-bg {
	width: 100%;
	height: auto;
	background: url(../images/bg-login.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.member-login-b {
	width: 60%;
	padding: 3% 0 5% 0;
	margin: auto;
}

.member-login-b .public-nav {
	margin: 0 auto;
}

.member-login-b .public-nav>.title {
	color: #ffffff;
	margin: 0 30%;
}

.member-input {
	margin-top: 5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.member-input-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	width: 80px;
	text-align: center;
	margin-right: 40px;
}

.member-input-i>.inputs {
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
	height: 69px;
	border: 1px solid #EAEAEA;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	padding: 0 20px;
	font-size: 15px;
}

.member-input-i {
	width: 50%;
	margin-right: 7%;
	margin-bottom: 40px;
}

.member-input-i:last-child {
	margin-bottom: 0;
}

.member-btn {
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
	height: 69px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 800;
	color: #FFFFFF;
	background: url(../images/icon-btn-center.png);
	position: relative;

}

.member-btn::before {
	position: absolute;
	top: 0;
	left: -12px;
	width: 13px;
	height: 69px;
	background: url(../images/icon-btn-l.png)no-repeat;
	content: '';
}

.member-btn::after {
	position: absolute;
	top: 0;
	right: -12px;
	width: 13px;
	height: 69px;
	background: url(../images/icon-btn-r.png)no-repeat;
	content: '';
}

.login-menu-i {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 5%;
}

.login-menu-i-img {
	width: 78px;
	height: 78px;
	background: #ffffff;
	border-radius: 50%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.login-menu-i>.title {
	font-size: 18px;
	font-weight: 800;
	color: #FFFFFF;
	margin-top: 19px;
}

.login-menu {
	margin-top: 60px;
}

.member-enroll-i {
	width: 48%;
	margin-bottom: 40px;
}

.member-enroll-i>.title {
	width: 110px;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	margin-right: 20px;
	text-align: right;
}

.member-enroll-i>.title>em {
	margin-right: 3px;
	font-size: 14px;
	color: #ff0000;
}

.member-enroll-i>.inputs {
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
	height: 69px;
	border: 1px solid #EAEAEA;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	padding: 0 20px;
	font-size: 15px;
}

.member-enroll {
	margin-top: 7%;
	margin-left: -4%;
}


.member-enroll .member-btn {
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
	margin-right: 2%;
	margin-left: 20px;
}

.legend-b {
	padding-bottom: 5%;
}

.legend-b * {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #3B3B3B !important;
	line-height: 30px !important;
}

.legend-i-title {
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
	line-height: 30px;
	word-break: break-all;
}

.legend-row {
	width: 48%;
}

.legend-i:nth-child(even) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.legend-i-img {
	text-align: center;
}

.legend-i-img img {
	width: auto;
	height: auto;
	display: block;
	margin: auto;
}

.legend-i {
	word-break: break-all;
	margin-bottom: 3%;
}

.tag-list-third {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgb(0, 86, 41, 0.5);
	margin-bottom: 3%;
}

.tag-list-third-row {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tag-list-third-row-i {
	/* width: -webkit-calc(100% / 12);
    width: -moz-calc(100% / 12);
    width: calc(100% / 12); */
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	padding: 20px;
	background: transparent;
	text-align: center;
}


.tag-list-third-row-i:hover,
.tag-list-third-row-i.cur {
	background: -webkit-gradient(linear, left top, left bottom, from(#005629), to(rgb(0, 86, 41, .1)));
	background: -webkit-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: -moz-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: -o-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: linear-gradient(180deg, #005629, rgb(0, 86, 41, .1));
}

.tag-list-i {
	width: 180px;
	height: 51px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 2%;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}


.tag-list-i:hover,
.tag-list-i.cur {
	color: #015629;
	background: url(../images/icon-tag.png)no-repeat center;
	background-size: 100% 100% !important;
}

.tag-list-b {
	padding: 3% 0 7% 0;
	overflow: hidden;
}

.tag-list-b-i::after {
	width: 30%;
	content: '';
}

.tag-list-b-i-item {
	width: 31%;
	text-align: center;
	border: 1px solid #EAEAEA;
	padding: 30px;
	padding-bottom: 5%;
	background: #ffffff;
	position: relative;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	margin-bottom: 4%;
}

.tag-list-b-i-item:hover,
.tag-list-b-i-item:hover::before,
.tag-list-b-i-item:hover::after {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);

}

.tag-list-b-i-item:hover::before {
	width: 100%;
}

.tag-list-b-i-item::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 4px;
	content: '';
	background: #015629;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.tag-list-b-i-item::after {
	width: 98px;
	height: 98px;
	background: url(../images/img-product-logo1.png)no-repeat #015629 center center;
	content: '';
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: -50px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .2s;
	-o-transition: all ease-out .2s;
	-moz-transition: all ease-out .2s;
	transition: all ease-out .2s;
}

.tag-list-b-i-item>.title {
	font-size: 20px;
	font-weight: bold;
	color: #3D3D3D;
	margin: 39px 0 18px 0;
}

.tag-list-b-i-item>.name {
	font-size: 16px;
	font-weight: 500;
	color: #676767;
}

.tag-product-img2 {
	width: 2rem;
	height: 2rem;
	margin: auto;
	text-align: center;
}

.tag-product-img2>img {
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.tag-list-b-row {
	display: none;
}

.tag-page-num,
.tag-page-i {
	min-width: 38px;
	height: 38px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tag-page-num {
	text-align: center;
	line-height: 38px;
}

.tag-page-num:hover {
	color: #005629;
}

.tag-page-box {
	margin: 0 2%;
}

.tag-page {
	width: auto;
	margin: auto;
}

.tag-page-num.cur {
	color: #015629;
	font-size: 20px;
	line-height: 20px;
	font-weight: 800;
	/* color: #ffffff;
    background: url(../images/icon-page-bg.png)no-repeat; */
}

.tag-page-box-i {
	padding: 0 10px;
}

.morning-box {
	padding: 4% 0 8% 0;
}

.morning-b {
	margin-left: -1.5%;
	margin-right: -1.5%;
}

.morning-b-i {
	width: 17%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 40px;
	position: relative;
}

.morning-b-i:hover::after {
	display: none;
}

.morning-b-i::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	content: '';
}

.morning-b {
	padding-bottom: 5%;
}

.shop-list {
	padding-bottom: 3%;
}

.shop-list::after {
	width: 30%;
	content: '';
}

.shop-list-i {
	width: 30%;
	margin-bottom: 58px;
}

.shop-list-i:hover>.title {
	color: #015629;
}

.shop-list-i-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.shop-list-i-top>.title {
	font-size: 18px;
	font-weight: 500;
	color: #444444;
	margin-left: 22px;
}

.shop-list-i-con {
	margin-top: 20px;
}

.shop-list-i-con {
	padding: 12px;
	background: url(../images/bg-shop.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
}

.shop-list-i-con-img {
	position: relative;
}

.shop-logo {
	position: absolute;
	right: 0;
	bottom: 0;
}

.news-detail-b-row {
	padding: 60px 50px;
	border: 1px solid #EAEAEA;
	background: #ffffff;
}

.news-detail-b {
	padding: 3% 20px 5% 20px;
}

.news-detail-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 28px;
}

.news-detail-menu>.info {
	font-size: 16px;
	font-weight: 500;
	color: #676767;
	margin: 0 2%;
}

.news-detail-share {
	margin: 0 2%;
}

.news-detail-b-row-top {
	position: relative;
	text-align: center;
	padding-bottom: 3%;
	border-bottom: 1px solid #D8D8D8;
}

.news-detail-b-row-top::before {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 30px;
	height: 17px;
	content: '';
	background: url(../images/icon-share-l.png)no-repeat #ffffff;
}

.news-detail-b-row-top::after {
	position: absolute;
	right: 0;
	bottom: -6px;
	width: 30px;
	height: 17px;
	content: '';
	background: url(../images/icon-share-r.png)no-repeat #ffffff;
}

.news-detail-b-row-top>.title {
	font-size: 30px;
	font-weight: bold;
	color: #3D3D3D;
}

.news-detail-share>.title {
	font-size: 16px;
	font-weight: 500;
	color: #015629;
	margin-left: 14px;
}

.news-detail-con {
	padding: 4% 2%;
	line-height: 30px;
}

.news-detail-con * {
	font-size: 18px;
	font-weight: 500 !important;
	color: #000000;
	line-height: 36px !important;
}

.news-detail-con a,
.news-detail-con em,
.news-detail-con i,
.news-detail-con span {
	display: inline;
}

.news-detail-con p {
	/* display: contents !important; */
}

.news-detail-con span {
	/* display: inherit !important; */
}

.news-detail-con img {
	margin: 1% auto;
	height: auto;
	display: block;
}

.news-detail-con-img {
	margin: auto;
	display: block;
}

.news-detail-con-title {
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	line-height: 36px;
}

.news-detail-page-l-prev,
.news-detail-page-l-next {
	font-size: 16px;
	font-weight: 500;
	color: #616161;
	margin: 3% 0;
	display: block;
}

.news-detail-page {
	margin: 0 4%;
	background: #F9F9F9;
	padding: 2% 4%;
}

.news-detail-page-r {
	max-width: 170px;
	width: 100%;
	height: 48px;
	background: url(../images/icon-return-bg.png)no-repeat;
}

.news-detail-page-r>.title {
	font-size: 14px;
	font-weight: 400;
	color: #005629;
	margin-left: 7px;
}

#world-end {
	width: 100%;
	height: 1px;
}

.new-logo {
	position: fixed;
	top: 30%;
	margin-left: -149px;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.world-msg-l.add {
	opacity: 1;
	visibility: visible;
}

.new-logo.add {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.industry {
	padding: 0 0 5% 0;
}

.industry-i-min-l>.title {
	font-size: 20px;
	font-weight: bold;
	color: #3D3D3D;
}

.industry-i-min-l>.time {
	margin: 15px 0 24px 0;
	position: relative;
	padding-left: 29px;
	font-size: 14px;
	font-weight: 300;
	color: #636363;
}

.industry-i-min-l>.time::after {
	position: absolute;
	width: 20px;
	height: 2px;
	background: #005629;
	top: 50%;
	left: 0;
	content: '';
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.industry-i-min-l>.info {
	font-size: 16px;
	font-weight: 500;
	color: #676767;
	line-height: 30px;
}

.industry-i-min-l>.home-btn {
	margin-top: 40px;
	background: url(../images/icon-industry-btn.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
	white-space: nowrap;
	display: flex;
	justify-content: center;
}

.industry-i:hover .industry-i-min-l>.home-btn {
	background: url(../images/icon-industry-btn1.png)no-repeat;
}

.industry-i-min-l {
	width: 58%;
}

.industry-i-min-r {
	width: 38%;
	max-height: 284px;
}

.industry-i-min {
	padding-bottom: 30px;
	border-bottom: 1px solid #F0F0F0;
}

.industry-i:hover {
	background: url(../images/bg-industry.png)no-repeat #015629 center bottom;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all ease-out .7s;
	-o-transition: all ease-out .7s;
	-moz-transition: all ease-out .7s;
	transition: all ease-out .7s;
}

.industry-i {
	padding: 30px 0 0px 0;
	-webkit-transition: all ease-out .7s;
	-o-transition: all ease-out .7s;
	-moz-transition: all ease-out .7s;
	transition: all ease-out .7s;
}

.industry-i:hover .industry-i-min-l>.time::after {
	background: #ffffff;
}

.industry-i:hover .industry-i-min-l>.home-btn,
.industry-i:hover .industry-i-min-l>.info,
.industry-i:hover .industry-i-min-l>.time,
.industry-i:hover .industry-i-min-l>.title {
	color: #ffffff;
}

.industry-i:hover .industry-i-min {
	border-bottom: none;
}

.industry>.tag-page {
	margin-top: 5%;
}

.anime {
	padding-bottom: 5%;
}

.anime-l {
	width: 53%;
	height: auto;
	position: relative;
}

.anime-r {
	width: 43%;
	max-height: 870px;
	background: #015629;
	overflow-y: auto;
	padding-bottom: 20px;
}

.anime-r-i {
	padding: 23px 30px 23px 69px;
	position: relative;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	cursor: pointer;
}

.anime-r-i::after {
	position: absolute;
	width: 21px;
	height: 32px;
	content: '';
	top: 50%;
	left: 25px;
	display: none;
	background: url(../images/icon-anime.png)no-repeat center;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.anime-r-i:hover,
.anime-r-i.cur {
	background: #016933;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.anime-r-i.cur::after {
	display: block;
}

.anime-r-i.cur>.title {
	font-weight: bold;
}

.anime-r-i>.title:first-child {
	white-space: nowrap;
}

.anime-r-i>.title {
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
}

.anime-r-i>.icons {
	min-width: 5px;
	min-height: 5px;
	background: #12864A;
	border-radius: 50%;
	margin: 0 3%;
}

.anime-r::-webkit-scrollbar {
	width: 6px;
	height: 100%;
	background: #F1F1F1;
}

.anime-r::-webkit-scrollbar-thumb {
	background: #009547;
	border-radius: 10px;
}

.anime-l-img {
	display: none;
}

.anime-l-img.cur {
	display: block;
}

.center-box-top {
	background: #015629;
}

.center-box-top-i-photo {
	width: 109px;
	height: 109px;
}

.center-box-top-i {
	padding: 40px 0;
}

.center-box-top-i-r>.title {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 9px;
}

.center-box-top-i-admin {
	margin-left: 40px;
}

.center-box-top-i-admin>.name {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 17px;
}

.center-box-top-i-admin>.integral {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}

.center-box-top-i-admin>.integral>.nums {
	font-size: 30px;
}

.center-upload {
	width: 170px;
	height: 48px;
	margin-right: 65px;
	background: url(../images/icon-center-btn.png)no-repeat;
}

.center-upload:last-child {
	margin-right: 0;
}

.center-upload>.title {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 5px;
}

.center-con>.member-input .member-input-i .member-btn {
	width: -webkit-calc(100% - 133px);
	width: -moz-calc(100% - 133px);
	width: calc(100% - 133px);
}

.center-con>.member-input .member-input-i {
	margin-right: 5%;
}

.center-con>.member-input {
	margin-top: 0;
	padding-bottom: 5%;
}

.center-con>.member-input .title {
	width: 80px;
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	color: #434343;
}

.world-title {
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
	line-height: 30px;
}

.world-b * {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #3B3B3B !important;
	line-height: 30px !important;
}

.world-menu {
	margin: 5% 0 0 0;
}

.world-menu-i {
	text-align: center;
	margin-bottom: 20px;
}

.world-menu-img {
	width: auto !important;
	height: auto;
}

.world-menu-title {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
}

.world-msg-r-title {
	color: #015629 !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

.world-msg-r-title * {
	color: #015629 !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

.world-msg-r-con {
	color: #3B3B3B !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
}

.world-msg-r-con * {
	color: #3B3B3B !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
}

.news-detail-share-i {
	margin: 0 5px;
}

.world-msg-l {
	width: 10%;
	top: 50%;
	position: fixed;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.world-msg-r {
	padding-left: 10%;
}

.word-float {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.world-msg-b {
	padding: 3% 0 5% 0;
}

.society-b {
	width: 100%;
	height: 100%;
	background: url(../images/bg-society.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 3%;
}

.society-b-i-l,
.society-b-i-r {
	width: 47%;
}

.society-b-i-r-title {
	font-size: 30px;
	font-weight: 500;
	color: #202020;
}

.society-b-i-r-info {
	font-size: 18px;
	font-weight: 500;
	color: #202020;
	margin-top: 20px;
}

.society-b-i-l-img img,
.society-b-i-l-img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.society-b-i {
	padding: 5% 0;
}

.society-logo {
	width: 47%;
	padding: 0 3%;
}

.society-logo-i {
	width: auto;
	margin: auto;
	/* display: block; */
}

.society-b-i-second-i {
	width: 50%;
}

.society-b-i-second-i>.society-b-i-l {
	width: 100%;
}

.society-b-i-second-con {
	margin-top: 40px;
}


.society-b-i-l .swiper-pagination {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
	left: 50% !important;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 19px;
	padding: 8px 17px;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-webkit-flex-direction: row !important;
	-moz-box-orient: horizontal !important;
	-moz-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.society-b-i-l .swiper-pagination .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	min-width: 10px !important;
	min-height: 10px !important;
	border: 1px solid #ffffff !important;
	background: transparent !important;
}

.society-b-i-l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ffffff !important;
}

.select-info-search {
	width: 100%;
	height: 102px;
	background: #ffffff;
	border: 1px solid #EAEAEA;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	padding: 3%;
}

.select-btn>.title {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	margin-left: 6px;
}

.select-b {
	padding-bottom: 5%;
}

.select-info-con {
	margin-top: 51px;
	border: 1px solid #EAEAEA;
}

.select-info-con-l-title {
	width: 30%;
	background: #F7FCF9;
	text-align: center;
	padding: 26px 0px;
	font-size: 16px;
	font-weight: 500;
	color: #005629;
}

.chairman-speak-r-img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
}

.select-info-con-l-msg {
	width: 70%;
	text-align: left;
	padding: 26px 30px;
	font-size: 16px;
	font-weight: 500;
	color: #1C1C1C;

}

.select-info-con-l {
	width: 100%;
	background: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.select-info-con-l-i {
	width: 50%;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

.select-btn {
	width: 134px;
	height: 48px;
	background: url(../images/bg-search-btn.png)no-repeat center center;
	-o-background-size: contain;
	background-size: contain;
}

.select-null {
	padding: 6% 0 5% 0;
	text-align: center;
}

.select-null-img {
	width: auto;
	margin: auto;
	display: block;
}

.select-title {
	font-size: 48px;
	font-weight: 500;
	color: #343434;
	margin-top: 50px;
}

.honor-b-top-l {
	text-align: center;
}

.honor-b-top-title {
	margin-top: 30px;
	font-size: 18px;
	font-weight: 500;
	color: #2C2C2C;
}

.honor-b {
	background: #ffffff;
	border: 1px solid #EAEAEA;
	padding: 0;
}

.honor-b-top-l-img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	margin: auto;
	display: block;
}

.honor-b-top-l {
	width: 50%;
	padding: 45px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.honor-b-top-r-i {
	width: 50%;
	padding: 30px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.honor-b-top-r-i-title {
	font-size: 16px;
	font-weight: 500;
	color: #2C2C2C;
	line-height: 24px;
	text-align: center;
	margin-top: 20px;
}

.honor-b-bottom-img {
	display: block;
	width: 66%;
	height: auto;
	margin: auto;
}

.honor-b-bottom .swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.honor-b-bottom-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.honor-b-top-r-i-img {
	width: 80%;
	height: auto;
	margin: auto;
	max-height: 250px;
}

.honor-b-top-r-i-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.honor-b-top-r {
	width: 50%;
}

.honor-b-bottom-i {
	text-align: center;
	padding: 40px;
	border-right: 1px solid #EAEAEA;
}

.honor-b-bottom-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #2C2C2C;
	margin-top: 10%;
}

.honor-b-next,
.honor-b-prev {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 71px;
	height: 72px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* background: rgba(0, 0, 0, 0.32); */
	z-index: 2;
}

.honor-b-next {
	left: auto;
	right: 0;
}

.honor-b-next:hover,
.honor-b-prev:hover {
	background: RGBA(0, 86, 41, 0.32);
}

.mag-box-i-list {
	position: relative;
	padding-top: 20px;
	margin-bottom: 7%;
}

.mag-box-i-list::after {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/bg-mag.png)no-repeat;
	background-size: 100% auto;
	width: -webkit-calc(100% + 60px);
	width: -moz-calc(100% + 60px);
	width: calc(100% + 60px);
	height: 155px;
	content: '';
	z-index: 0;
	margin-left: -30px;
	margin-right: -30px;
}

.mag-item {
	width: 23%;
	text-align: center;
	margin: 0 20px;
	position: relative;
	z-index: 1;
}

.mag-btn {
	width: 170px;
	height: 48px;
	margin: auto;
	background: url(../images/icon-industry-btn.png)no-repeat;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.mag-btn:hover {
	background: url(../images/icon-btn.png)no-repeat;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.mag-btn:hover .title {
	color: #005629;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.mag-item>.title {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	margin: 51px 0 24px 0;
}

.mag-btn>.title {
	font-size: 14px;
	font-weight: 400;
	color: #8E8E8E;
	margin-left: 5px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.mag-item-img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	border: 4px solid #3F2727;
	max-width: 283px;
	max-height: 377px;
	overflow: hidden;
}

.mag-box {
	padding-bottom: 5%;
	overflow: hidden;
}

.brand-box-i {
	width: 16.6%;
	height: 150px;
	border: 1px solid #EAEAEA;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #ffffff;
	float: left;
	position: relative;
	padding: .15rem;
}

.brand-box-img {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

.brand-box {
	display: flow-root;
	padding: 4% 0 8% 0;
}

.brand-box-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #005629;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.brand-box-shadow>.title {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	text-align: center;
}

.brand-box-i:hover {
	/* border-color: #005629; */
}

.brand-box-i:hover .brand-box-shadow {
	visibility: visible;
	opacity: 1;
}

.brand-box-shadow-img {
	width: auto;
	display: block;
	margin: 0 auto;
}

.state-b-l-img {
	width: 390px;
	height: 100%;
	background: url(../images/img-state-logo.png)no-repeat #005629 90px bottom;
}

.state-b-l {
	width: 50%;
	height: 585px;
}

.state-b-l-con-title {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 36px;
	display: -webkit-box;
	overflow: hidden;
	/* -webkit-line-clamp: 10;
    -webkit-box-orient: vertical; */
}

.state-b-l-con {
	width: -webkit-calc(100% - 390px);
	width: -moz-calc(100% - 390px);
	width: calc(100% - 390px);
	height: 100%;
	padding: 0 3%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../images/icon-mountain.png)no-repeat #ffffff right bottom;
}

.state-b {
	width: 100%;
}

.state-b-r-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	background: #ffffff;
}

.state-num-con {
	margin-left: 5%;
}

.state-num-con>.num {
	font-size: 40px;
	font-weight: bold;
	color: #005629;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.state-num-con>.num i {
	font-size: 18px;
	line-height: 30px;
}

.state-num-con .title {
	font-size: 16px;
	font-weight: 400;
	color: #272727;
	margin-top: 6px;
}

.state-b-cecond {
	padding-top: 5%;
}

.state-num-i {
	width: 32%;
}

/* .state-num-i:last-child .state-num-img {
    width: 90px;
} */

.state-info {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000000;
	line-height: 36px !important;
	padding-top: 5%;
	padding-left: 3%;
	padding-right: 3%;
}

.state-info * {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 36px !important;
}

.state-video {
	margin: 5% 0;
	position: relative;
}

.state-video>video,
.state-video {
	width: 100%;
}

.state-item-con,
.state-item-img {
	width: 48%;
}

.state-item-con {
	padding: 0 3%;
}

.state-item-con .info {
	width: 100%;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000000;
	line-height: 36px !important;
}

.state-item-con *,
.state-item-con .info * {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 36px !important;
}

.state-item {
	margin-bottom: 40px;
}

.state-item:nth-child(odd) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.state-video-play {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.state-b-cecond {
	position: relative;
}

.state-mountain-a {
	top: 20%;
	left: 0;
}

.state-mountain-b {
	top: 50%;
	right: 0;
}

.state-mountain-c {
	top: 85%;
	right: 0;
}

.history-top-i {
	text-align: center;
	position: static !important;
}

.history-top-con>.time {
	font-size: 30px;
	font-weight: bold;
	color: #3B3B3B;
}

.history-top-con>.title {
	font-size: 18px;
	font-weight: 800;
	color: #3B3B3B;
	margin-top: 9px;
}

.history-top-i::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 8px;
	content: '';
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/icon-history-time.png);
}

.history-top {
	position: relative;
}

.history-top-item {
	position: relative;
}

.history-top-con {
	width: 50%;
	padding-top: 20px;
}

.history-top-img {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.history-top-i .history-top-item.cur .history-top-img {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.history-top-i .history-top-item.cur .history-top-con>.time {
	color: #005629;
}

.history-list-item {
	width: 90%;
	height: 440px;
}


.history-list-b-i {
	display: none;
}

.history-list-b {
	position: relative;
	padding-top: 5%;
}

.history-b::after,
.history-list-b::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	width: 520px;
	height: 49px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../images/icon-history-logo1.png)no-repeat center;
	-o-background-size: contain;
	background-size: contain;
}

.history-list-i-time {
	font-size: 30px;
	font-weight: bold;
	color: #005629;
}

.history-list-i-con {
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	line-height: 30px;
	margin-top: 28px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	text-align: left !important;
}

.history-prev,
.history-next {
	width: 21px;
	height: 32px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.history-word-next,
.history-word-prev {
	width: 18px;
	height: 36px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.history-word-prev {
	left: 0;
	background: url(../images/icon-join-prev.png)no-repeat;
}

.history-word-next {
	right: 0;
	background: url(../images/icon-join-next.png)no-repeat;
}

.history-prev {
	left: 0;
	background: url(../images/icon-partylife-l.png)no-repeat;
}

.history-prev:hover {
	background: url(../images/icon-partylife-l1.png)no-repeat;
}

.history-next {
	right: 0;
	background: url(../images/icon-partylife-r.png)no-repeat;
}

.history-next:hover {
	background: url(../images/icon-partylife-r1.png)no-repeat;
}

.history-list-item-i {
	width: 100%;
	height: 100%;
	padding: 60px 36px;
	background: url(../images/bg-history.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.cartoon-b {
	padding-bottom: 5%;
}

.cartoon-video {
	width: 100%;
	margin: 5% 0;
}

.cartoon-list-play-cur {
	display: none;
}

.cartoon-b-list {
	display: flow-root;
	/* margin-left: -0.9%; */
	overflow-y: auto;
	max-height: 200px;
}

.cartoon-b-list::-webkit-scrollbar {
	width: 3px;
	height: 100%;
	background: #DDDDDD;
}

.cartoon-b-list::-webkit-scrollbar-thumb {
	background: #005629;
}

.cartoon-b-list-i {
	width: -webkit-calc(100% / 7);
	width: -moz-calc(100% / 7);
	width: calc(100% / 7);
	float: left;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 3px;
	margin: 0 0 0 2%;
	margin-bottom: 24px;
}

.cartoon-b-list-i:hover>.title,
.cartoon-b-list-i:hover {
	border-color: #005629;
	color: #005629;
}

.cartoon-b-list-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #616161;
	margin-left: 10px;
}

.cartoon-b-list-i.cur {
	border: none;
	background: url(../images/icon-cartoon-bg.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.cartoon-b-list-i.cur>.title {
	color: #005629;
}

.cartoon-b-list-i.cur .cartoon-list-play {
	display: none;
}

.cartoon-b-list-i.cur .cartoon-list-play-cur {
	display: block;
}

.cartoon-b-i {
	display: none;
}

.join-box-l {
	width: 22%;
}

.join-box-r {
	width: 75%;
}

.join-box-l-i {
	background: #F6F6F6;
	margin-bottom: 22px;
}

.join-box-l-i-top {
	padding: 20px 35px;
	background: #005629;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.join-box-l-i-top::before {
	width: 16px;
	height: 28px;
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/icon-join-l.png)no-repeat;
}

.join-box-l-i-top::after {
	width: 16px;
	height: 28px;
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/icon-join-r.png)no-repeat;
}

.join-box-l-i-con {
	padding: 50px 30px;
	background: #F6F6F6;
	width: 100%;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 800;
	color: #3B3B3B;
	line-height: 30px;
}

.join-box-l-i-con-i {
	width: 100%;
	margin-bottom: 15px;
}

.join-box-l-i-con-i:last-child {
	margin-bottom: 0;
}

.join-box-l-i-con-i>.title {
	font-size: 16px;
	font-weight: 800;
	color: #3B3B3B;
	margin-left: 10px;
}


.form-check-input {
	-webkit-user-select: text;
	-ms-user-select: text;
	-moz-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	font-size: 1em;
	list-style: none;
	outline: none;
	border: none;
	background: none;
	margin-right: 15px;
}

.form-check-input[type="radio"] {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	border: 1px solid #e7e7e7;
	background: #fff;
}

.form-check-input[type="radio"]:checked {
	background: url(../images/icon-radio.png) no-repeat center center #005629;
}

.join-box-r-i-l>.title {
	font-size: 24px;
	font-weight: 800;
	color: #3B3B3B;
}

.join-box-r-i-l>.info {
	font-size: 16px;
	font-weight: 500;
	color: #999;
	margin-top: 17px;
}

.join-box-r-i-r {
	width: 60%;
}

.join-box-r-i-l {
	width: 38%;
}

.join-box-r-i-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}



.join-box-r-i {
	background: #ffffff;
	border: 1px solid #EAEAEA;
	padding: 40px 69px;
	margin-bottom: 20px;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	cursor: pointer;
}

.join-box-r-i-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.join-box-r-i-l {
	padding-bottom: 2%;
}

.join-box-r-a {
	width: 60%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 4%;
}

.join-box-r-a.type {
	width: 25% !important;
}

.join-box-r-a>.title {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}

.join-box-r-a>.info {
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
}

.join-box-r-a>.info {
	margin-top: 17px;
}

.join-box-r .tag-page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 5%;
}

.join-box {
	padding-bottom: 6%;
}

.join-box-r-i:hover {
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
	border: 1px solid #005629;
	-webkit-box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.07);
}

.join-box-r-i:hover .join-box-r-i-l>.title {
	color: #005629;
}

.join-box-r-i:hover .join-box-r-img {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.join-box-r-img {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.join-model {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.42);
	display: none;
}

.join-model-b {
	position: absolute;
	width: 50%;
	height: auto;
	background: #fff;
	padding: 2%;
	margin: auto;
	-webkit-animation: back_scale_1 1s ease;
	-moz-animation: back_scale_1 1s ease;
	-o-animation: back_scale_1 1s ease;
	animation: back_scale_1 1s ease;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -45%);
	-moz-transform: translate(-50%, -45%);
	-ms-transform: translate(-50%, -45%);
	-o-transform: translate(-50%, -45%);
	transform: translate(-50%, -45%);
}

.join-model-b::after {
	position: absolute;
	width: 50%;
	height: 200px;
	top: -171px;
	left: 50%;
	content: '';
	background: url(../images/icon-join-logo.png)no-repeat center;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.join-model-b-top-i>.title {
	font-size: 30px;
	font-weight: 500;
	color: #000000;
}

.join-model-b-top-i {
	padding: 0 11px;
}

.join-model-b-top-share>.title {
	font-size: 16px;
	font-weight: 500;
	color: #015629;
	margin-left: 14px;
}

.join-model-b-top-type {
	margin-top: 28px;
	padding: 0 11px;
}

.join-model-b-top-type .title {
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
	margin-right: 30px;
}

.join-model-b-top::after {
	width: 100%;
	height: 6px;
	background: url(../images/icon-jion-line.png);
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
}

.join-model-b-top {
	position: relative;
	padding-bottom: 39px;
}

.join-model-b-con {
	padding: 22px;
	padding-bottom: 0;
}

.join-model-title {
	font-size: 16px;
	font-weight: 400;
	color: #3B3B3B;
	line-height: 30px;
}

.join-model-b-con-i {
	max-height: 245px;
	overflow-y: auto;
}

.join-model-b-con-i::-webkit-scrollbar {
	width: 2px;
	height: 100%;
	background: #F1F1F1;
}

.join-model-b-con-i::-webkit-scrollbar-thumb {
	background: #005629;
}

/* .join-model-b-con .divupload {
    margin-top: 26px;

} */

.join-model-b-con .home-btn {
	padding: 0 30px;
	font-size: 16px;
}

.join-close {
	width: 49px;
	height: 49px;
	position: absolute;
	top: -80px;
	right: 1%;
	cursor: pointer;
}

.join-close:hover {
	-webkit-animation: joinresize 1s;
	-moz-animation: joinresize 1s;
	-o-animation: joinresize 1s;
	animation: joinresize 1s;
}

.select-input {
	width: 90%;
	font-size: 16px;
}

.corporate-culture-swiper {
	width: 100%;
	display: none;
	position: relative;
}

.corporate-culture-swiper .item2-con {
	opacity: 1 !important;
	visibility: visible !important;
}

.home-account-tip {
	position: absolute;
	top: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	background: #387B58;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.search-btn:hover::before,
.home-account:hover::before,
.search-btn:hover .home-account-tip,
.home-account:hover .home-account-tip {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	transition: all ease-out .3s;
}

.search-btn::before,
.home-account::before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	width: 16px;
	height: 8px;
	opacity: 0;
	visibility: hidden;
	background: url(../images/icon-top-dot.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.search-btn,
.home-account {
	position: relative;
}

.home-account-tip a {
	display: block;
	margin-bottom: 10px;
}

.home-account-tip a:last-child {
	margin-bottom: 0;
}

.tag-mobile {
	width: 100%;
	display: none;
}

.tag-mobile-top {
	padding: 20px;
	background: rgb(0, 86, 41, 0.8);
	color: #ffffff;
}

.tag-mobile-i .item,
.tag-mobile-top P {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}

.tag-mobile-i .item {
	width: 100%;
	padding: 20px;
	color: #ffffff;
}

.tag-mobile-i .item:hover {
	background: rgb(0, 86, 41, 1);
}

.tag-mobile-i {
	height: 0;
	opacity: 0;
	visibility: hidden;
	background: rgb(0, 86, 41, 0.5);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.tag-mobile {
	margin-bottom: 20px;
}

.tag-mobile.cur .tag-mobile-i {
	height: auto;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.industry-recommend-slide {
	height: auto !important;
}

.industry-recommend-slide img {
	-o-object-fit: cover;
	object-fit: cover;
}

.tag-search {
	width: 6.55rem;
	height: 0.55rem;
	border: 0.01px solid #E1E1E1;
	margin: auto;
	margin-top: 0.55rem;
	background: #fff;
	padding: 0 .2rem;
}

.tag-search>.inputs {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
}

.product-con-c {
	text-align: center;
	line-height: 30px;
}

.product-con-c span {
	display: initial;
}

.product-con-c img {
	/* max-width: 5rem !important; */
}

.society-b-i-second-i .society-b-i-second-con {
	display: none;
}

.title-tick {
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 20px;
}


.story-b {
	background: url(../images/bg-story.png)no-repeat center bottom;
	-o-background-size: 100%;
	background-size: 100%;
	position: relative;
}

.story-b::after {
	width: 3.13rem;
	height: 4.59rem;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	background: url(../images/img-story-logo.png)no-repeat;
	-o-background-size: contain;
	background-size: contain;
}

.story-l {}

.story-l>img {
	height: auto;
}

.story {
	padding: .5rem 0 2rem;
}

.story-l-person-i {
	text-align: center;
}

.story-l-person-img {
	width: 1.86rem;
	height: 1.54rem;

}

.story-l-person-i .title {
	font-size: 18px;
	font-weight: 400;
	color: #292929;
	line-height: 30px;
	margin-bottom: .1rem;
}

.story-l-person {
	margin-left: .47rem;
}

.story-r {
	width: 65%;
	font-size: 18px;
	font-weight: 400;
	color: #292929;
	line-height: 30px;
	margin-left: .94rem;
	z-index: 2;
	position: relative;
}

.member-login-info {
	max-width: 768px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
}

.member-login-info>.title {
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 10px;
}

.member-login-info>.info {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	margin: .42rem 0 .44rem;
}

.invoice-b-t>.title {
	font-size: 16px;
	font-weight: 500;
	color: #363636;
	text-align: center;
}

.invoice-b-t {
	background: #EFEFEF;
	padding: .2rem .3rem;
}

.invoice-b {
	padding-bottom: 1rem;
}

.invoice-b-list-i>a,
.invoice-b-list-i>div,
.invoice-b-t>div {
	width: calc(100% / 4);
}

.invoice-b-t-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #363636;
	margin-left: .6rem;
}

.invoice-b-list-i-l-img {
	width: 0.76rem;
	height: 1.32rem;
	margin-left: .51rem;
}

.invoice-b-list-i {
	padding: .3rem;
	border-bottom: 1px dashed #B0B0B0;
}

.invoice-b-list-i-del {
	font-size: 16px;
	font-weight: 500;
	color: #015629;
}

.webuploader-pick {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.invoice-b-list-i-del img {
	margin-right: 11px;
}

.invoice-b-list-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #363636;
	text-align: center;
}

.invoice-b-all-del-i-del {
	font-size: 16px;
	font-weight: 500;
	color: #005629;
}

.invoice-b-all-del {
	padding-top: .4rem;
	padding-left: .3rem;
}

.invoice-b-all-del-i {
	margin-right: .23rem;
}

.invoice-b-all-del-i>.title {
	font-size: 16px;
	font-weight: 500;
	color: #363636;
	margin-left: .2rem;
}

.invoice-upload-b {
	max-width: 680px;
	width: 100%;
	margin: auto;
	padding-bottom: 1rem;
}

.invoice-upload>.title {
	white-space: nowrap;
	margin: .25rem .3rem 0 0;
	font-size: 16px;
	font-weight: 500;
	color: #434343;
	min-width: 64px;
}

.invoice-upload-i-items {
	width: 1.63rem;
	height: 1.58rem;
	border: 0.01px solid #EAEAEA;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: .31rem;
}

.invoice-upload-i-items img {
	width: auto;
	height: 100%;
	object-fit: contain;
}

/*.invoice-upload-i-items:last-child {
    margin-right: 0;
}*/



.invoice-upload-text {
	width: 100%;
	border: 0.01px solid #EAEAEA;
}

.invoice-upload {
	margin-bottom: .28rem;
}

.invoice-upload-btn>.title {
	margin-right: .4rem !important;
}

/*  new  */

@media (max-width:1700px) {
	.us-map-info-i {
		padding: 9%;
	}
}

@media (max-width:1600px) {
	.join-msg {
		width: 80% !important;
	}

	.history-top-i.on {
		padding: 0 !important;
	}

	.history-top-i.on .history-mountain {
		padding: 0 20px;
	}

	.public-tobody,
	.mauto {
		padding: 0 20px;
	}

	.history-top-i {
		padding: 0 20px !important;
	}

	.footer-b-con-list {
		padding: 20px;
	}

	.footer-b-con-copyright {
		padding: 30px 20px;
	}

	.menu-l {
		margin-right: 0;
	}

	.history-list-b {
		padding-left: 6px;
		padding-right: 6px;
	}
}

@media (max-width:1500px) {
	nav ul li {
		/* position: relative; */
		float: left;
		height: 100%;
		text-align: center;
		margin: 0 5px;
		min-width: 90px;
	}

	nav ul li.home-account,
	nav ul li.search-btn {
		margin: 0 10px;
	}

	.state-b-l {
		width: 60%;
		height: 520px;
	}

	.state-b-r {
		width: 40%;
	}

	.member-input-i {
		width: 60%;
		margin-right: 13%;
	}
}

@media (max-width:1400px) {
	.mag-item-img {
		max-height: 360px;
	}

	.history-con-i:nth-child(odd) {
		padding-right: 0 !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end !important;
		-webkit-justify-content: flex-end !important;
		-moz-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.history-con-i:nth-child(even) {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end !important;
		-webkit-justify-content: flex-end !important;
		-moz-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
		-webkit-box-orient: horizontal !important;
		-webkit-box-direction: normal !important;
		-webkit-flex-direction: row !important;
		-moz-box-orient: horizontal !important;
		-moz-box-direction: normal !important;
		-ms-flex-direction: row !important;
		flex-direction: row !important;
		padding-left: 0 !important;
	}

	.honor-b-top-l {
		border: 1px solid #EAEAEA;
		border-bottom: none;
	}

	.honor-b-top-r-i {
		border: 1px solid #EAEAEA;
	}

	.member-enroll {
		display: block;
		margin-left: 0;
	}

	.member-enroll-i {
		width: 80%;
	}

	.news-detail-b,
	.public-tobody-min {
		padding-left: 20px;
		padding-right: 20px;
	}

	.public-tobody-min {
		padding-left: 40px;
		padding-right: 40px;
	}

	.news-detail-b,
	.brand-box {
		padding-bottom: 10%;
	}

	.anime {
		padding-bottom: 5%;
	}

	.honor-b {
		border: none;
	}

	.honor-b-bottom {
		border: 1px solid #EAEAEA;
	}

	.mag-box {
		padding: 0 50px;
	}

	.mag-box {
		padding-bottom: 10%;
	}

	.us-map-info-i {
		padding: 5%;
	}
}

@media (max-width:1350px) {

	nav ul li {
		margin: 0;
	}

	.mag-item-img {
		max-height: 300px;
	}
}

@media (max-width:1300px) {
	nav ul li {
		margin: 0 1px;
	}

	.animeDetail-img {
		padding: 0 20px;
	}

	.menu-l-i {
		margin-right: 2% !important;
	}
}

@media (max-width:1280px) {
	.menu-r {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start !important;
		-webkit-justify-content: flex-start !important;
		-moz-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.footer-logo {
		top: -150px;
		bottom: auto;
	}

	.footer-b-top {
		height: auto;
		padding: 50px 0 20px 0;
	}

	.footer-b-con-code,
	.menu-l {
		width: 100%;
	}

	.menu-r {
		margin-top: 20px;
	}

	.footer-b-top-i {
		display: block;
	}

	.story-b::after {
		width: 2.13rem;
		height: 2.59rem;
	}

	.product-i>div {
		min-height: 300px;
	}

	.banner-img video {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.zhuanlan {
		width: 35% !important;
	}

	nav ul li {
		min-width: 85px;
	}

	.anime-r-i>.title {
		font-size: 16px;
	}

	.anime {
		padding-bottom: 150px;
	}

	.state-b {
		display: block;
	}

	.state-b-l {
		width: 100% !important;
	}

	.us-select-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.us-select-list-i {
		margin-bottom: 20px;
	}

	.join-model-b {
		width: 90%;
	}

	.join-box-r-i-l {
		width: 40%;
	}

	.join-box-r-i-r {
		width: 60%;
	}

	.member-input-i {
		width: 70%;
		margin-right: 13%;
	}

	.member-login-b .member-btn {
		width: -webkit-calc(100% - 130px);
		width: -moz-calc(100% - 130px);
		width: calc(100% - 130px);
	}

}

@media (max-width:1200px) {
	.mag-item-img {
		max-height: 260px;
	}

	.menu-l-i-link {
		bottom: 71px;
	}

	.cartoon-recommend {
		min-height: auto !important;
	}

	.industry-recommend-con>.title {
		font-size: 26px !important;
	}

	.history-b-img {
		margin-left: 3% !important;
	}

	.history-con-i>.info {
		width: 100% !important;
	}

	.history-con-i:nth-child(even) {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start !important;
		-webkit-justify-content: flex-start !important;
		-moz-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.history-con-i:nth-child(odd) {
		padding-right: 0 !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start !important;
		-webkit-justify-content: flex-start !important;
		-moz-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.ny-banner {
		padding: 6% 0 0
	}

	.ny-nav span {
		position: relative;
		display: block;
		padding: 0 55px 0 20px;
		border-radius: 5px;
		background: rgba(0, 0, 0, 0.6);
		line-height: 52px;
		font-size: 16px;
		height: 52px
	}

	.ny-nav span:before {
		content: "";
		position: absolute;
		right: 20px;
		top: 0;
		height: 100%;
		width: 15px;
		background: url(../images/xx2.png) no-repeat center center;
		-o-background-size: 100% auto;
		background-size: 100% auto
	}

	.ny-nav p {
		float: none;
		display: none;
		position: absolute;
		z-index: 5;
		left: 0;
		top: 52px;
		width: 100%
	}

	.ny-nav p a {
		width: 100%;
		text-align: left;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 25px
	}

	nav ul li {
		min-width: 75px;
	}

	nav ul li.home-account,
	nav ul li.search-btn {
		margin: 0 7px;
	}
}

@media (max-width:1200px) {
	.product-img {
		width: 50% !important;
	}

	.product-img>.title {
		font-size: 24px !important;
	}

	.morning-recommend-i {
		padding: 0 40px;
	}

	.animeDetail-page {
		width: 96% !important;
		margin-bottom: 8% !important;
	}



	.chairman-speak {
		display: block;
		padding-bottom: 3%;
	}

	.chairman-speak-r,
	.chairman-speak-l {
		width: 100%;
	}

	.society-b-i-r-title {
		font-size: 22px;
	}

	.member-input-i {
		width: 60%;
	}

	.select-b {
		padding-bottom: 5%;
	}

	.cartoon-b {
		padding-bottom: 15%;
	}

	.world-msg-b,
	.member-login-b {
		padding-bottom: 10%;
	}

	.member-enroll-i {
		width: 90%;
	}

	.member-enroll {
		margin-top: 5%;
		margin-bottom: 10%;
	}

	.member-enroll-i {
		margin-bottom: 30px;
	}

	.member-enroll-i>.inputs {
		height: 65px;
	}

	.member-input-i>.inputs {
		width: 90%;
	}

	.public-nav>.title {
		font-size: 24px;
	}

	.center-con {
		padding-bottom: 10%;
	}

	.legend-b {
		padding-bottom: 13%;
	}

	/* .footer-b-con-list,
    .menu-l {
        display: flex;
        flex-wrap: wrap;
    } */



	/* .footer-b-con-code {
        margin-top: 20px;
    } */

	.footer-b-con-list-i {
		width: 50%;
	}

	.home-introduction-brand-type,
	.footer-b-con-copyright {
		margin-top: 0;
	}

	.home-introduction-time-i>.time,
	.home-introduction-num-i>h1,
	.home-introduction-brand .title {
		font-size: 30px;
	}

	.home-introduction-info>.info {
		margin: 20px 0;
	}

	.home-introduction-time-i>.msgm,
	.home-introduction-time-i>.name {
		margin-top: 10px;
	}

	.home-introduction-brand-type .type-i {
		margin-top: 6%;
	}

	.home-introduction-num {
		margin-bottom: 20px;
	}

	.home-introduction-info {
		padding-right: 3%;
	}

	.info-box-r-con {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.info-box-r {
		padding: 2% 3%;
	}

	.info-box-r-con-info>.title::after {
		top: 8px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.home-news-i-con>.title {
		font-size: 20px;
	}

	.type-logo .type-logo-img-mobile,
	.home-area,
	.home-news-a-i {
		display: block;
	}

	.type-logo .type-logo-img {
		display: none;
	}

	.type-logo {
		margin-bottom: 20px;
	}

	.home-area {
		height: auto;
	}

	.corporate-culture-b {
		height: 400px;
	}

	.home-news-a-i,
	.corporate-culture-b {
		width: 100%;
	}

	.home-introduce-i>.title {
		font-size: 24px;
	}

	.home-news-a .swiper-slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.home-news-a-i {
		padding: 0 20px;
	}

	.type-logo img {
		width: 25%;
	}

	.home-news-i-con {
		padding: 40px 0;
	}

	.home-introduction-brand-type .type-i {
		padding: 4% 0;
	}

	/* .home-introduction-info>.info {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    } */

	.home-introduction-info>.logo {
		width: 70%;
	}

	.business-culture-i-title>.title {
		font-size: 24px;
	}

	.business-culture-i {
		width: 23%;
	}

	.honor-b {
		margin-bottom: 3%;
	}

	.state-num-con>.num {
		font-size: 30px;
	}

	.us-map-info-i {
		padding: 3%;
	}

	.us-map {
		display: block;
	}

	.us-map-info,
	.us-map-img {
		width: 100%;
	}

	.us-map-info .public-nav {
		padding: 2% 0;
	}

	.us-select {
		padding: 3% 0 10% 0;
	}

	.us-select-list-i {
		margin-left: 10px;
		margin-right: 10px;
	}

	.us-select-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.shop-list {
		padding-bottom: 5%;
	}

	.industry {
		padding-bottom: 10%;
	}



}

@media (max-width:1100px) {
	nav ul li {
		min-width: 66px;
	}

	nav ul li.home-account,
	nav ul li.search-btn {
		margin: 0 5px;
	}

	.home-introduction-brand {
		padding-left: 3%;
	}

	.info-box-r-con {
		margin-bottom: 10px;
		padding-bottom: 15px;
	}

	.home-news-i-con {
		padding: 35px 0;
	}

	.home-introduction-time-i>.time,
	.home-introduction-num-i>h1,
	.home-introduction-brand .title {
		font-size: 26px;
	}

	.home-btn {
		position: relative;
	}

	.footer-b-con-list-i>.title {
		margin-bottom: 10px;
	}

	.footer-b-con-copyright {
		padding: 20px;
	}
}

@media (max-width:1024px) {
	body {
		padding-top: 70px !important
	}

	header {
		height: 70px
	}

	.header-m {
		left: 0;
		top: 0;
		width: 70px;
		height: 70px;
		background: rgba(255, 255, 255, 0.7);
		-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
	}

	.header-m::after {
		display: none;
		position: fixed;
		content: '';
		top: 70px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5)
	}

	.header-m .logo {
		position: absolute;
		left: 50%;
		height: 70px;
		line-height: 70px;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%)
	}

	.header-m .logo img {
		max-height: 40px
	}

	.header-m .m-menu-b {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
		cursor: pointer
	}

	.header-m .m-menu-b::before,
	.header-m .m-menu-b::after {
		position: absolute;
		content: '';
		top: 50%;
		left: -webkit-calc(45px / 2);
		left: -moz-calc(45px / 2);
		left: calc(45px / 2);
		width: 25px;
		height: 2px;
		z-index: 999;
		-o-transition: all .3s ease-out .3s;
		-moz-transition: all .3s ease-out .3s;
		transition: all .3s ease-out .3s;
		-webkit-transition: all .3s ease-out .3s;
		background: #222
	}

	.header-m .m-menu-b::before {
		-moz-transform: translateY(-4px) rotate(0);
		-ms-transform: translateY(-4px) rotate(0);
		-o-transform: translateY(-4px) rotate(0);
		transform: translateY(-4px) rotate(0);
		-webkit-transform: translateY(-4px) rotate(0)
	}

	.header-m .m-menu-b::after {
		-moz-transform: translateY(4px) rotate(0);
		-ms-transform: translateY(4px) rotate(0);
		-o-transform: translateY(4px) rotate(0);
		transform: translateY(4px) rotate(0);
		-webkit-transform: translateY(4px) rotate(0)
	}

	.header-m .m-menu {
		display: none;
		z-index: 888;
		position: fixed;
		width: 100%;
		width: 260px;
		height: 100%;
		top: 0;
		left: -260px;
		opacity: 1;
		background: #fafafa;
		text-align: left;
	}

	.m-menu-logo {
		height: 70px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.m-menu-logo img {
		width: 70%;
	}

	.header-m .m-menu::after {
		position: absolute;
		top: 70px;
		content: '';
		width: 100%;
		height: 1px;
		background: #ebebeb
	}

	.header-m .nav {
		height: -webkit-calc(100% - 82px);
		height: -moz-calc(100% - 82px);
		height: calc(100% - 82px);
		overflow-x: hidden;
		overflow-y: auto
	}

	.header-m .nav>li {
		border-bottom: 1px solid #ebebeb;
		-moz-animation: resize .7s both;
		-o-animation: resize .7s both;
		animation: resize .7s both;
		-webkit-animation: resize .7s both
	}

	.header-m .nav>li>a {
		position: relative;
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 0 40px;
		color: #666;
		vertical-align: middle;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: break-word;
		overflow: hidden;
		height: 50px;
		line-height: 50px
	}

	.header-m .nav>li>a::after {
		position: absolute;
		content: '';
		left: 20px;
		top: 50%;
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border: 1px solid #999;
		border-radius: 50%;
		background: transparent;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		-webkit-transition: all .3s
	}

	.header-m .nav>li .sub-nav {
		display: none
	}

	.header-m .nav>li .sub-nav a {
		position: relative;
		display: block;
		line-height: 24px;
		padding: 12px 40px;
		background: #f2f2f2;
		color: #4E4E4E
	}

	.header-m .nav>li .sub-nav a::before,
	.header-m .nav>li .sub-nav a::after {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		left: 20px;
		top: 20px;
		border: 5px solid transparent;
		overflow: hidden;
		-o-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		-webkit-transition: all .3s
	}

	.header-m .nav>li .sub-nav a::before {
		left: 21px;
		border-left: 5px solid #555
	}

	.header-m .nav>li .sub-nav a::after {
		border-left: 5px #ebebeb solid
	}

	.header-m .nav>li.cur {
		position: relative
	}

	.header-m .nav>li.cur::after,
	.header-m .nav>li.cur::before {
		position: absolute;
		content: '';
		background: #999;
		-o-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
		-webkit-transition: all .5s
	}

	.header-m .nav>li.cur::before {
		top: 19px;
		right: 25px;
		width: 2px;
		height: 12px
	}

	.header-m .nav>li.cur::after {
		top: 24px;
		right: 20px;
		width: 12px;
		height: 2px
	}

	.header-m .nav>li.active::after {
		background: #fff
	}

	.header-m .nav>li.active::before {
		height: 0
	}

	.header-m .nav>li.active>a {
		color: #fff;
		background: #387B58
	}

	.header-m .nav>li.active>a::after {
		border-color: #fff;
		background: #fff
	}

	.header-m .nav>li.active .sub-nav li {
		/* -moz-animation: ReturnToNormal .5s both;
        -o-animation: ReturnToNormal .5s both;
        animation: ReturnToNormal .5s both;
        -webkit-animation: ReturnToNormal .5s both */
	}

	.header-m .m-search-b {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 70px;
		cursor: pointer;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;
		-o-background-size: 23px;
		background-size: 23px
	}

	html.active {
		height: 100%;
		overflow: hidden
	}

	html.active body {
		height: 100%;
		overflow: hidden
	}

	html.active .header-m {
		left: 260px
	}

	html.active .header-m::after {
		display: block
	}

	html.active .header-m .m-menu-b::before,
	html.active .header-m .m-menu-b::after {
		background: #000
	}

	html.active .header-m .m-menu-b::before {
		-moz-transform: translateY(0) rotate(225deg);
		-ms-transform: translateY(0) rotate(225deg);
		-o-transform: translateY(0) rotate(225deg);
		transform: translateY(0) rotate(225deg);
		-webkit-transform: translateY(0) rotate(225deg)
	}

	html.active .header-m .m-menu-b::after {
		-moz-transform: translateY(0) rotate(-225deg);
		-ms-transform: translateY(0) rotate(-225deg);
		-o-transform: translateY(0) rotate(-225deg);
		transform: translateY(0) rotate(-225deg);
		-webkit-transform: translateY(0) rotate(-225deg)
	}

	html.active .header-m .m-menu {
		display: block;
		left: 0
	}

	html.active footer,
	html.active main,
	html.active .i-banner,
	html.active .banner {
		-moz-transform: translateX(260px);
		-ms-transform: translateX(260px);
		-o-transform: translateX(260px);
		transform: translateX(260px);
		-webkit-transform: translateX(260px)
	}


}

@media (max-width:1024px) {
	.home-introduction-num-i>h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.home-introduction-num-i>.nums>i>em {
		line-height: 19px;
	}

	.home-introduction-num-i>.nums>i {
		margin: 0;
	}

	.tag-list-b-i-item::after {
		display: none;
	}

	.invoice-b {
		overflow-x: scroll;
	}

	.invoice-b-list,
	.invoice-b-t {
		min-width: 1024px;
	}

	.story {
		padding-bottom: 3rem;
	}

	.mag-item-img {
		max-height: 240px;
	}

	.cartoon-recommend-r-swiper-b {
		margin-top: 20px !important;
	}

	.cartoon-recommend-r-t {
		padding: 0 !important;
	}

	.cartoon-recommend-r-play {
		margin-top: .3rem !important;
	}

	.cartoon-recommend-r,
	.cartoon-recommend-l {
		width: 100% !important;
		padding: 20px 20px 30px !important;
	}

	.cartoon-recommend-l {
		padding-bottom: 0 !important;
	}

	.cartoon-recommend {
		display: block;
	}

	.history-con-i>.title {
		width: 140px !important;
	}

	.header-m.home {
		background: transparent !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}

	main {
		margin-top: -70px;
	}

	.header-m .m-search-b,
	.header-m .logo {
		display: none !important;
	}

	.menu-l-i-link {
		bottom: 70px;
	}

	.cartoon-b-list-i {
		width: -webkit-calc(100% / 6);
		width: -moz-calc(100% / 6);
		width: calc(100% / 6);
		margin: 0 0 0 2.7%;
		margin-bottom: 24px;
	}

	.product-top-r,
	.product-top-l {
		width: 49% !important;
	}

	.join-model-b>.title {
		font-size: 22px !important;
	}

	.product-img {
		width: 45% !important;
	}

	.product-img>.title {
		font-size: 20px !important;
	}

	.industry-recommend-con>.info {
		-webkit-line-clamp: 2 !important;
	}

	.industry-recommend-con>.title {
		font-size: 22px !important;
	}

	.morning-recommend-info-day .month {
		font-size: 36px !important;
	}

	.history-b {
		padding-bottom: 12% !important;
	}

	.history-mountain.on {
		padding-bottom: 15% !important;
	}

	.brand-recommend-i img {
		width: 60% !important;
	}

	.anime-list-i {
		margin-bottom: 4%;
	}

	.anime-list-b {
		padding-bottom: 11% !important;
	}

	.animeDetail-info .title {
		font-size: 22px !important;
	}

	.animeDetail-info .info {
		font-size: 20px !important;
	}

	.animeDetail-page {
		padding: 4% !important;
	}

	.info-box-r-con-info>.info {
		-webkit-line-clamp: 3 !important;
	}

	.zhuanlan {
		width: 45% !important;
	}

	.anime {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.chairman-speak-l-con {
		margin-top: 20px;
	}

	.chairman-speak-l-con {
		padding: 30px;
	}

	.chairman-speak-r-title {
		margin: 20px 0;
	}

	.chairman-speak-r-title {
		font-size: 20px;
	}

	.select-title {
		font-size: 30px;
	}

	.tag-list-b-i-item {
		padding: 20px;
		margin-bottom: 20px;
	}

	.tag-list-b-i-item>.title {
		font-size: 18px;
	}

	.party-life {
		padding-bottom: 3%;
	}

	.morning-b-i {
		width: 22%;
	}

	.member-login-b {
		width: 70%;
	}

	.member-enroll-i {
		width: 85%;
	}

	.member-input-i>.inputs,
	.member-input-i>.inputs {
		height: 65px;
	}

	.member-input-i {
		margin-bottom: 30px;
	}

	.public-top {
		padding-top: 0;
	}

	.footer-b-con-list-i {
		display: none;
	}

	.footer-b-con-code {
		margin-top: 0;
	}

	.home-introduction-brand-type>.type-i>.type-i-img {
		width: 50%;
		margin: auto;
	}

	.anime-r-i::after {
		left: 20px;
	}

	.anime-r-i {
		padding: 23px 30px 23px 60px;
	}

	.anime-r {
		max-height: 750px;
	}

	.brand-box {
		padding-bottom: 15%;
	}

	.honor-b-next,
	.honor-b-prev {
		width: 60px;
		height: 60px;
	}

	.honor-b-top-l,
	.honor-b-top-r-i,
	.honor-b-bottom-i {
		padding: 20px;
	}

	.mag-box {
		padding-bottom: 15%;
	}

	.state-num-con>.num {
		font-size: 22px;
	}

	.state-video-play img {
		width: 60px;
	}

	.us-select-list {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.shop-list {
		padding-bottom: 8%;
	}

	.shop-list-i {
		width: 48%;
	}

	.history-list-i-time,
	.history-top-con>.time {
		font-size: 24px;
	}

	.history-list-item-i {
		padding: 10%;
	}

	.industry-i-min-l>.home-btn {
		margin-top: 20px;
	}

	.join-box-r-i {
		padding: 5%;
	}

	.join-box-l-i-con {
		padding: 10%;
	}

	.join-box-r-i-l>.title {
		font-size: 20px;
	}

	.join-model-b-top-type {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.news-detail-b-row-top>.title,
	.join-model-b-top-i>.title {
		font-size: 22px;
	}

	.join-model-b-top-type .title {
		margin-bottom: 10px;
	}



	.join-box {
		padding-bottom: 13%;
	}

	.legend-i:nth-child(even),
	.legend-i {
		display: block;
	}

	.legend-i-img,
	.legend-row {
		width: 100%;
	}

	.legend-row {
		margin-bottom: 20px;
	}

	.news-detail-b-row {
		padding: 5% 20px;
	}

	.society-b-i-second-con {
		margin-top: 20px;
	}
}

@media (max-width:980px) {
	.mag-item-img {
		max-height: 360px;
	}

	.story-l {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.story-l>img {
		width: auto;
		height: auto;
	}

	.story-l,
	.story-r {
		width: 100%;
		margin: 0;
	}

	.story {
		display: block;
	}

	.honor-b-bottom-i>.title {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.industry-i-min-l>.info {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.state-b-l-con-title {
		-webkit-line-clamp: inherit !important;
	}

	.corporate-culture-b {
		display: none !important;
	}

	.corporate-culture-swiper,
	.news-detail-page {
		display: block !important;
	}

	.corporate-culture-swiper .corporate-culture-b-i {
		margin: 0 !important;
	}

	.corporate-culture-swiper .corporate-culture-b-i,
	.corporate-culture-swiper .corporate-culture-b-i .item2 {
		width: 100%;
		height: 100%;
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.anime {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.anime-r {
		width: 100%;
		max-height: 310px;
		margin-bottom: 20px;
	}

	.anime-l {
		width: 100%;
	}

	.anime-l-img {
		margin: auto;
	}

	.anime-r-i {
		padding: 20px 30px 20px 60px;
	}

	.brand-box-i {
		width: 20%;
	}

	.mag-item {
		width: 50%;
		margin: 0;
		margin-top: 20px;
	}

	.mag-box-i-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.mag-box-i {
		margin-top: -20px;
	}

	.mag-box-i-list::after {
		height: 120px;
	}

	.mag-item>.title {
		margin: 7% 0 3% 0;
	}

	.mag-box-i-list {
		margin-bottom: 0;
	}

	.center-box-top-i {
		display: block;
	}

	.center-box-top-i-c,
	.center-box-top-i-l {
		margin-bottom: 20px;
	}

	.center-con>.member-input .member-input-i {
		margin-right: 13%;
	}

	.member-input-i {
		width: 70%;
	}

	.member-login-b {
		width: 80%;
	}
}

@media (max-width:820px) {
	.society-logo {
		display: none !important;
	}

	.society-b {
		background: transparent !important;
	}

	.public-tobody-min {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.corporate-culture-b-i .item2 .msg .item2-con .con {
		display: none;
		font-size: 18px;
	}

	.home-news-i .news-img {
		margin-right: 0;
	}

	.home-news-i {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 20px 0;
	}

	.home-news-i-con {
		padding: 10px 0 0 0 !important;
	}

	.corporate-culture-b-i .item2 .msg .item2-num,
	.home-news-i-con>.info {
		display: none;
	}

	.society-b-i-second,
	.society-b-i {
		display: block;
	}

	.society-logo,
	.society-b-i-second-i,
	.society-b-i-l,
	.society-b-i-r {
		width: 100%;
	}

	.society-logo,
	.society-b-i-l {
		margin-bottom: 20px;
	}
}

@media (max-width:768px) {
	.tag-mobile-menu {
		display: flex;
		justify-content: flex-start !important;
	}

	.corporate-culture-row .info {
		max-height: 75px !important;
	}

	.member-login-info>.info {
		margin: 0.1rem 0;
	}

	.invoice-b {
		padding-bottom: .5rem;
	}

	.invoice-b-t-i>.title,
	.invoice-b-list-i-l-img {
		margin-left: .3rem;
	}

	.invoice-upload-btn .member-btn {
		width: calc(100% - 20px) !important;
		margin: auto;
	}

	.invoice-upload>.title {
		margin-bottom: .2rem;
	}

	.invoice-upload-b {
		max-width: none;
	}

	.invoice-upload {
		display: block;
	}

	.mag-box-i-list::after {
		height: 110px;
	}

	.mag-item-img {
		max-height: 360px;
	}

	.menu-l-i.ons,
	.cartoon-recommend-r-play {
		display: none;
	}

	.menu-l-i-link {
		bottom: 30px;
	}

	.story-l-person-i .title {
		font-size: 16px;
	}

	.cartoon-recommend-r-swiper {
		width: 85% !important;
	}

	.cartoon-recommend {
		padding: 0 !important;
	}

	.cartoon-recommend-r-t>.title {
		font-size: 20px !important;
	}

	.news-detail-share {
		display: none !important;
	}

	.title-tick {
		margin-bottom: 0;
	}

	.member-login-b .member-btn {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
	}

	.product-swiper-img img {
		width: 80% !important;
		height: 3rem !important;
	}


	.us-map-info-i>.public-nav {
		margin-left: auto;
	}

	.corporate-culture-swiper .banner-next,
	.corporate-culture-swiper .banner-prev {
		width: 0.8rem;
		height: 0.8rem;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		transform: translateY(-50%) !important;
	}

	.industry-i:hover .industry-i-min {
		border-bottom: inherit !important;
	}

	.industry-i:hover .industry-i-min-l>.home-btn {
		background: url(../images/icon-industry-btn.png)no-repeat !important;
		-o-background-size: contain !important;
		background-size: contain !important;
	}

	.industry-i:hover .industry-i-min-l>.time::after {
		background: #005629 !important;
	}

	.industry-i:hover .industry-i-min-l>.home-btn {
		color: #015629 !important;
	}

	.industry-i:hover .industry-i-min-l>.info,
	.industry-i:hover .industry-i-min-l>.time,
	.industry-i:hover .industry-i-min-l>.title {
		color: #3D3D3D !important;
	}

	.industry-i:hover {
		background: transparent !important;
	}

	.dtcell video,
	.dtcell img {
		max-width: 80% !important;
	}

	.society-b-i-second-i .society-b-i-second-con {
		display: block !important;
	}

	.society-logo .society-b-i-second-con {
		display: none !important;
	}

	.home-introduction-info {
		padding-right: 3%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-51%);
		-moz-transform: translateY(-51%);
		-ms-transform: translateY(-51%);
		-o-transform: translateY(-51%);
		transform: translateY(-51%);
		width: -webkit-calc(100% - 40px) !important;
		width: -moz-calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
	}

	.product-top-r>.title {
		display: none !important;
	}

	.product-top-title {
		display: block !important;
	}

	.state-info {
		padding-left: 0;
		padding-right: 0;
	}

	.product-d-swiper2-img {
		max-height: none !important;
	}

	.product-con-t {
		margin: 0.5rem 0 !important;
	}

	.product-con-t-c {
		font-size: 16px !important;
	}

	.product-con-t::after {
		width: 0.5rem !important;
		height: 0.28rem !important;
	}

	.product-top-r>.title {
		padding-bottom: 0.2rem !important;
		margin-bottom: 0.2rem !important;
		font-size: 20px !important;
	}

	.product-top-r {
		margin-top: .3rem;
	}

	.product-top {
		display: block;
	}

	.product-top-r,
	.product-top-l {
		width: 100% !important;
	}

	.tag-search {
		width: -webkit-calc(100% - 40px) !important;
		width: -moz-calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		height: .7rem;
		margin-top: 0 !important;
	}

	.industry-recommend-con>.info {
		min-height: 60px;
	}



	.join-box-r-a>.info {
		margin-top: 10px;
	}

	.join-box-r-i-l,
	.join-box-r-a {
		padding-bottom: 0 !important;
	}

	.product-i:last-child {
		margin-bottom: 0 !important;
	}

	.product-swiper {
		width: 100% !important;
	}

	.anime-list-img {
		max-height: 250px;
	}

	.corporate-culture-swiper {
		margin-left: -20px;
		margin-right: -20px;
	}

	.home-area-b {
		background: url(../images/icon-area-bg.png)no-repeat #efefef center bottom !important;
		-o-background-size: 100% auto !important;
		background-size: 100% auto !important;
	}

	.home-introduction {
		background: url(../images/model2-bg.png)no-repeat scroll center bottom !important;
	}

	.industry-recommend-slide {
		height: 100% !important;
		margin-top: auto;
	}

	.ssbox {
		display: block !important;
	}

	.type-logo,
	.join-box-l {
		display: none;
	}

	/* .join-box-mobile {
        display: block !important;
    } */

	/* .join-box {
        display: none !important;
    } */

	.join-close-img {
		width: 80%;
	}

	.join-return,
	.join-msg .member-btn {
		font-size: 16px !important;
	}

	.join-model-title {
		line-height: 26px;
	}

	.home-menu-r {
		margin-top: 10px;
	}

	.join-model-b-con .home-btn {
		padding: 0 20px;
		-o-background-size: 100% 100% !important;
		background-size: 100% 100% !important;
	}

	.join-msg {
		margin-bottom: 10px !important;
	}

	.join-model-b>.title {
		font-size: 18px !important;
	}

	.join-return {
		margin-top: 0 !important;
	}

	.join-msg .member-btn {
		width: -webkit-calc(100% - 28px) !important;
		width: -moz-calc(100% - 28px) !important;
		width: calc(100% - 28px) !important;
	}

	.join-msg .member-btn,
	.member-btn::after,
	.member-btn::before {
		height: 60px;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	.join-msg>.title {
		text-align: left !important;
		margin-right: 0 !important;
		margin-bottom: 7px;
	}

	.join-msg {
		width: 90% !important;
		display: block;
	}

	.home-btn-img {
		margin-right: 10px;
	}

	.home-news-b {
		display: none !important;
	}

	.home-menu-l {
		width: 100% !important;
	}

	.home-menu,
	.corporate-culture-mobile,
	.home-news-mobile-b {
		display: block !important;
	}

	.corporate-culture-mobile-flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.corporate-culture-mobile-flex>.home-news-mobile-logo {
		padding-top: .5rem;
	}

	.home-introduction-num-i {
		width: auto !important;
	}

	.home-introduction-info>.info {
		margin: 5% 0 10% 0;
	}

	.banner-swiper .swiper-pagination {
		bottom: 3% !important;
	}

	.home-introduction-brand,
	.home-introduction-time-b {
		display: none !important;
	}

	.home-box {
		height: -webkit-calc(100% + 70px);
		height: -moz-calc(100% + 70px);
		height: calc(100% + 70px);
		margin-top: -70px;
	}

	.header-m {
		background: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.history-b {
		border-top: 1px solid #dddddd;
		padding-top: 3%;
	}

	.history-con-i>.title {
		padding-top: 6.5% !important;
	}

	.history-con-i>.dot {
		padding-top: 7% !important;
	}

	.history-con-i>.info {
		background: transparent !important;
	}

	.select-desc-img {
		width: 50% !important;
	}

	.select-desc {
		padding-bottom: 0 !important;
	}

	.product-swiper-img>.title {
		font-size: 16px !important;
		margin-top: 5% !important;
	}

	.select-desc-img {
		margin: auto;
		margin-bottom: 3%;
	}

	.select-msg,
	.select-desc-img img {
		display: block;
	}

	.select-msg-r,
	.select-msg-l,
	.select-desc-info,
	.product-img {
		width: 100% !important;
	}

	.select-msg-r {
		text-align: center;
		margin-top: 3%;
	}

	.product-swiper-img {
		padding: 7% 0;
	}

	.product-i>div {
		max-height: none !important;
	}

	.select-desc,
	.product-i>div {
		display: block !important;
	}

	.morning-recommend-info,
	.morning-recommend-img {
		margin: auto;
		width: 100% !important;
	}

	.morning-recommend-info {
		margin-top: 3%;
	}

	.morning-recommend-i {
		display: block;
	}

	.morning-recommend-info-img>.title,
	.morning-recommend-info-day .month {
		font-size: 24px !important;
	}

	.industry-recommend-con {
		padding-bottom: 12%;
	}

	.industry-recommend-con>.time {
		padding: 3% 0 !important;
	}

	.industry-recommend-con,
	.industry-recommend-img {
		width: 100% !important;
	}

	.industry-recommend-slide {
		display: block;
	}

	.industry-recommend-con>.title {
		font-size: 20px !important;
	}

	.history-mountain.on {
		padding-bottom: 10% !important;
	}

	.history-b {
		padding-bottom: 15% !important;
	}

	.history-b::after,
	.history-list-b::after {
		width: 80% !important;
	}

	.brand-recommend-b {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.brand-recommend-i img {
		width: 80% !important;
	}

	.anime-list-b {
		padding-bottom: 6% !important;
	}

	.anime-list-i {
		width: 48% !important;
	}

	.animeDetail-info .title {
		font-size: 20px !important;
	}

	.anime-list-i .title,
	.animeDetail-info .info {
		font-size: 18px !important;
	}

	.animeDetail-img {
		margin-top: 20px !important;
	}

	.animeDetail-page-l {
		width: 100% !important;
	}

	.animeDetail-page {
		display: block;
	}

	.animeDetail-page .news-detail-page-r {
		margin: auto;
		margin-top: 5%;
	}

	.animeDetail-page {
		width: 92% !important;
		margin-bottom: 3% !important;
	}

	.history-top-i.on .swiper-slide {
		height: auto !important;
	}

	.zhuanlan img {
		width: 50% !important;
	}

	.zhuanlan {
		right: 0 !important;
	}

	.zhuanlan-i {
		position: relative;
		margin-left: auto;
	}

	.home-introduction-num-i>h1 {
		font-size: 30px !important;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.home-introduction-num-i>.nums>i {
		font-size: 30px;
		height: auto;
		margin-bottom: 0;
	}

	.zhuanlan {
		text-align: right !important;
	}

	.join-model-b-top-i>.title {
		font-size: 20px;
	}

	.join-model-b-top-type .title {
		margin-bottom: 5px;
	}

	.home-introduction-time-i {
		padding: 7% 0;
	}

	.home-introduction-time {
		width: 90%;
	}

	.chairman-mark-top,
	.chairman-mark-down {
		display: none;
	}

	.chairman-speak-l-logo {
		width: 80%;
		margin: auto;
		display: block;
	}

	.world-menu-i {
		width: 49%;
	}

	.world-menu-i:last-child {
		width: 100%;
	}

	.corporate-culture-swiper .history-prev::after,
	.corporate-culture-swiper .history-next::after {
		width: 50px;
		height: 50px;
		content: '';
		background: rgba(255, 255, 255, 0.2);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.home-introduction-info>.info {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 9;
		-webkit-box-orient: vertical;
	}

	.zhuanlan {
		bottom: 6% !important;
	}

	.banner-img {
		display: none;
	}

	.banner-img.mobile {
		display: block;
		/* height: calc(100vh - 70px); */
	}

	/* .world-menu-i {
        width: 100%;
    } */

	.world-menu-img {
		margin: auto;
	}

	.cartoon-video,
	.member-enroll {
		margin-top: 0;
	}

	.member-input-title {
		display: block !important;
	}

	.join-model-b-con .divupload {
		/*margin-top: 3%;*/
	}

	.join-model-b-top-type {
		margin-top: 3%;
	}

	.join-model-b-top-type .title {
		font-size: 16px;
	}

	.join-model-title {
		font-size: 17px;
	}

	.join-model-b-top {
		padding-bottom: 5%;
	}

	.join-model-b-con {
		padding: 5% 10px;
	}

	.join-model-b::after {
		position: absolute;
		width: 50%;
		height: 155px;
		top: -132px;
		left: 50%;
		content: '';
		background: url(../images/icon-join-logo.png)no-repeat center;
		-o-background-size: contain;
		background-size: contain;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.morning-b {
		padding-bottom: 3%;
	}

	.morning-box {
		padding-bottom: 8% !important;
	}

	.news-detail-b-row {
		padding: 5% 10px !important;
	}

	.industry-i-min-l>.info {
		line-height: 25px;
	}

	.select-info-search {
		padding: 2% !important;
	}

	.tag-list-third {
		display: none;
	}

	.product-nav-m {
		display: block !important;
	}

	.tag-list-b,
	.mag-box-i-list {
		padding-top: 0;
	}

	.industry-i-min-l>.home-btn {
		font-size: 18px;
		margin: 20px auto 0 auto;
	}

	.mag-box,
	.world-msg-b {
		padding-bottom: 8% !important;
	}

	.history-list-item {
		height: auto;
		padding: 3% 0 5% 0 !important;
	}

	.honor-b {
		margin-bottom: 8%;
	}

	.honor-b-top-r-i {
		border: 1px solid #EAEAEA;
		border-right: none;
		border-bottom: none;
	}

	.honor-b-top-r-i:nth-child(even) {
		border-right: 1px solid #EAEAEA;
	}

	.society-b-i-second {
		padding-bottom: 6%;
	}

	.society-b-i {
		padding: 0 0 6% 0;
	}

	.chairman-title {
		margin: 3% 0;
	}

	.chairman-speak-l-con {
		padding: 5%;
	}

	.menu-r {
		margin-top: 3%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify !important;
		-webkit-justify-content: space-between !important;
		-moz-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.footer-logo {
		margin-bottom: 3%;
	}

	.footer-b-top {
		padding: 0 0 5% 0;
	}

	.footer-b-con-list,
	.footer-b-con-copyright {
		padding: 4%;
	}

	.public-nav {
		padding: 8% 0 6% 0;
	}

	.public-banner .imgs {
		width: 100%;
		min-height: 250px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.footer-b-con-copyright,
	.menu-l-i {
		font-size: 14px;
	}

	.info-box-r-con {
		margin-bottom: 3%;
		padding-bottom: 3%;
	}

	.info-box-r {
		padding: 5% 4%;
	}

	.zhuanlan {
		width: auto !important;
	}

	.industry-i-min {
		padding-bottom: 0 !important;
	}

	.tag-list-third {
		background: transparent;
	}

	.tag-mobile {
		display: block;
	}

	.tag-list-third-row {
		display: none;
	}

	.tag-list-third-row {
		width: 100%;
		text-align: center;
	}

	.tag-list-third-row-i {
		height: auto;
	}

	.tag-list-third-row-i {
		display: block;
	}

	.world-menu {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.news-detail-page {
		margin: 0;
	}

	.cartoon-b {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.news-detail-page-r {
		-webkit-transform: scale(0.8) !important;
		-moz-transform: scale(0.8) !important;
		-ms-transform: scale(0.8) !important;
		-o-transform: scale(0.8) !important;
		transform: scale(0.8) !important;
	}

	.world-msg-r {
		padding-left: 0;
	}

	.world-msg-l,
	.state-video-play {
		display: none;
	}

	.home-news-a {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.home-introduce-i .home-introduce-i-img {
		margin-top: 5% !important;
	}

	.home-introduce-i .home-introduce-i-img img {
		width: 78%;
		display: block;
		margin: auto;
	}

	.info-box-r-con-info>.info {
		min-height: auto;
	}

	.type-i {
		width: 170px !important;
		height: 170px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.state-b-cecond-num {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* .state-num-i:last-child .state-num-img {
        width: 100%;
    } */

	.state-num-i {
		width: 48%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start !important;
		-webkit-justify-content: flex-start !important;
		-moz-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
		margin: 10px 0;
	}

	.state-num-img {
		max-width: 70px;
	}

	.home-introduce-i .title {
		font-size: 24px;
		font-family: Source Han Serif SC;
		font-weight: bold;
		color: #015629;
		margin-top: 0px;
	}

	.home-introduce-i .info {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #272727;
		line-height: 26px;
		margin-top: 10px;
	}

	.home-news-i .news-img {
		width: 25%;
		min-height: 50px;
		margin-right: 0px;
	}



	.corporate-culture-b-i .item2 .msg .item2-con .name {
		font-size: 20px !important;
	}



	/* .banner-swiper {
        min-height: 350px;
    } */

	.footer-b-con-code {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.honor-b-next,
	.honor-b-prev {
		width: 45px;
		height: 45px;
	}

	.banner-next,
	.banner-prev {
		display: none;
	}

	.chairman-speak-r-title,
	.society-b-i-r-title {
		font-size: 18px;
	}

	.society-b-i-l {
		margin-bottom: 3%;
	}

	.society-b-i-second-con {
		margin-top: 2%;
	}

	.society-b-i-r-info {
		font-size: 16px;
		margin-top: 2%;
	}

	.society-b-i-r-title {
		font-size: 20px;
	}

	.select-null-img {
		width: 30%;
	}

	.select-title {
		font-size: 20px;
		margin-top: 20px;
	}

	.select-b {
		padding-bottom: 8%;
	}

	.select-info-con {
		margin-top: 5%;
		display: block;
	}

	.select-info-con-l {
		width: 100%;
	}

	.tag-list-b-i-item {
		width: 48%;
	}

	.party-life .swiper-slide-prev,
	.party-life .swiper-slide.swiper-slide-active {
		margin: 0 !important;
	}

	.party-life-next {
		right: 3%;
		z-index: 9;
	}

	.party-life-prev {
		left: 3%;
		z-index: 9;
	}

	.party-life {
		padding: 0 10%;
	}

	.party-life-con>.info {
		line-height: 30px;
	}

	.news-detail-menu .news-detail-share,
	.news-detail-menu>.info {
		margin-bottom: 10px;
	}

	.news-detail-b-row-top>.title {
		font-size: 20px;
	}

	.news-detail-menu {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
	}

	.news-detail-b {
		padding-bottom: 5%;
	}

	.morning-b-i {
		width: 30%;
		margin-bottom: 20px;
	}

	.cartoon-b-list-i {
		width: -webkit-calc(100% / 5);
		width: -moz-calc(100% / 5);
		width: calc(100% / 5);
		margin-left: 4%;
	}

	/* .cartoon-b-list {
        margin-left: -5px;
    } */

	.tag-list {
		display: none;
	}

	.tag-list-i {
		width: 100%;
		margin-left: 0;
	}


	.member-input-i {
		width: 80%;
	}

	.member-login-b {
		width: 90%;
	}

	.member-enroll {
		margin-bottom: 0;
	}

	.join-box,
	.center-con,
	.legend-b {
		padding-bottom: 5%;
	}

	.join-box-r-i-r {
		width: 65%;
	}

	.join-box-r-i-l {
		width: 35%;
	}

	.join-box-r-i {
		padding: 5%;
	}

	.join-box-r .tag-page {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.join-box-l-i-con {
		padding: 4%;
	}

	.join-box-r,
	.join-box-l {
		width: 100%;
	}

	.join-box {
		display: block;
	}

	.join-box-r-i-l>.title {
		font-size: 20px;
	}

	.fix-bar {
		display: none;
	}

	.home-introduce-i>.title,
	.home-introduction-time-i>.time,
	.home-introduction-num-i>h1,
	.home-introduction-brand .title {
		font-size: 20px;
	}

	.home-news-i-con>.title,
	.corporate-culture-b-i>.item1>.name,
	.corporate-culture-b-i .item2 .msg .item2-con .name {
		font-size: 18px;
	}

	.info-box-r-con-info>.title,
	.info-box-r-con-title,
	.home-introduction-time-i>.name {
		font-size: 16px;
	}

	.info-box-r-con-info>.info {
		margin-top: 2%;
	}

	/* .home-swiper>.swiper-wrapper>.swiper-slide {
        height: max-content !important;
    } */

	.banner-next,
	.banner-prev {
		width: 8%;
		height: 15%
	}

	.home-introduction-i {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.home-introduction-brand {
		width: 70%;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
		margin: auto;
	}

	.home-introduction-time-b,
	.home-introduction-info {
		width: 100%;
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
	}

	.home-introduction-time-b {
		width: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 20px -20px !important;
	}

	.home-introduction-time-page {
		width: 100%;
		display: block;
		margin: 0;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%) !important;
		-moz-transform: translateX(-50%) !important;
		-ms-transform: translateX(-50%) !important;
		-o-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 20px 0 0 0;
		z-index: 1;
	}

	.home-introduction-time-prev {
		background: url(../images/icon-top3.png)no-repeat center;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	.home-introduction-time-next {
		background: url(../images/icon-bottom3.png)no-repeat right;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end;
	}

	.home-introduction-time-next:hover {
		background: url(../images/icon-bottom3.png)no-repeat right;
	}

	.home-introduction-time-i>.msg {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.corporate-culture-b,
	.info-box {
		display: block;
	}

	.info-box-l {
		width: 100%;
		height: 250px;
	}

	.info-box-r-con-info>.title::after {
		display: none;
	}

	.home-swiper>.swiper-wrapper>.swiper-slide:first-child {
		padding: 0 !important;
	}

	.home-introduce,
	.home-news-a-i,
	.home-introduction-i,
	.home-introduction-brand,
	.home-area-b {
		padding: 20px;
	}

	.info-box-r {
		height: -webkit-max-content !important;
		height: -moz-max-content !important;
		height: max-content !important;
	}

	.corporate-culture-b-i>.item1>.name,
	.corporate-culture-b-i {
		width: 100%;
	}

	.corporate-culture-b {
		height: -webkit-max-content;
		height: -moz-max-content;
		height: max-content;
	}

	.type-logo img {
		width: 40%;
	}

	.footer-b {
		position: static;
	}

	/* .home-swiper {
        height: max-content;
    } */

	.home-area,
	.home-introduction-info {
		padding: 0;
	}

	.home-introduce {
		display: block;
	}

	.home-introduce-i {
		width: 100%;
		margin-bottom: 9% !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.home-introduce-i:last-child {
		margin-bottom: 0 !important;
	}

	.home-introduce-i:nth-child(1) .title {
		margin-top: 0;
	}

	.home-introduce-i>.title {
		margin-top: 20px;
	}

	.corporate-culture-b .item1 {
		padding: 30px;
	}

	.home-introduction-time-b {
		margin-bottom: 0 !important;
		position: relative;
		padding: 5% 20px;
	}

	.menu-l {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.home-swiper-md>.swiper-wrapper {
		display: block !important;
	}

	.footer-b-con-code .code-i {
		text-align: center;
		width: 35%;
	}

	.business-culture {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.business-culture-i {
		width: 48%;
		height: 450px;
		margin-bottom: 3%;
	}

	.business-culture {
		height: auto;
		padding-bottom: 8%;
	}

	.footer-logo {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin: auto;
		text-align: center;
		margin-bottom: 20px;
		width: 124px;
		height: 103px;
	}

	.footer-b {
		/* padding-top: 3%; */
	}

	.footer-b-top {
		padding: 20px 0;
	}

	.public-nav>.title {
		font-size: 24px;
	}

	.business-culture-i-title>.title {
		font-size: 20px;
	}

	.business-culture-i-title>.name {
		font-size: 16px;
	}

	.business-culture-i:nth-child(1) {
		background: url(../images/icon-business-ln.png)no-repeat #3F5D81 center bottom;
	}

	.business-culture-i:nth-child(2) {
		background: url(../images/icon-business-mb.png)no-repeat #2A6847 center bottom;
	}

	.business-culture-i:nth-child(3) {
		background: url(../images/icon-business-js.png)no-repeat #632D28 center bottom;
	}

	.business-culture-i:nth-child(4) {
		background: url(../images/icon-business-zz.png)no-repeat #876200 center bottom;
	}

	.anime {
		padding-bottom: 10px;
	}

	.brand-box-i {
		width: 25%;
	}

	.brand-box {
		padding-bottom: 8%;
	}

	.honor-b-top-r-i-img {
		width: auto;
	}

	.public-mountain {
		padding-bottom: 0;
	}

	.honor-b-top {
		display: block;
	}

	.honor-b-top-r,
	.honor-b-top-l {
		width: 100%;
	}

	.honor-b-top-l-img {
		width: 70%;
	}

	.mag-item {
		width: 48%;
	}

	.mag-box {
		padding: 0 20px;
	}

	.mag-box .tag-page {
		padding: 5% 0;
	}

	.state-b-r {
		height: auto !important;
	}

	.state-b-l,
	.state-item:nth-child(odd),
	.state-item {
		display: block;
	}

	.state-item {
		margin-bottom: 20px;
	}

	.state-b-cecond {
		padding-top: 3%;
	}

	.state-b-l {
		height: auto;
	}

	.state-b-l-img {
		width: 100%;
		height: 400px;
		background: url(../images/img-state-logo.png)no-repeat #005629 right bottom;
		-o-background-size: contain;
		background-size: contain;
	}

	.state-item-con,
	.state-item-img {
		width: 100%;
	}

	.state-b-l-con {
		width: 100%;
		padding: 20px;
	}

	.state-item-img {
		margin-bottom: 20px;
	}

	.state-item-con {
		padding: 0;
	}

	.us-select-list {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.us-map-info-msg {
		line-height: 40px;
	}

	.shop-list {
		padding-bottom: 3%;
	}

	.shop-list-i {
		margin-bottom: 25px;
	}

	.industry-i-min {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.industry-i-min-l,
	.industry-i-min-r {
		width: 100%;
	}

	.industry-i-min-l {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.industry-i-min-l>.time {
		margin: 3% 0;
	}

	.industry-i {
		padding: 20px 0 0 0;
	}

	.industry {
		padding-bottom: 8%;
	}

	.industry>.tag-page {
		margin-top: 3%;
	}

	.select-info-con-l-title {
		padding: 4% 0;
	}

	.select-info-con-l-msg {
		padding: 2% 3%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.member-input {
		margin-top: 0;
	}
}

@media (max-width:680px) {
	.mag-box-i-list::after {
		height: 105px;
	}

	.inputs-code {
		width: -webkit-calc(100% - 175px) !important;
		width: -moz-calc(100% - 175px) !important;
		width: calc(100% - 175px) !important;
	}

	.cartoon-b-list-i {
		width: -webkit-calc(100% / 3.5);
		width: -moz-calc(100% / 3.5);
		width: calc(100% / 3.5);
		margin-left: 3.5%;
	}

	.history-list-item .swiper-slide {
		width: 100% !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.home-swiper-md .home-btn {
		margin: auto;
		font-size: 18px;
	}

	.home-btn {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}

	.menu-l-i {
		margin-right: 2%;
		width: 30%;
		margin-bottom: 20px;
	}



	.member-login-input {
		display: block !important;
		padding: 0 20px;
	}

	.member-enroll-i {
		margin-bottom: 20px;
	}

	#imgValidateCode {
		-o-object-fit: cover !important;
		object-fit: cover !important;
	}

	#imgValidateCode,
	.member-input-i>.inputs,
	.member-enroll-i>.inputs {
		height: 55px !important;
	}

	.member-enroll-i>.inputs {
		margin-left: 0 !important;
	}

	.member-login-input .member-btn,
	.center-con>.member-input .member-input-i .member-btn,
	.member-enroll .member-btn {
		width: -webkit-calc(100% - 25px) !important;
		width: -moz-calc(100% - 25px) !important;
		width: calc(100% - 25px) !important;
		margin: auto !important;
	}

	.member-enroll-i {
		display: block;
	}

	.login-menu {
		margin-top: 30px;
	}

	.member-input-i>.title,
	.center-con>.member-input .title,
	.member-enroll-i>.title {
		text-align: left;
		margin-bottom: 3%;
	}

	.member-enroll-i>.title,
	.member-enroll-i>.inputs,
	.member-enroll-i,
	.member-login-b {
		width: 100%;
	}

	.center-con>.member-input .member-input-i {
		margin-right: 0;
	}

	.member-input-i>.inputs,
	.member-input-i {
		width: 100%;
	}

	.member-input-i {
		margin-bottom: 20px;
	}

	.member-input-i,
	.join-box-r-i {
		display: block;
	}

	.join-box-r-img {
		display: none;
	}

	.join-box-r-i-r {
		width: 100%;
	}

	.join-box-r-i-l {
		width: 100%;
		margin-bottom: 20px;
	}

	.join-box-r-i-l>.title {
		font-size: 18px;
	}

	/* .business-culture-i {
        width: 47%;
        margin-bottom: 20px;
    } */

	.public-nav>.title {
		font-size: 22px;
	}

	.mag-btn {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}


	.shop-list-i-top>.title {
		font-size: 16px;
	}

	.industry-recommend-con>.title,
	.industry-i-min-l>.title {
		font-size: 18px !important;
	}
}

@media screen and (min-width: 1024px) and (max-height: 680px) {
	.footer-logo {
		width: auto;
		height: auto;
	}

	.footer-logo-img {
		width: 62%;
		margin: auto;
	}

	.footer-b-top-i,
	.footer-b-con-list {
		padding-left: 3%;
		padding-right: 3%;
	}

	.home-area,
	.home-introduce,
	.home-news-a-i {
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
		transform: scale(.9);
	}

	.home-introduction-brand,
	.home-introduction-info {
		-webkit-transform: scale(.9) translateX(0%) !important;
		-moz-transform: scale(.9) translateX(0%) !important;
		-ms-transform: scale(.9) translateX(0%) !important;
		-o-transform: scale(.9) translateX(0%) !important;
		transform: scale(.9) translateX(0%) !important;
	}
}

@media (max-width:600px) {
	.home-introduction-brand {
		width: 80%;
	}
}


@media (max-width:580px) {


	.mag-box-i-list::after {
		height: 95px;
	}

	.mag-item-img {
		max-height: 290px;
	}

	.us-select-list-i-item>.title {
		margin-top: 8%;
	}

	.us-select-list-i {
		width: 48%;
		height: auto;
	}

	.us-select-list {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-pack: justify !important;
		-webkit-justify-content: space-between !important;
		-moz-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		-webkit-flex-wrap: wrap !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.us-select-list-i-item {
		background: url(../images/icon-us-border.png)no-repeat;
		-o-background-size: 100% 100% !important;
		background-size: 100% 100% !important;
		padding: 20px 0 !important;
	}

	.story-l>img {
		width: 20%;
		height: auto;
	}

	.join-msg>.inputs,
	.join-msg>.title {
		font-size: 14px;
	}

	.anime-list-i {
		width: 100% !important;
	}

	.join-model-b-con-i {
		max-height: 180px;
		overflow-y: auto;
	}

	.anime-r-i>.title {
		font-size: 14px;
	}

	.anime-r-i {
		padding: 20px;
	}

	.anime-r-i::after {
		display: none !important;
	}

	.honor-b-bottom-img img {
		max-height: 240px;
	}

	.business-culture-i-title {
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-90%);
		-moz-transform: translateX(-50%) translateY(-90%);
		-ms-transform: translateX(-50%) translateY(-90%);
		-o-transform: translateX(-50%) translateY(-90%);
		transform: translateX(-50%) translateY(-90%);
	}

	.tag-page-box-i {
		padding: 0 5px;
	}

	.news-detail-page-r {
		margin: auto;
	}

	.state-num-img {
		max-width: 55px;
	}

	.chairman-title {
		margin: 0;
	}

	/* .chairman-speak-l-logo {
        margin-left: 0;
    } */

	.select-title {
		font-size: 18px;
	}

	.select-info-search {
		height: auto;
	}

	.tag-list-b-i-item {
		width: 100%;
	}

	.morning-b-i {
		width: 47%;
	}

	.login-menu-i-img {
		width: 70px;
		height: 70px;
	}

	.center-upload {
		margin-bottom: 20px;
	}

	.center-box-top-i-c {
		display: block;
	}

	.center-con>.member-input .member-input-i {
		margin-right: 0%;
	}

	.member-input-i>.inputs {
		height: 60px;
	}

	.member-input-i {
		width: 100%;
	}

	.member-input-i>.inputs {
		width: 100%;
	}

	.brand-box-i {
		width: 33%;
	}

	.business-culture-i {
		height: 370px;
	}

	.footer-logo {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		margin: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	/* .corporate-culture-b-i .item2 .msg .item2-num {
        padding: 12px 55px;
    } */

	.banner-swiper .swiper-pagination {
		padding: 10px;
	}

	.banner-swiper .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.banner-next,
	.banner-prev {
		width: 10%;
		height: 20%;
	}

	.type-logo img {
		width: 50%;
	}

	.us-select-list-i {
		margin-left: 0;
		margin-right: 2px;
	}

	.shop-list-i {
		width: 100%;
	}

	.history-list-b::after {
		width: 80%;
	}
}

@media (max-width:530px) {
	.home-introduction-brand {
		width: 100%;
	}
}

@media (max-width:580px) and (max-width:568px) {
	.corporate-culture-img {
		height: 320px !important;
	}
}

@media (max-width:480px) {
	.mag-item-img {
		max-height: 250px;
	}
}

@media (max-width:425px) {


	.brand-box-i:nth-child(even) {
		border-left: none;
	}

	.footer-b {
		overflow: hidden;
	}

	/* .us-select-list-i {
        width: 180px;
        height: 180px;
    } */

	.us-select-list-i-item {
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	.type-i {
		width: 160px !important;
		height: 160px;
	}

	.menu-r-i {
		margin-right: 3%;
		margin-bottom: 2%;
	}

	.cartoon-b-list-i {
		width: 45%;
	}

	.cartoon-b-list-i.cur {
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}

	.brand-box-i {
		width: 50%;
	}

	.us-select-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 15px;
	}

	.cartoon-b-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.cartoon-b-list-i {
		margin-left: 5px;
		margin-right: 10px;
	}
}

@media (max-width:410px) {
	.type-i {
		width: 150px !important;
		height: 150px;
	}
}

@media (max-width:400px) {
	.mag-box-i-list::after {
		height: 80px;
	}

	.mag-item-img {
		max-height: 170px;
	}

	.mag-btn {
		width: 130px;
		height: 40px;
		margin: auto;
		background: url(../images/icon-industry-btn.png)no-repeat;
		background-size: 100% 100%;
		transform: scale(none) !important;
		margin: auto;
	}

	/* .us-select-list-i {
        width: 170px;
        height: 170px;
    } */
}

@media (max-width:390px) {
	.type-i {
		width: 140px !important;
		height: 140px;
	}

	.home-introduction-brand-type .type-i {
		margin-top: 20px;
	}
}

@media (max-width:375px) {
	/* .us-select-list-i {
        width: 160px;
        height: 160px;
    } */

	.tag-page-box-i {
		padding: 0 3px;
	}
}

@media (max-width:365px) {
	.type-i {
		width: 130px !important;
		height: 130px;
	}
}

@media (max-width:360px) {
	/* .us-select-list-i {
        width: 150px;
        height: 150px;
    } */
}

@media (max-width:350px) {
	.type-i {
		width: 115px !important;
		height: 115px;
	}
}

@media (max-width:340px) {
	.cartoon-b-list-i {
		width: 44%;
	}


}


@-webkit-keyframes comeback {
	0% {
		left: -20px;
	}

	50% {
		left: -25px;
	}

	100% {
		left: -20px;
	}
}


@-moz-keyframes comeback {
	0% {
		left: -20px;
	}

	50% {
		left: -25px;
	}

	100% {
		left: -20px;
	}
}


@-o-keyframes comeback {
	0% {
		left: -20px;
	}

	50% {
		left: -25px;
	}

	100% {
		left: -20px;
	}
}


@keyframes comeback {
	0% {
		left: -20px;
	}

	50% {
		left: -25px;
	}

	100% {
		left: -20px;
	}
}

@-webkit-keyframes joinresize {

	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-moz-keyframes joinresize {

	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-o-keyframes joinresize {

	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes joinresize {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-webkit-keyframes back_scale_1 {
	0% {
		opacity: 0;
		top: 0;
	}

	100% {
		opacity: 1;
		top: 50%;
	}
}

@-moz-keyframes back_scale_1 {
	0% {
		opacity: 0;
		top: 0;
	}

	100% {
		opacity: 1;
		top: 50%;
	}
}

@-o-keyframes back_scale_1 {
	0% {
		opacity: 0;
		top: 0;
	}

	100% {
		opacity: 1;
		top: 50%;
	}
}

@keyframes back_scale_1 {
	0% {
		opacity: 0;
		top: 0;
	}

	100% {
		opacity: 1;
		top: 50%;
	}
}

/* 2023531 */
.zhuanlan {
	width: 25%;
	z-index: 11;
	position: absolute;
	right: 30px;
	bottom: 0;
	padding: 0;
	text-align: center;
}


.zhuanlan-i {
	width: 70%;
	position: relative;
}

.zhuanlan-close {
	width: .4rem;
	height: .4rem;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	content: '';
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 3;
	position: absolute;
	top: 0;
	right: 3%;
	cursor: pointer;
}


.product-nav-m {
	display: none;
	position: relative;
	cursor: pointer;
	margin: 0 0 5% 0;
	z-index: 2;
}

.thr3 {
	display: none;
	padding-left: 40px
}

.thr3 a {
	line-height: 30px;
}

.product-nav-m .title {
	position: relative;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	background: rgb(0, 86, 41, 1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	border-bottom: none
}

.product-nav-m .title strong {
	color: #fff;
	font-size: 16px;
	font-weight: bold
}

.product-nav-m .title i {
	position: absolute;
	content: '';
	width: 45px;
	height: 100%;
	right: 0
}

.product-nav-m .title i::before,
.product-nav-m .title i::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 12px;
	height: 1px;
	background: #fff;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-transition: all .3s
}

.product-nav-m .title i::before {
	left: 46%;
	-moz-transform: rotate(40deg) scaleY(1.5);
	-ms-transform: rotate(40deg) scaleY(1.5);
	-o-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5);
	-webkit-transform: rotate(40deg) scaleY(1.5)
}

.product-nav-m .title i::after {
	right: 46%;
	-moz-transform: rotate(-40deg) scaleY(1.5);
	-ms-transform: rotate(-40deg) scaleY(1.5);
	-o-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5);
	-webkit-transform: rotate(-40deg) scaleY(1.5)
}

.product-nav-m .title.active i::before {
	-moz-transform: rotate(-40deg) scaleY(1.5);
	-ms-transform: rotate(-40deg) scaleY(1.5);
	-o-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5);
	-webkit-transform: rotate(-40deg) scaleY(1.5)
}

.product-nav-m .title.active i::after {
	-moz-transform: rotate(40deg) scaleY(1.5);
	-ms-transform: rotate(40deg) scaleY(1.5);
	-o-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5);
	-webkit-transform: rotate(40deg) scaleY(1.5)
}

.product-nav-m>ul {
	display: none;
	/* position: absolute; */
	top: 45px;
	width: 100%;
	background-color: rgb(0, 86, 41, 0.8);
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-nav-m ul .current>a {
	background-color: rgb(0, 86, 41, 0.8);
}

.product-nav-m ul>li {
	-moz-animation: ReturnToNormal .5s both;
	-o-animation: ReturnToNormal .5s both;
	animation: ReturnToNormal .5s both;
	-webkit-animation: ReturnToNormal .5s both
}

.product-nav-m ul>li>a {
	display: block;
	line-height: 45px;
	padding: 0 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.product-nav-m ul>li a {
	color: #fff;
}

.member-input-title {
	text-align: right;
	width: 100%;
	padding-bottom: 5%;
	color: #ffffff;
	font-size: 16px;
	display: none;
	margin-top: -10px;
}

.login-reg {
	text-align: right;
	width: 100%;
	padding-bottom: 5%;
	color: #ffffff;
	font-size: 16px;
}

.join-box-l-i-top.cur .join-icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*  2023/6/26 */
.anime-list::after {
	width: 31%;
	content: '';
}

.anime-list-i {
	width: 31%;
	text-align: center;
	padding: 20px;
	border: 1px solid #EAEAEA;
	background: #ffffff;
	margin-bottom: 6%;
}

.anime-list-i .title {
	font-size: 20px;
	font-weight: bold;
	color: #3D3D3D;
}

.anime-list-i .info {
	font-size: 16px;
	font-weight: 500;
	color: #676767;
	margin-top: 5%;
}

.anime-list-img {
	width: 80%;
	height: auto;
	max-height: 280px;
	margin: auto;
	text-align: center;
	margin-bottom: 8%;
}

.anime-list-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

.anime-list-b {
	padding-bottom: 9%;
}

.animeDetail-img {
	max-width: 680px;
	width: 100%;
	text-align: center;
	margin: auto;
	margin-top: 40px;
}

.animeDetail-img img {
	display: block;
	margin: auto;
}

.animeDetail-info {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	text-align: center;
}

.animeDetail-info .title {
	font-size: 30px;
	font-weight: bold;
	color: #3D3D3D;
}

.animeDetail-info .info {
	font-size: 22px;
	font-weight: 500;
	color: #676767;
	margin-top: 22px;
}

.animeDetail-page-l .title {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #616161;
	margin-bottom: 20px;
}

.animeDetail-page-l .title:hover {
	color: #005629;
}

.animeDetail-page-l .title:last-child {
	margin-bottom: 0;
}

.animeDetail-page {
	max-width: 1200px;
	width: 100%;
	background: rgba(0, 0, 0, 0.05);
	margin: 5% auto 0;
	padding: 2%;
}

.animeDetail {
	padding-bottom: 5%;
	margin-top: .3rem;
}

.animeDetail-page-l {
	width: 80%;
}

.morning-recommend {
	background: url(../images/bg-morning.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding-bottom: 4%;
}

.morning-recommend-i {
	max-width: 1100px;
	margin: auto;
	width: 100%;
}

.cartoon-b,
.morning-recommend-i,
.anime-list-b {
	margin-top: .3rem;
}

.morning-recommend-info-img {
	width: 134px;
	height: 119px;
	background: url(../images/icon-morning.png)no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.morning-recommend-info-img>.title {
	font-size: 27px;
	font-weight: 800;
	color: #005629;
}

.morning-recommend-info-day .month {
	font-size: 48px;
	font-weight: 500;
	color: #005629;
	display: block;
	margin-left: 10%;
}

.morning-recommend-info,
.morning-recommend-img {
	width: 50%;
}

.morning-recommend-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.brand-recommend {
	background: url(../images/bg-brand.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	padding-bottom: 8%;
}

.brand-recommend-b {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	padding-top: 2%;
}

.brand-recommend-i {
	width: 30%;
	text-align: center;
}

.select-desc-img {
	width: 30%;
}

.select-desc-info {
	width: 60%;
	font-size: 16px;
	font-weight: 400;
	color: #292929;
	line-height: 36px;
	word-break: break-all;
}

.select-desc {
	padding: 7% 0;
}

.select-msg-bg {
	background: url(../images/bg-select.png)no-repeat;
	-o-background-size: cover;
	background-size: cover;
	padding: 7% 0;
}

.select-msg-l {
	width: 50%;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 32px;
}

.select-msg-r {
	width: 30%;
}

.product-title {
	font-size: 16px;
	font-weight: 400;
	color: #292929;
	line-height: 32px;
}

.product-title>.info {
	text-align: left;
	margin-top: 5%;
}

.dtcell img {
	max-width: 40%;
	width: 100% !important;
}

.dtcell video {
	max-width: 40%;
	width: 100% !important;
}

.product-i {
	margin-bottom: 5%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product-i>div {
	max-height: 528px;
}

.product-img {
	width: 40%;
	height: auto;
	position: relative;
}

.product-img>.title {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 8%
}

.product-img img {
	width: 100%;
	height: 100%;
	/* -o-object-fit: cover;
    object-fit: cover; */
}

.product-img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, 0.4));
	content: '';
	z-index: 1;
}

.product-swiper {
	width: 60%;
	background: #ffffff;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.product-swiper-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-right: 1px solid #DDDDDD;
}

.product-swiper-img img {
	width: 80%;
	height: 70%;
	-o-object-fit: contain;
	object-fit: contain;
}

.product-swiper-img>.title {
	font-size: 18px;
	font-weight: bold;
	color: #454444;
	margin-top: 5%;
}

.industry-button-next,
.industry-button-prev,
.product-button-next,
.product-button-prev {
	width: .55rem;
	height: .55rem;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	background: rgba(0, 0, 0, 0.3);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.industry-button-next:hover,
.industry-button-prev:hover,
.product-button-next:hover,
.product-button-prev:hover {
	background: rgba(1, 86, 41, 0.3);
}

.industry-button-prev {
	margin-right: 10px;
}


.product-button-next {
	left: auto;
	right: 0;
}

.industry-recommend-con>.title {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

.industry-recommend {
	padding-bottom: 5%;
	-webkit-box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.05);
}

.industry-recommend-img {
	width: 49%;
	max-height: 4.01rem;
}

.industry-recommend-con {
	width: 48%;
	padding-top: 3%;
	position: relative;
	padding-right: 20px;
}

.industry-recommend-con>.time {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #676767;
	padding: 6% 0 3% 0;
	margin-bottom: 3%;
	border-bottom: 1px dashed #E4E4E4;
}

.industry-recommend-con>.info {
	font-size: 16px;
	font-weight: 500;
	color: #676767;
	line-height: 30px;
}

.industry-pagination {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.industry-recommend-b .swiper-pagination-current {
	font-size: 36px;
	color: #005629;
}

.industry-recommend-b .swiper-pagination {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	left: auto !important;
	right: 2% !important;
	bottom: 0 !important;
}

.industry-recommend-b {}

.industry-page {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
}

.industry-page .industry-button-next,
.industry-page .industry-button-prev {
	position: static !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
}

.history-b {
	width: 100%;
	padding-bottom: 8%;
	position: relative;
}

.history-b-img {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	z-index: 1;
	position: relative;
}

.history-b-img img {
	-o-object-fit: contain;
	object-fit: contain;
}

/* .history-b::after {
    width: 1px;
    height: 100%;
    background: #ECECEC;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
} */

.history-con {
	width: 100%;
}

.history-con-i>.title {
	font-size: 30px;
	font-weight: bold;
	color: #005629;
	padding-top: 5.5%;
}

.history-con-i>.dot {
	margin: 0 20px;
	position: relative;
	padding-top: 6%;
}

.history-con-i>.dot img {
	position: relative;
	z-index: 2;
}

.history-con-i>.dot::after {
	width: 1px;
	height: 100%;
	background: #DDDDDD;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 0;
}

.history-con-i>.info {
	width: 47%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 3% 2%;
	background: #F2F4F3;
	border-radius: 10px;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #000000;
	line-height: 30px !important;
	margin-top: 3%;
}

.history-con-i:nth-child(odd) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-right: 15px;
}

.history-con-i:nth-child(even) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	padding-left: 23px;
}

.history-con-i {
	width: 100%;
	height: 100%;
}

.history-top-i.on::after {
	display: none;
}

.history-list-i-time.on {
	text-align: left;
}

.home-news-mobile-img {
	height: 3.59rem;
}

.home-news-mobile-b {
	width: 100%;
	display: none;
	padding: 0 20px;
	position: initial;
	z-index: 1;
}

.home-news-mobile-b::after {
	width: 100%;
	height: 50%;
	/* background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#F7F7F7), to(#F5F5F5));
    background: -webkit-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
    background: -moz-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
    background: -o-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
    background: linear-gradient(180deg, transparent, #F7F7F7, #F5F5F5); */
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

.home-news-mobile-title {
	font-size: 20px;
	font-weight: 400;
	color: #015629;
	text-align: left;
	margin: 5% 0;
	line-height: 26px;
}



.home-news-mobile-logo {
	width: 65%;
	margin: auto;
	margin-bottom: 6%;
}

.home-news-mobile .swiper-pagination {
	bottom: 0 !important;
}

.home-news-mobile {
	background: #fff !important;
	padding-bottom: 25% !important;
}

.home-news-mobile .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.home-news-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #015629;
}

.corporate-culture-mobile {
	display: none;
	/* margin-left: -20px;
    margin-right: -20px; */
}

.corporate-culture-row {
	text-align: center;
}

.corporate-culture-row .title {
	font-size: 22px;
	font-weight: bold;
	color: #015629;
	visibility: hidden;
	opacity: 0;
	margin-top: 6%;
}



.corporate-culture-img {
	height: 380px;
	position: relative;
}

/* .corporate-culture-swiper .swiper-slide-active {
    width: 64% !important;

} */


/* .corporate-culture-swiper .swiper-slide-prev {
    margin-left: -16%;
} */

.corporate-culture-img img {
	/* width: 90% !important;
    margin: auto !important; */
	/* -o-object-fit: cover;
    object-fit: cover; */
}

/* .corporate-culture-swiper .banner-next {
    right: 5% !important;
}

.corporate-culture-swiper .banner-prev {
    left: 5% !important;
} */

.corporate-culture-swiper .swiper-slide-active .info,
.corporate-culture-swiper .swiper-slide-active .title {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	transition: all ease-out .4s;
}

.home-menu-r .title {
	font-size: 16px;
	font-weight: 500;
	color: #3B3B3B;
	margin-left: 3%;
}

.home-menu-l {
	width: 48%;
}

.home-menu-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.home-menu {
	margin-top: 10px;
}

.join-msg>.title {
	min-width: 100px;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	margin-right: 28px;
	text-align: right;
	white-space: nowrap;
}

.join-model-b>.title {
	font-size: 30px;
	font-weight: 500;
	color: #000000;
	text-align: center;
	margin-bottom: 3%;
}

.join-msg {
	width: 60%;
	margin: auto;
	margin-bottom: 15px;
}

.join-msg>.inputs {
	width: 100%;
	height: .69rem;
	border: 1px solid #EAEAEA;
	padding: 0 20px;
}

.join-msg .member-btn {
	width: -webkit-calc(100% - 160px);
	width: -moz-calc(100% - 160px);
	width: calc(100% - 160px);
	margin-left: 15px;
}

.join-return {
	width: 100%;
	font-size: 18px;
	font-weight: 800;
	color: #015629;
	text-align: center;
}

.join-return {
	margin-top: 20px;
}

.join-model-b.msg {
	display: none;
}

.header-m .m-language {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ebebeb;
}

.header-m .m-language a {
	background: #fff;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #666;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	-moz-animation: slideInUp 1.5s both;
	-o-animation: slideInUp 1.5s both;
	animation: slideInUp 1.5s both;
	-webkit-animation: slideInUp 1.5s both
}

.header-m .m-language a img {
	height: 18px;
	vertical-align: -2px;
	margin: 0 5px 0 0
}

.join-box-mobile {
	display: none;
}

.ssbox2 .selectbox {
	width: -webkit-calc((100% - 20px)/2);
	width: -moz-calc((100% - 20px)/2);
	width: calc((100% - 20px)/2);
	border: none;
	border-radius: 5px;
	padding: 0 18px 0 10px;
	background: url(../images/icon-1.png) no-repeat right 8px center #F3F3F3;
	-o-background-size: 10px auto;
	background-size: 10px auto;
	height: 35px;
}

.selectbox {
	-webkit-appearance: none;
}

.ssbox2 .sst {
	border: none;
	padding: 0 0 0 10px;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: -webkit-calc((100% - 20px)/2);
	width: -moz-calc((100% - 20px)/2);
	width: calc((100% - 20px)/2);
}

.ssbox2 .sst .sst_input {
	width: -webkit-calc(100% - 33px);
	width: -moz-calc(100% - 33px);
	width: calc(100% - 33px);
	line-height: 35px;
	height: 35px;
}

.ssbox {
	/* background: #fff; */
	display: none;
	padding: 20px 15px;
}

.szlb {
	background: #ffffff;
}

.szlb li {
	border-top: 1px solid #eaeaea;
	padding: 15px;
}

.szlb li h2 {
	color: #333;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.szlb .desc {
	color: #999;
	padding: 10px 0;
	font-size: 12px;
}

.subicon {
	padding: 0 10px;
}

.subtitle {
	color: #999;
}

.icon3 {
	background: url(../images/icon3.png) no-repeat left center;
	padding-left: 13px;
	-o-background-size: 9px auto;
	background-size: 9px auto;
}

.icon4 {
	background: url(../images/icon4.png) no-repeat left center;
	padding-left: 14px;
	-o-background-size: 11px auto;
	background-size: 11px auto;
}

.history-times {
	padding-top: 1%;
}

/*  2023/7/10  */
.product-top-l {
	width: 45%;
}

.product-d-swiper-b,
.product-d-swiper2 {
	width: 100%;
}

.product-d-swiper {
	width: 85%;
	margin: auto;
}

.product-d-swiper-b {
	position: relative;
	margin-top: .35rem;
}

.product-d-swiper2-img {
	width: 100%;
	height: 100%;

}

.product-d-swiper2-img>img {
	width: auto;
	height: auto;
	margin: auto !important;
	max-height: 3.9rem;
	display: block;
	-o-object-fit: contain;
	object-fit: contain;
}

.product-d-swiper-img {
	width: 0.8rem;
	height: 0.73rem;
	border: 0.01px solid #E7E7E7;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
}

.product-d-swiper-img img {
	width: auto;
	height: auto;
}

.product-detail-next,
.product-detail-prev {
	width: .3rem;
	height: .3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-detail-next {
	left: auto;
	right: 0;
}

.product-d-swiper-b .swiper-slide.swiper-slide-thumb-active .product-d-swiper-img {
	border-color: #00943A !important;
}

.product-d-swiper-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.product-d-swiper-img img {}

.product-top-r {
	width: 45%;
}

.product-top-r>.title {
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #3D3D3D;
	padding-bottom: .29rem;
	margin-bottom: .29rem;
	border-bottom: 1px solid #EAEAEA;
}

.product-top-r-con .product-top-r-con-i {
	font-size: 16px;
	font-weight: 400;
	color: #232323;
	line-height: .48rem;
}

.product-top-r-con-i>.info {
	font-size: 18px;
	font-weight: bold;
	color: #DB261F;
}

.product-top-title {
	display: none;
}

.product-con-t-c {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	height: 50px;
	background: #005629;
	border-radius: 10px 0px 10px 0px;
	padding: 0 45px;
	line-height: 50px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
}

.product-con-t {
	position: relative;
	margin: .8rem 0 .7rem 0;
	border-bottom: 1px solid #D8D8D8;
}

.product-con-t::after {
	position: absolute;
	width: .31rem;
	height: .17rem;
	right: 0;
	bottom: -6px;
	content: '';
	background: url(../images/icon-product-nav.png)no-repeat;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.product-con .news-detail-page {
	margin: auto;
	margin-top: .3rem;
}

.news-detail-page-l-prev:hover,
.news-detail-page-l-next:hover {
	color: #005629;
}

.party-life-prev-box {
	position: absolute;
	left: 50%;
	bottom: -80px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: -webkit-calc(100% / 5);
	width: -moz-calc(100% / 5);
	width: calc(100% / 5);
}

.party-life-prev-box a {
	display: block;
}

.corporate-culture-row .title,
.corporate-culture-row .info {
	margin-top: 3%;
}

.news-detail-share-i-wx {
	display: none;
}

.tag-mobile-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap !important;
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.tag-mobile-menu {
	width: 100%;
	margin: 1% 0 3% 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center ;
	-webkit-justify-content: center ;
	-moz-box-pack: center ;
	-ms-flex-pack: center ;
	justify-content: center ;
}

.tag-mobile-menu-i {
	width: 32%;
	min-width: max-content !important;
	text-align: center;
	font-size: 17px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	margin: 2% 0;
	white-space: nowrap;
}

.tag-mobile-menu-i.cur {
	color: #005629;
	font-weight: 800;
}

.tag-mobile-child-i .items {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 13px;
}

.tag-mobile-child-i .items.cur {
	color: #ffffff;
	font-weight: 600;
	background: -webkit-gradient(linear, left top, left bottom, from(#005629), to(rgb(0, 86, 41, .1)));
	background: -webkit-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: -moz-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: -o-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
	background: linear-gradient(180deg, #005629, rgb(0, 86, 41, .1));
}

.tag-mobile-child-i {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.tag-mobile-child {
	margin-bottom: 5%;
	overflow-x: auto;
	background: rgb(0, 86, 41, 0.5);
}

.tag-mobile-b {
	display: none;
}

.tag-mobile-menu-b {
	overflow-x: auto;
}

@media (max-width:768px) {
	.tag-mobile-b {
		display: block;
	}

	.tag-mobile-menu-b {
		margin: .1rem 0;
	}
}


.tag-mobile-flot-i {
	width: 45px;
	height: 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	margin: auto;
	margin-bottom: 2rem;
}


.tag-mobile-flot-i::after {
	width: 45px;
	height: 45px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 86, 41, .28);
	border-radius: 50%;
	-webkit-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
	-moz-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
	-o-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
	animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
}


.tag-mobile-flot-i-c {
	width: 33px;
	height: 33px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #005629;
	border-radius: 50%;
}

.tag-mobile-flot {
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index: 99;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}

.tag-mobile-flot-menu-i-b {
	width: 100%;
	background: #fff;
	padding: .69rem 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(32, 53, 75, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(32, 53, 75, 0.2);
}

/* .tag-mobile-flot-menu-i {
    max-height: 3.8rem;
    overflow-y: scroll;
} */

.tag-mobile-flot-menu-i::after {
	width: 50%;
	content: '';
}

.tag-mobile-flot-menu-i-item {
	width: -webkit-calc(100% / 2);
	width: -moz-calc(100% / 2);
	width: calc(100% / 2);
	text-align: center;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 500;
	color: #383838;
	margin: .2rem 0;
}

.tag-mobile-flot-menu-i-item:hover,
.tag-mobile-flot-menu-i-item.cur {
	color: #005629;
	font-weight: 800;
}

.tag-mobile-flot-i-b {
	margin-bottom: -20px;
}

.tag-mobile-flot-menu {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	display: none;
}

@-webkit-keyframes scaless {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}

	50%,
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	78%,
	100% {
		opacity: 0;
	}
}

@-moz-keyframes scaless {
	0% {
		-moz-transform: scale(.9);
		transform: scale(.9);
	}

	50%,
	75% {
		-moz-transform: scale(1.1);
		transform: scale(1.1);
	}

	78%,
	100% {
		opacity: 0;
	}
}

@-o-keyframes scaless {
	0% {
		-o-transform: scale(.9);
		transform: scale(.9);
	}

	50%,
	75% {
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	78%,
	100% {
		opacity: 0;
	}
}

@keyframes scaless {
	0% {
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-o-transform: scale(.9);
		transform: scale(.9);
	}

	50%,
	75% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	78%,
	100% {
		opacity: 0;
	}
}


.cartoon-recommend {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #005629, transparent);
	min-height: 4.65rem;
	padding: 0;
}

.cartoon-recommend-r,
.cartoon-recommend-l {
	width: 50%;
}

.cartoon-recommend-r-swiper .swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cartoon-recommend-r-swiper-i.cur {
	border: 2px solid #fff;
}

.cartoon-recommend-l {
	max-height: 4.65rem;
}

.cartoon-recommend-l img {
	width: 100%;
}

.cartoon-recommend-r {
	padding: .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.cartoon-recommend-r-t>.title {
	width: 100%;
	font-size: 30px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 32px;
	padding-bottom: .27rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}

.cartoon-recommend-r-t {
	padding: .3rem;
}

.cartoon-recommend-r-play {
	width: 42px;
	height: 42px;
	min-width: 42px;
	background: url(../images/icon-cartoon-play1.png)no-repeat center center;
	-o-background-size: contain;
	background-size: contain;
	margin-top: .38rem;
}

.cartoon-recommend-r-swiper {
	width: 90%;
}

.cartoon-recommend-r-swiper-b .swiper-button-prev {
	left: 0 !important;
	color: #fff;
}

.cartoon-recommend-r-swiper-b .swiper-button-next {
	right: 0 !important;
	color: #fff;

}

.cartoon-recommend-r-swiper-b .swiper-button-next::after,
.cartoon-recommend-r-swiper-b .swiper-button-prev::after {
	font-size: 26px !important;
}

.home-news-mobile-info {
	font-size: 18px;
	font-weight: 400;
	color: #272727;
	text-align: left;
	line-height: 26px;
	-webkit-line-clamp: 2 !important;
}

.corporate-culture-row .info {
	font-size: 18px;
	font-weight: 400;
	color: #272727;
	margin-top: 5%;
	visibility: hidden;
	opacity: 0;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;

}

.code-i-img {
	width: 100%;
	height: 100%;
	min-width: 108px;
	min-height: 108px;
	max-width: 1.08rem;
	max-height: 1.08rem;
}

.anime-list {
	padding: 0 !important;
}


/* 20231116 linqian begin */
.morning-box.staff {
	padding-top: 0;
}

.staff .morning-b-i p {
	text-align: center;
	font-size: 16px;
	color: #4F4F4F;
	margin-top: 12px;
	height: 30px;
	line-height: 30px;
}

.staff .morning-b-i::after {
	display: none;
}

.staff .morning-b-i:hover::before {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.staff .morning-b-i::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 42px);
	background: rgba(0, 86, 41, .6) url(/web/cn/images/icon-look.png) no-repeat center;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	transition: all .3s;
	-webkit-transition: all .3s;
}


.product-more {
	width: 154px;
	height: 44px;
	line-height: 44px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid rgba(0, 86, 41, .6);
	border-radius: 30px;
	overflow: hidden;
	text-align: center;
	margin: 20px auto 0;
	display: block;
	color: rgba(0, 86, 41, .6);
}

.product-more:last-child {
	margin-bottom: 20px;
}

@media (max-width:768px) {
	.product-more {
		display: block;
	}

	.product-more {
		width: 106px;
		height: 30px;
		line-height: 30px;
	}
}

.more-detail {
	background-color: rgba(0, 86, 41, .6);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	display: none !important;
}

.more-detail-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.more-detail-wrap .title {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.more-detail-wrap .more {
	width: 154px;
	height: 44px;
	line-height: 44px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid #FFFFFF;
	border-radius: 22px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

@media (max-width:768px) {
	.more-detail {
		display: noen !important;
	}
}

/* 20231116 linqian end */