@import url('animate.min.css');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
button,
input,
textarea {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	font-size: 12px;
	font-family: "Arial";
	font-style: normal;
}

body.cn {
	font-family: Noto Sans SC;
}

ul,
ol {
	list-style: none
}

ul li {
	vertical-align: top
}

select,
button,
input,
textarea {
	vertical-align: middle;
	font-size: 12px;
	font-family: inherit;
	line-height: normal
}

button {
	cursor: pointer
}

em {
	font-style: normal
}

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

a {
	color: #484848;
	text-decoration: none
}

a:hover {
	color: #04349a;
	text-decoration: none
}

img {
	border: 0
}

.clear {
	zoom: 1
}

.clear:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "."
}


body {
	overflow-x: hidden;
}

.banner {
	position: relative;

}

.top {
	background-color: #20232c;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}

.top-con {
	width: 1480px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
}

.top-con .left {
	display: flex;
	flex-direction: row;
}

.top-con .left .item {
	display: flex;
	flex-direction: row;
	margin-right: 25px;
	font-size: 15px;
	color: #ddd;
	align-items: center;
}

.top-con .left .item img {
	margin-right: 12px;
}

.top-con .right .iconlist,
.top-con .right,
.top-con .right .language-select {
	position: relative;
}

.top-con .right .iconlist,
.top-con .right,
.top-con .right .language-select a.a2 {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.dropmenus {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	background: #20232c;
	border-radius: 0 0 10px 10px;
	z-index: 100;
}

.top-con .right .language-select:hover .dropmenus {
	opacity: 1;
}

.dropmenus a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	padding: 0 10px;
	text-align: center;
}

.top-con .right .iconlist .item {
	margin: 0 10px;
}

.top-con .right .iconlist .item:hover img {
	transform: scale(1.2);
	transition: all 0.3s ease;
}

.top-con .right .iconlist {
	margin-right: 34px;
	padding-right: 34px;
	position: relative;
}

.top-con .right .iconlist::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	height: 18px;
	margin-top: -9px;
	background: #666666;
	width: 1px;
}

.top-con .right .language-select .text {
	font-size: 15px;
	color: #ddd;
	margin: 0 10px;
}

.head {
	padding: 24px 0;
	position: absolute;
	left: 0;
	top: 44px;
	width: 100%;
	z-index: 91;
}

.head-con {
	width: 1480px;
	margin: auto;
	display: flex;
	align-items: center;
}

.head-con .menu {
	display: flex;
	flex-direction: row;
}

.head-con .menu .item a.a1 {
	font-size: 18px;
	color: #fff;
            display: block;
            transition: all 0.3s ease;
}

.nybanner .head-con .menu .item a.a1 {
	color: #333;
}

.myhead.fixed.nybanner .head-con .menu .item a.a1 {
	color: #fff;
}

.head-con .menu .item {
	position: relative;
}

.head-con .menu .item .dropmenu {
	position: absolute;
	left: -65px;
	top: 30px;
	width: 200px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	z-index: 99;
	padding: 20px;
	opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
}

.head-con .menu .item:hover .dropmenu {
	 opacity: 1;
            visibility: visible;
            transform: translateY(0);
}

.head-con .menu .item:hover a.a1,
.head-con .menu .item.active a.a1,
.myhead.fixed.nybanner .head-con .menu .item.active a.a1,
.myhead.fixed.nybanner .head-con .menu .item:hover a.a1 {
	color: #2ba558;
	transition: all 0.3s ease;
	transform: translateY(0px);
}

.head-con .menu .item .dropmenu a {
	padding: 15px 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: all 0.2s ease;
	justify-content: space-between;
	border-radius: 6px;
}

.head-con .menu .item .dropmenu a span {
	font-size: 14px;
	color: #222;
	display: flex;flex:1;
	word-break: break-all;
}

.head-con .menu .item .dropmenu a:hover::after {
	display: inline-block;
	content: '';
	width: 20px;
	height: 16px;
	background: url(../images/btn-right11.png) no-repeat right center;
	transition: all 0.3s ease;
	transform: translateX(5px);
}

.head-con .menu .item .dropmenu a:hover {
	background: #f3f9f5;
	transform: translateX(5px);
}

.head-con .logo img {
	margin-right: 40px;
}

.head-con .menu {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
}

.head-con .menu a.a1 {
	padding: 0 27px;
}

.youshi {
	padding: 108px 0;
}

.youshi-con {
	width: 1480px;
	margin: auto;
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.youshi-con .left {
	width: 542px;
	padding-top: 20px;
}

.youshi-con .left .tit {
	margin-bottom: 35px;
	font-size: 36px;
	font-weight: 700;
	color: #222;
	line-height: 36px;
}
.youshi-con .right .pic{
	overflow: hidden;;
}

.youshi-con .right img {
	width: 100%;
	transition: transform 0.5s ease;overflow: hidden;
}
.youshi-con .right:hover img{
	transform: scale(1.05);
}

.youshi-con .left .navlist {
	margin-bottom: 45px;
	display: flex;
	flex-direction: row;
	border: 1px solid #c6e0cf;
	border-radius: 35px;
	padding: 5px;
	align-items: center;
	width: 294px;
}

.youshi-con .left .navlist .item {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youshi-con .left .navlist .item a {
	font-size: 18px;
	color: #222;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 35px;
	height: 58px;
}

.youshi-con .left .navlist .item.active a {
	background: #2ba558;
	color: #fff;
	font-weight: 700;
}

.youshi-con .left .jz-list .item a {
	display: flex;
	flex-direction: row;
	line-height: 22px;
	margin-bottom: 4px;
	font-size: 14px;
	color: #888
}

.youshi-con .left .jz-list .item a .icon {
	width: 40px;
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.youshi-con .left .jz-list .item a:hover {
	color: #2ba558;
}

.youshi-con .left .jz-list .item a .icon::after {
	content: '';
	display: inline-block;
	width: 28px;
	height: 12px;
	background: url(../images/myicon-2.png) no-repeat right center;
}

.youshi-con .left .jz-list .item a:hover .icon::after {
	background-image: url(../images/myicon-1.png);
}

.youshi-con .left .more-part {
	padding-top: 25px;
}

.youshi-con .left .more-part a {
	width: 200px;
	background: #2ba558;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	border-radius: 30px;
}

.youshi-con .left .more-part a .text {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	flex: 1;
}

.youshi-con .left .more-part a .icon img {
	width: 50px;
	height: 50px;
}

.slideBox .hd {
	overflow: hidden;
	position: absolute;
	right: 60px;
	top: 50%;
	margin-top: -100px;
	width: 18px;
	z-index: 1;
}

.mySwiper img {
	width: 100%;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;

	text-align: center;
}

.slideBox .hd ul li {
	position: relative;
	display: inline-block;
	margin: 6px 0px;
	text-align: center;
	font-size: 14px;
	color: #dcdcdc;
	writing-mode: vertical-lr;
	cursor: pointer;
}

.slideBox .hd ul li.on {
	color: #fff;
	font-size: 16px;
}

.slideBox .hd ul li.on::after {
	display: inline-block;
	width: 1px;
	height: 80px;
	background: #fff;
	content: '';
	margin: 12px 0;
}

.slideBox {
	overflow: hidden;
	position: relative;
}

.slideBox .bd ul li img {
	width: 100%;
}


.tabBox .hd {
	margin-bottom: 35px;
	display: flex;
	flex-direction: row;
	border: 1px solid #c6e0cf;
	border-radius: 35px;
	padding: 5px;
	align-items: center;
	position: relative;
}

.tabBox .hd ul {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.tabBox .hd ul li {
	cursor: pointer;
	flex: 1;
	padding: 0 10px;
	color: #666;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #222;
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	border-radius: 35px;
	height: 58px;
}

.tabBox .hd ul .on {
	background: #2ba558;
	color: #fff;
	font-weight: 700;
}

.tabBox .bd ul {
	padding: 10px 0 10px 10px;
}

.tabBox .bd li {
	height: 33px;
	line-height: 33px;
}

.tabBox .bd li a {
	color: #666;
}

.mybox {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	 transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mybox:hover {
            transform: translateY(0px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.4);
        }

.mybox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

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

.mybox .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mybox .bg .myintro {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	color: #fff;
	text-align: center;
	padding: 20px;
}

.mybox .bg .myintro .text {
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
	transform: translateY(0);
	transition: transform 0.4s ease, opacity 0.4s ease;
}

.mybox .bg .myintro .desc {
	color: #ccc;
	font-size: 16px;
	margin-bottom: 20px;
	opacity: 0;
	transform: translateY(20px);
	transition: transform 0.4s ease 0.1s, opacity 0.4s ease 0.1s;
}

.mybox .bg .myintro .btn {
	opacity: 0;
	transform: translateY(20px);
	transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
}

.mybox:hover .bg .myintro .desc,
.mybox:hover .bg .myintro .btn {
	opacity: 1;
	transform: translateY(0);
}

.mybox .bg .myintro .btn a {
	width: 180px;
	height: 50px;
	background: #2ba558;
	display: flex;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	/* transition: background 0.3s ease; */
}

.mybox .bg .myintro .btn a:hover {
	background: #23934c;
}

.mybox .bg .myintro .btn a::after {
	content: '';
	width: 20px;
	height: 20px;
	background: url(../images/bottom-iconright.png) no-repeat;
	display: inline-block;
	margin-left: 10px;
}

.swiper-scrollbar {
	background: #777;
	bottom: 10% !important;
	height: 2px !important;
	width: calc(100% - 80px) !important;
}

.swiper-scrollbar-drag {
	background: #fff !important;
}

.mySwiper .swiper-button-next {
	bottom: 9% !important;
	top: inherit;
	margin-top: 10px !important;
	color: #2ba558;
	width: 16px;
	height: 16px;
}

.mySwiper3 .swiper-button-next {
	right: 50px;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: rgba(0, 0, 0, 0.5);
}

.mySwiper3 .swiper-button-next:hover {
	background: #2ba558;
}

.mySwiper3 .swiper-button-prev {
	left: 50px;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: rgba(0, 0, 0, 0.5);
}

.mySwiper3 .swiper-button-prev:hover {
	background: #2ba558;
}

.mySwiper .swiper-button-prev {
	bottom: 9% !important;
	top: inherit;
	margin-top: 10px !important;
	color: #2ba558;
	width: 16px;
	height: 16px;
	left: inherit;
	right: 35px;
}

.mySwiper .swiper-button-next::after {
	font-size: 18px;
	content: '';
	background: url(../images/btn-next.png) no-repeat right center;
	width: 16px;
	height: 16px
}

.mySwiper .swiper-button-prev::after {
	font-size: 18px;
	content: '';
	background: url(../images/btn-prev.png) no-repeat left center;
	width: 16px;
	height: 16px;
}

.mySwiper3 .swiper-button-prev::after {
	font-size: 18px;
	content: '';
	background: url(../images/btn-left.png) no-repeat left center;
	width: 24px;
	height: 24px;
}

.mySwiper3 .swiper-button-next::after {
	font-size: 18px;
	content: '';
	background: url(../images/btn-rights.png) no-repeat left center;
	width: 24px;
	height: 24px;
}

.mySwiper3 .swiper-button-next:hover::after {
	background: url(../images/btn-rights2.png) no-repeat left center;
}

.mySwiper3 .swiper-button-prev:hover::after {
	background: url(../images/btn-lefts2.png) no-repeat left center;
}

.fwfw-tit {
	padding: 58px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.fwfw-tit .btn {
	display: flex;
	flex-direction: row;
	width: 300px;
	height: 70px;
	background: #2ba558;
	border-radius: 35px;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}

.fwfw-tit .btn::after {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/btn-right.png) no-repeat;
	content: '';
	margin-left: 10px;
}

.product {
	background: #fafafa;
}

.prd-con {
	width: 1480px;
	margin: auto;
}

.prd-con .tit {
	padding: 45px 0 30px 0;
	color: #222;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}

.prd-nav {
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 35px;
	justify-content: center;
}

.prd-nav a {
	font-size: 18px;
	color: #919191;
	margin: 0 25px;
	position: relative;
	padding: 25px 0;
	position: relative;
}

.prd-nav a.active {
	color: #2ba558;
	font-weight: 700;
}

.prd-nav a.active::after {
	position: absolute;
	content: '';
	width: 32px;
	height: 4px;
	background: #2ba558;
	border-radius: 5px;
	left: 50%;
	margin-left: -16px;
	border-radius: 4px;
	bottom: 0;
}


.mypro-part .hd {
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 35px;
	justify-content: center;
}

.mypro-part .hd ul {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.mypro-part .hd ul li {
	font-size: 18px;
	color: #919191;
	margin: 0 25px;
	position: relative;
	padding: 25px 0;
	position: relative;
	cursor: pointer;
}

.mypro-part .hd ul .on {
	color: #2ba558;
	font-weight: 700;
}

.mypro-part .hd ul .on::after {
	position: absolute;
	content: '';
	width: 32px;
	height: 4px;
	background: #2ba558;
	border-radius: 5px;
	left: 50%;
	margin-left: -16px;
	border-radius: 4px;
	bottom: 0;
}

.prd-content {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}

.prd-content2 {
	grid-template-columns: repeat(3, 1fr);
}

.prd-content .item .mybox2 {
	background: #fff;
}

.prd-content .item:hover .mybox2 {
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
	transition: all 0.3s ease;
}

.prd-content .item .mybox2 .pic {
	height: 370px;
	border-bottom: 1px solid #eee;
	position: relative;
	overflow: hidden;
}

.prd-content .item .mybox2 .pic img {
	width: 100%;
	height: 370px;
	transition: all 0.3s ease;
}

.prd-content .item:hover .mybox2 .pic img {
	transform: scale(1.05);
}

.prd-content .item .mybox2 .viewdetail {
	display: none;
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	background: #2ba558;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.prd-content .item:hover .mybox2 .viewdetail {
	bottom: 0;
	transform: scale(1.05);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.prd-content .item:hover .mybox2 .viewdetail {
	display: block;
}

.prd-content .item .mybox2 .item-info {
	padding: 20px;
}

.prd-content .item .mybox2 .item-info .tits {
	color: #222;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
}

.prd-content .item .mybox2 .item-info .desc {
	font-size: 16px;
	line-height: 24px;
	color: #888888;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 48px;
}

.more-part2 {
	display: flex;
	flex-direction: row;
	padding: 45px 0 110px 0;
	align-items: center;
	justify-content: center;
}

.more-part2 .btn {
	cursor: pointer;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 70px;
	background: #2ba558;
	border-radius: 35px;
	font-size: 20px;
	color: #fff;
}

.more-part2 .btn::after {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/btn-right.png) no-repeat;
	content: "";
	margin-left: 10px;
}

.companyDetail {
	display: flex;
	flex-direction: row;
	background-color: #2ba558;
}

.companyDetail .left,
.companyDetail .right {
	flex: 1;
}

.companyDetail .left .pic {
	position: relative;overflow: hidden;
}

.companyDetail .left .pic img {
	width: 100%;transition: all 0.3s ease;
}
.companyDetail .left .pic:hover img{
		transform: scale(1.05);

}
.companyDetail .left .pic .icon-video {
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -56px;
	margin-top: -56px;
}

.companyDetail .left .pic .icon-video img {
	width: 112px;
	height: 112px;
}

.companyDetail .right .intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin-left: 10%;
	margin-right: 10%;
}

.companyDetail .right .intro .tit3 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 40px;
}

.companyDetail .right .intro .intros {
	font-size: 16px;
	line-height: 24px;
	color: #ddd;
	margin-bottom: 20px;
}

.companyDetail .right .intro .intros p {
	margin-bottom: 20px;
}

.companyDetail .right .intro .btns {
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 30px;
}

.companyDetail .right .intro .btns a {
	height: 50px;
	color: #fff;
	display: flex;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
}

.companyDetail .right .intro .btns a::after {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
	background: url(../images/btn-right.png) no-repeat;
	content: "";
}

.mybg2 {
	background: #fff;
}

.mybg2-con {
	width: 1480px;
	margin: auto;
}

.c-detail2 {
	padding: 45px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 150px;
	margin-bottom: 95px;
}

.c-detail3 {
	margin-bottom: 0;
}

.c-detail2 .item {
	display: flex;
	flex-direction: column;
	position: relative;
	flex: 1;
}

.c-detail2 .item::after {
	position: absolute;
	right: 0;
	width: 1px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	background-color: #dddddd;
	content: "";
}

.c-detail2 .item:last-child::after {
	background: none;
}

.c-detail2 .item .num {
	margin-bottom: -5px;
	font-size: 48px;
	color: #222;
	font-weight: 700;
	line-height: 48px;
}

.c-detail2 .item .num i {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	margin-left: -10px;
}

.c-detail2 .item .text {
	font-size: 14px;
	color: #888
}

.gsdt .hd {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.gsdt .hd .tits2 {
	margin-bottom: 15px;
	color: #222;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
}

.gsdt .hd .descs {
	font-size: 18px;
	color: #999
}

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

.gsdt-1 .left {
	width: 45%;
	margin-right: 5%;
}

.gsdt-1 .right {
	width: 50%;
}

.picscroll .pic {
	height: 425px;
	overflow: hidden;
}

.picscroll .pic img {
	width: 100%;
	transition: transform 0.3s ease;
	height: 425px;
}
.picscroll .pic:hover img{
transform: scale(1.05);
}

.picscroll .item-info {
	padding: 20px;
}

.picscroll .item-info .name {
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 700;
	margin-bottom: 10px;
}

.picscroll .item-info .desc {
	font-size: 14px;
	line-height: 24px;
	color: #888;
	height: 72px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
}

.picscroll:hover .item-info .name {
	color: #2ba558;
}

.picscroll .item-info .date {
	color: #2ba558;
	font-size: 14px;
}

.piclist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	height: 350px;
}

.piclist .item .boxs4 .pic {
	position: relative;
	height: 228px;
	overflow: hidden;
}

.piclist .item .boxs4 .pic img {
	width: 100%;
	height: 228px;
	transition: transform 0.3s ease;
}
.piclist .item .boxs4 .pic:hover img{
	transform: scale(1.05);
}

.piclist .item .boxs4 .pic .date {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 108px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: url(../images/mybtns.png) no-repeat;
	color: #fff
}

.piclist .item .boxs4 .name {
	margin: 20px 0;
	color: #222;
	font-size: 18px;
	height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;

	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.piclist .item:hover .boxs4 .name {
	color: #2ba558
}

.lists .item {
	border-top: 1px solid #eee;
}

.lists .item a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 25px 0;
}

.lists .item a .name {
	font-size: 18px;
	color: #222;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%
}

.lists .item a .date {
	font-size: 16px;
	color: #888;
}

.lists .item a:hover .name {
	color: #2ba558
}

.gundong {
	position: relative;
}

.gundong .hd {
	overflow: hidden;
	position: absolute;
	overflow: hidden;
	zoom: 1;

	text-align: center;
	z-index: 999;
	top: 390px;
	right: 25px;
}

.gundong .hd ul li {
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	color: #dcdcdc;
	background: #8f99a0;
	border-radius: 6px;
	cursor: pointer;
}

.gundong .hd ul li.on {
	width: 10px;
	height: 10px;
	background: #fff;
}

.logolist {
	padding: 50px 0;
	border-top: 1px solid #eee;
	margin-top: 60px;
}

.logolist-con {
	width: 1480px;
	margin: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.logolist-con .item {
	padding: 0 20px;
}

.logolist-con .item img {
	height: 60px;
	padding: 10px;
	transition: transform 0.3s ease;
}

.logolist-con .item:hover img {
	box-shadow: 0 3px 20px rgba(0, 0, 0, .1);
	transform: scale(1.05);
}

.qList-con {
	width: 1480px;
	margin: auto;
}

.q-part {
	background: #2ba558;
	padding: 15px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.q-part .logo {
	width: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-right: 32px;
}

.q-part .logo img {
	width: 96px;
	height: 96px;
}

.q-part .logo::after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -32px;
	width: 2px;
	height: 64px;
	background-color: #79c294;
	content: '';
}

.q-part .item-info {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 30px;
}

.q-part .item-info .left .name {
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}

.q-part .item-info .left .name2 {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
}

.q-part .item-info .right button {
	width: 180px;
	height: 60px;
	border: 2px solid #fff;
	background: none;
	font-size: 18px;
	color: #fff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.q-part .item-info .right button::after {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/btn-right.png) no-repeat;
	margin-left: 10px;
	content: '';
}

.foot {
	background: #20232c;
}

.foot-1 {
	padding: 80px 0;
}

.foot-1-con {
	width: 1480px;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.foot-1-con .logo {
	width: 240px;
}

.foot-1-con .logo img {
	margin-bottom: 24px;
}

.foot-1-con .logo .text {
	font-size: 15px;
	line-height: 20px;
	color: #fff
}

.foot-right {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.foot-right .left {
	display: flex;
	flex-direction: row;
}

.foot-right .right {
	display: flex;
	flex-direction: row;
}

.foot-right .left {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	flex: 1;
}

.foot-right .left .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.foot-right .left .item .tit {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #fff;
}

.foot-right .left .item .myitem {
	margin-bottom: 10px;
}

.foot-right .left .item .myitem a {
	color: #c4c4c5;
	font-size: 12px;
}

.foot-right .right .item {
	margin-left: 40px;
}

.foot-right .right .item .tit {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #fff;
}

.foot-right .right .item .myitem {
	margin-bottom: 10px;
	color: #c4c4c5;
	font-size: 12px;
}

.foot-2 {
	border-top: 1px solid #373942;
	padding: 25px 0;
}

.foot-2-con {
	width: 1480px;
	margin: auto;
	font-size: 16px;
	color: #888
}

.path {
	padding: 40px 0;
	border-bottom: 1px solid #e9e9e9;
	background: #fafafa;
}

.path-con {
	width: 1480px;
	margin: auto;
	display: flex;
	align-items: center;
	flex-direction: row;
	font-size: 18px;
}

.path-con a:hover {
	color: #2ba558
}

.path-con img {
	width: 24px;
	height: 24px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
}

.path-con span {
	font-size: 18px;
	margin: 0 10px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon-rights.png) no-repeat;
	vertical-align: middle;
}

.path-con em {
	font-style: normal;
	color: #444
}

.case-part {
	padding: 85px 0;
	background: #fafafa;
}

.case-part-con {
	width: 1480px;
	margin: auto;
	display: flex;
	flex-direction: row;
}

.case-left {
	width: 320px;
}

.case-left .tit {
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #222;
	margin-bottom: 40px;
}

.menu-list .item a {
	padding: 16px 0;
	display: flex;
	color: #444;
	align-items: center;
	justify-content: space-between;
}

.menu-list .item a:hover,
.menu-list .item.active a {
	color: #2ba558
}

.menu-list .item a .name {
	font-size: 16px;
}

.menu-list .item a .iconright {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/case-iconright.png) no-repeat;
}

.menu-list .item.active a .iconright {
	background: url(../images/case-iconright-hover.png) no-repeat;
}

.case-right {
	flex: 1;
	margin-left: 40px;
}

.caselist {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px
}

.caselist .item .box {
	display: flex;
	flex-direction: column;
	background: #fff;
}

.caselist .item .box .pic {
	height: 225px;
	overflow: hidden;
}

.caselist .item .box .pic img {
	width: 100%;transition: all 0.3s ease;
	height: 225px;
}
.caselist .item .box .pic:hover img{	transform: scale(1.05);
}
.caselist .item .box .item-info {
	padding: 25px 0;
	position: relative;
}
.caselist .item .box .item-info::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: '';
	height: 2px;
		transform: scaleX(0);
	transition: transform 0.3s ease;
	background: #fff;
}
.caselist .item:hover .box .item-info::after {
	transform: scaleX(1);
	background: #2ba558;
}

.caselist .item .box .item-info .date {
	font-size: 16px;
	color: #888;
}

.caselist .item .box .item-info .info1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.caselist .item .box .item-info .info1 .name {
	color: #3b3b3b;
	font-size: 22px;
	margin-right: 30px;
	height: 68px;
	flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 34px;
	margin-bottom: 10px;
}

.caselist .item .box .item-info .info1 .iconright {
	display: inline-block;
	width: 16px;transition: transform 0.3s ease;
	height: 16px;
	background: url(../images/case-iconright.png) no-repeat;
	margin-top: 8px;
}

.caselist .item:hover .box .item-info .info1 .iconright {
	background: url(../images/case-iconright-hover.png) no-repeat;
}

.page {
	padding: 20px 0;
	border-top: 1px solid #e9e9e9;
	text-align: center;
	margin-top: 60px;
	position: relative;
}

.page a {
	font-size: 18px;
	display: inline-block;
	padding: 7px 13px;
	color: #222;
	line-height: 20px;
	margin: 0 5px
}

.page a.active,
.page a:hover {
	background: #2ba558;
	color: #fff;
	border-radius: 6px;
}

.page a.next {
	padding: 0;
	width: 16px;
	height: 16px;
	background: url(../images/btn-right11.png) no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.yj-list .item a {
	padding: 50px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
}

.yj-list .item:last-child a {
	border-bottom: none;
}

.yj-list .item a:hover {
	background: #f1f9f5;
	border-radius: 20px;
	border-color: transparent;
}

.yj-list .item a:hover::after {
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	content: '';
	background: #fff;
	left: 0
}

.yj-list .item a .left .name {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 15px;
	color: #000;
}

.yj-list .item a .left .desc {
	color: #888;
	font-size: 18px;
}

.yj-list .item a .right {
	font-size: 18px;
	color: #888
}

.yj-list .item a:hover .left .name {
	color: #2ba558
}

.news-list .item a {
	padding: 30px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e9e9e9;
	position: relative;
}

.news-list .item:last-child a {
	border-bottom: none;
}

.news-list .item a .pic {
	width: 240px;
	height: 152px;
	border-radius: 18px;
	overflow: hidden;
	margin-right: 38px;
}

.news-list .item a .pic img {
	width: 240px;
	height: 152px;
	transition: all 0.3s ease;
	border-radius: 18px;
}
.news-list .item a:hover .pic img{
	transform: scale(1.05);
}

.news-list .item a .item-info {
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.news-list .item a .item-info .left .name {
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 26px;
	color: #000;
}

.news-list .item a .item-info .left .desc {
	font-size: 18px;
	line-height: 30px;
	color: #888;
}

.news-list .item a .item-info .right {
	width: 240px;
	font-size: 18px;
	color: #888;
	text-align: right;
}

.news-list .item a:hover {
	background: #f1f9f5;
	border-radius: 20px;
	border-color: transparent;
}

.news-list .item a:hover::after {
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	content: '';
	background: #fff;
	left: 0
}

.news-list .item a:hover .item-info .left .name {
	color: #2ba558
}

.fwfw-info1 {
	padding: 85px 0;
	border-bottom: 1px solid #ddd;
}

.fwfw-info1-con {
	width: 1480px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 100px
}

.fwfw-info1-con .left h1 {
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
	color: #000
}

.fwfw-info1-con .right .intro3 p {
	font-size: 18px;
	color: #888;
	line-height: 30px;
	margin-bottom: 20px;
}

.fwfw-info1-con .right .btn {
	padding-top: 5px;
}

.fwfw-info1-con .right .btn a {
	display: flex;
	width: 200px;
	height: 60px;
	align-items: center;
	justify-content: space-between;
	background: #2ba558;
	color: #fff;
	font-size: 18px;
	border-radius: 30px;
}

.fwfw-info1-con .right .btn a::after {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/icon-right3.png) no-repeat;
	content: '';
	margin-right: 6px;
}

.fwfw-info1-con .right .btn span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fwfw-info2-con {
	width: 1480px;
	margin: auto;
}

.fwfw-info2-con .item {
	padding: 90px 0;
}

.fwfw-info2-con .item a {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 100px;
}

.fwfw-info2-con .item a .pic .name {
	margin-bottom: 40px;
	font-size: 48px;
	line-height: 48px;
	color: #222;
}
.fwfw-info2-con .item a .pic .img{
	height: 415px;overflow: hidden;border-radius: 24px;
}
.fwfw-info2-con .item a .pic .img img {border-radius: 24px;
	width: 100%;height: 415px;transition: all 0.3s ease;
}
.fwfw-info2-con .item a .pic:hover .img img{	transform: scale(1.05);
}

.fwfw-info2-con .item a .item-info .name2 {
	font-size: 48px;
	font-weight: 700;
	color: #222;
	margin-bottom: 80px;
	line-height: 48px;
}

.fwfw-info2-con .item a .item-info .intro4 p {
	font-size: 18px;
	color: #888;
	line-height: 30px;
	margin-bottom: 20px;
}

.fwfw-info2-con .item a .item-info .intro4 {
	padding-bottom: 20px;
}

.fwfw-info2-con .item a .item-info .btn3 {
	display: flex;
	width: 200px;
	height: 56px;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	color: #2ba558;
	;
	font-size: 18px;
	border-radius: 30px;
	border: 2px solid #2ba558;
}

.fwfw-info2-con .item a .item-info .btn3::after {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/btns-right9.png) no-repeat;
	content: '';
	margin-right: 4px;
}

.fwfw-info2-con .item a .item-info .btn3 span {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fwfw-info2-con .item a .item-info .intro5 {
	padding-bottom: 30px;
}

.fwfw-info2-con .item a .item-info .intro5 ul li {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #888;
	padding-left: 46px;
	background: url(../images/icon-right2.png) no-repeat left center;
}

.aboutus-info1 {
	background: #fff;
	padding: 80px 0 50px 0;
}

.aboutus-info1-con {
	width: 1480px;
	margin: auto;
}

.aboutus-info1-con .tit {
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
	color: #222
}

.aboutus-info2 {
	background: #fafafa;
}

.aboutus-info2-con {
	width: 1480px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.aboutus-info2-con .pic {
	position: relative;height: 500px;overflow: hidden;
}

.aboutus-info2-con .pic img.a1 {
	width: 100%;height: 500px;transition: all 0.3s ease;
}
.aboutus-info2-con .pic:hover img.a1{	transform: scale(1.05);
}
.aboutus-info2-con .pic .iconvideo {
	position: absolute;
	width: 112px;
	height: 112px;
	top: 50%;
	left: 50%;
	margin-left: -56px;
	margin-top: -56px;
	cursor: pointer;
}

.aboutus-info2-con .pic .iconvideo img {
	width: 112px;
	height: 112px;
}

.aboutus-info2-con .item-info {
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.aboutus-info2-con .item-info .name {
	font-size: 36px;
	height: 70px;
	padding-top: 30px;
	margin-bottom: 60px;
	font-weight: 700;
	position: relative;
	color: #222
}

.aboutus-info2-con .item-info .name::before {
	content: "";
	width: 118px;
	height: 2px;
	background: #2ba558;
	position: absolute;
	left: 0;
	bottom: 0
}

.aboutus-info2-con .item-info .name::after {
	content: "";
	width: 18px;
	height: 18px;
	background: url(../images/icon-dot.png) #fff no-repeat;
	position: absolute;
	left: 0;
	bottom: -7px
}

.aboutus-info2-con .item-info .intro6 p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 35px;
	color: #888;
	text-indent: 35px;
}

.info99 {
	padding: 30px 0;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.info99-con {
	width: 1480px;
	margin: auto;
}

.mapInfo img {
	width: 100%;
	margin-top: 35px;
}

.mapInfo {
	height: 900px;
	background: url(../images/banner-map10.png) no-repeat top center;
}

.mapInfo-con {
	width: 1480px;
	margin: auto;
	display: flex;
	height: 900px;
	align-items: center;
	justify-content: center;
	position: relative;
}

.jssl {
	background: #fff;
}

.jssl-con {
	width: 1480px;
	margin: auto;
}

.jssl-con .tit {
	padding: 108px 0 80px 0;
	font-size: 36px;
	text-align: center;
	line-height: 36px;
	font-weight: 700;
	color: #222
}

.jssl-con .desc {
	font-size: 18px;
	line-height: 30px;
	color: #888;
	text-align: center;
	margin-bottom: 80px;
}

.js-piclist {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	margin-bottom: 170px;
}

.js-piclist .item {
	border-radius: 30px;
}

.js-piclist .item img {
	border-radius: 30px 0 0 0;
	width: 100%;
	height: 258px;
}

.js-piclist .item .text {
	height: 70px;
	line-height: 70px;
	color: #fff;
	background: #2ba558;
	font-size: 24px;
	border-radius: 0 0 30px 0;
	text-align: center;
}

.qyjszz {
	display: flex;
	flex-direction: row;
}

.qyjszz .left {
	width: 40%;
	margin-right: 10%;
}

.qyjszz .right {
	width: 50%;
}

.qyzz {
	background: url(../images/ry-bg.png) no-repeat;
}

.qyzz-con {
	width: 1480px;
	margin: auto
}

.qyjszz .left .tit11 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 35px;
	color: #222
}

.qyjszz .left .texts {
	margin-bottom: 20px;
	background: #f7faf8;
	padding: 35px 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.qyjszz .left .texts .text1 {
	color: #2ba558;
	font-size: 14px;
	text-align: center;
	line-height: 18px;
	margin-bottom: 10px;
}

.qyjszz .left .texts .text2 {
	color: #222;
	font-size: 15px;
	font-weight: 700;
	line-height: 34px;
}

.info-list1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

.info-list1 .myitem {
	border-radius: 20px;
	padding: 35px;
	background: #2ba558;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.info-list1 .myitem .texts2 .num {
	font-weight: 700;
	margin-bottom: 0px;
	color: #fff;
	font-size: 48px;
	line-height: 48px;
}

.info-list1 .myitem .texts2 .num span {
	font-size: 20px;
	font-weight: 400;
}

.info-list1 .myitem .texts2 .text {
	font-size: 18px;
	color: #fff
}

.info-list1 .myitem .icon img {
	width: 80px;
	height: 80px;
}

.qyjszz .intro6 p {
	font-size: 13px;
	line-height: 18px;
	color: #888;
	margin-bottom: 20px;
}

.jspart {
	padding-bottom: 90px;
	margin-bottom: 170px;
}

.jspart .swiper-scrollbar {
	background: #eeeeee !important;
	width: 100% !important;
	left: 0 !important
}

.jspart .swiper-scrollbar-drag {
	background: #2ba558 !important;
}


.jspart .item {
	border-radius: 30px
}
.jspart .item .pic{
	height: 258px;overflow: hidden;border-radius: 30px 0 0 0;
}
.jspart .item img {
	border-radius: 30px 0 0 0;
	width: 100%;
	height: 258px;transition: all 0.3s ease;
}
.jspart .item:hover img{
	transform: scale(1.05);
} 

.jspart .item .text {
	height: 70px;
	line-height: 70px;
	color: #fff;
	background: #2ba558;
	font-size: 24px;
	border-radius: 0 0 30px 0;
	text-align: center;
}


.mySwiper2 {
	width: 100%;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
}

.mySwiper2 .swiper-pagination {
	bottom: 30px
}

.mySwiper2 .swiper-pagination .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: url(../images/icon-dot8.png) no-repeat;
	margin: 0 8px
}

.mySwiper2 .swiper-pagination .swiper-pagination-bullet-active {
	background: url(../images/icon-dot8-active.png) no-repeat;
}

.mySwiper2 .swiper-slide img {
	width: 100%;
}

.mySwiper2 .swiper-slide:nth-of-type(3) {
	/* padding-top: 30px; */
}

.mySwiper2 .swiper-slide {
	height: calc((100% - 150px) / 2) !important;

	display: flex;
	justify-content: center;
	align-items: center;

}

.contactusPage {
	padding: 85px 0 0 0;
	background: #fafafa;
}

.contactusPage-con {
	width: 1480px;
	margin: auto;
}

.contactus-1 {
	margin-bottom: 60px;
}

.contactus-2 {
	margin-bottom: 100px;
	position: relative;
}

.contactus-2 img.a1 {
	width: 100%;
	border-radius: 24px;
}

.contactus-2 .maps {
	width: 400px;
	height: 400px;
	background: url(../images/circle.png) no-repeat;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -200px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.contactus-2 .btnlist {
	padding-top: 40px;
}

.contactus-2 .btnlist .item {
	margin-bottom: 20px;
}

.contactus-2 .btnlist .item a {
	border: 2px solid #d0f5de;
	width: 220px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	background: #d0f5de;
	color: #000;
	font-size: 18px;
}

.contactus-2 .btnlist .item:last-child a {
	border-color: #ffffff;
	background: none;
	color: #fff
}

.contactus-1 .tit {
	margin-bottom: 40px;
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
	color: #222
}

.contact-info {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
}

.contact-info .item {
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
	padding: 50px 52px
}

.contact-info .item .tit11 {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 24px;
	color: #2ba558;
	font-weight: 700;
}

.infolist .myitem {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.infolist .myitem .icon {
	margin-right: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #222
}

.infolist .myitem .icon img {
	width: 24px;
	height: 24px;
	margin-right: 28px;
}

.infolist .myitem .text {
	font-size: 18px;flex:1;
	color: #888
}

.contactus-3 {
	padding-bottom: 85px;
}

.contactus-3 .tit {
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 50px;
	color: #222;
	font-weight: 700;
}

.contactus-3 .form {
	padding: 0 95px;
}

.contactus-3 .form-1 {
	margin-bottom: 18px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}

.contactus-3 .form-1 .item {
	background: #fff;
	border-radius: 8px;
	height: 70px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 30px;
}

.contactus-3 .form-1 .item .label {
	font-size: 18px;
	color: #d6d6d6;
	margin-right: 10px;
	display: none;
}

.contactus-3 .form-1 .item .text {
	flex: 1;
}

.contactus-3 .form-1 .item .text input {
	width: 100%;
	height: 70px;
	line-height: 70px;
	outline: none;
	font-size: 18px;
	border: none;
}

.contactus-3 .form-2 .item {
	height: 150px;
	padding: 30px;
	background: #fff;
	border-radius: 10px;
}

.contactus-3 .form-2 .item .label {
	display: none;
}

.contactus-3 .form-2 .item textarea {
	width: 100%;
	height: 150px;
	border: none;
	font-size: 18px;
	outline: none;
	resize: none;
}

.contactus-3 .btns {
	padding-top: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.contactus-3 .btns button {
	width: 300px;
	height: 70px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #2ba558;
	border-radius: 35px;
	border: none;
	font-size: 18px;
}



.contactus-3 .form-1 .item .text input::-webkit-input-placeholder {
	color: #ccc;
}

.contactus-3 .form-1 .item .text input::-moz-placeholder {
	color: #ccc;
}

.contactus-3 .form-1 .item .text input:-ms-input-placeholder {
	color: #ccc;
}

.contactus-3 .form-1 .item .text input:-moz-placeholder {
	color: #ccc;
}


.contactus-3 .form-2 .item textarea::-webkit-input-placeholder {
	color: #ccc
}

.contactus-3 .form-2 .item textarea::-moz-placeholder {
	color: #ccc;
}

.contactus-3 .form-2 .item textarea:-ms-input-placeholder {
	color: #ccc;
}

.contactus-3 .form-2 .item textarea:-moz-placeholder {
	color: #ccc;
}

.fwfw-parts {
	padding: 100px 0;
}

.fwfw-parts-con {
	width: 1480px;
	margin: auto;
}

.fwfw-parts-con1 {
	padding: 0 100px;
}

.scroll-imglist img {
	width: 100%;
}

.fwfw-parts-con .tit111 {
	padding: 50px 0;
	border-bottom: 1px solid #e9e9e9;
	font-size: 36px;
	line-height: 36px;
	color: #222;
}

.fwfw-parts-con .intro111 {
	padding: 50px 0;
}

.fwfw-parts-con .intro111 p {
	font-size: 18px;
	line-height: 36px;
	color: #888;
	margin-bottom: 20px;
}

.relate-page .items {
	padding: 84px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.relate-page .items .myitem2 a {
	display: flex;
	flex-direction: row;
	font-size: 18px;
	color: #888;
	align-items: center;
}

.relate-page .items .myitem2 .prev {
	padding-left: 40px;
	background: url(../images/btn-left11.png) no-repeat left center;
	color: #222;
	margin-right: 20px;
}
.relate-page .items .myitem2:hover .prev {
	background: url(../images/btn-left11-hover.png) no-repeat left center;
	color: #2ba558;
}

.relate-page .items .myitem2 .next {
	padding-right: 40px;
	background: url(../images/btn-right11.png) no-repeat right center;
	color: #222;
	margin-left: 20px;
}
.relate-page .items .myitem2:hover .next {
	color:#2ba558;
	background: url(../images/btn-right11-hover.png) no-repeat right center;
	
}

.banner-bottom {
	position: relative;
}

.banner-bottom img {
	width: 100%;
}

.banner-bottom .banner-in {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner-bottom .banner-in .text {
	font-size: 42px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 50px
}

.banner-bottom .banner-in .btns1 {
	display: flex;
	width: 200px;
	height: 60px;
	background: #2ba558;
	border-radius: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.banner-bottom .banner-in .btns1 span {
	color: #fff;
	font-size: 18px;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
}

.banner-bottom .banner-in .btns1::after {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/icon-right3.png) no-repeat;
	content: '';
	margin-right: 5px;
}

.nybanner .top {
	position: relative;
}

.nybanner .head {
	position: relative;
	top: 0
}

.news-part {
	padding-top: 85px;
	border-bottom: 1px solid #e9e9e9;
}

.news-part-con {
	width: 1480px;
	margin: auto;
}

.news-tit {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e9e9e9;
}

.news-tit .title {
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 40px;
	text-align: center;
	color: #222
}

.news-tit .desc {
	color: #aaa;
	font-size: 18px;
	text-align: center;
}

.news-intro p {
	font-size: 18px;
	line-height: 36px;
	color: #777;
	margin-bottom: 30px;
}

.news-intro img {
	max-width: 980px;
}

.xgdt {
	padding: 100px 0;
}

.xgdt-con {
	width: 1480px;
	margin: auto;
}

.xgdt-con .tit {
	margin-bottom: 40px;
	font-size: 36px;
	line-height: 36px;
	color: #222;
	font-weight: 700;
}

.dt-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.dt-list .item .pic {
	height: 295px;
	overflow: hidden;
}

.dt-list .item .pic img {
	width: 100%;transition: all 0.3s ease;
	height: 295px;
}
.dt-list .item .pic:hover img{	transform: scale(1.05);
}
.dt-list .item .item-info {
	padding: 30px 0;
}

.dt-list .item .item-info .info1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.dt-list .item .item-info .info1 .name {
	font-size: 22px;
	color: #222;
	height: 60px;
}

.dt-list .item .item-info .info1 .right .iconright {
	margin-top: 5px;
	display: inline-block;
	width: 16px;transform: scale(1.05);
	height: 16px;
	background: url(../images/case-iconright.png) no-repeat;
}

.dt-list .item:hover .item-info .info1 .name {
	color: #2ba558
}

.dt-list .item:hover .item-info .info1 .right .iconright {
	background: url(../images/case-iconright-hover.png) no-repeat;
}

.dt-list .item .item-info .date {
	color: #919191;
	font-size: 18px;
}

.myhead {
	position: relative;
	z-index: 99
}

.myhead.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.myhead.fixed .head {
	background: #20232c;
}

.menuList {
	display: none;
}

.menuList .m-list {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.menuList .m-list::-webkit-scrollbar {
	display: none
}

.m-list .item {
	margin-left: 20px;
	position: relative;
	margin-bottom: 25px;
	flex: auto;
	display: flex;
	flex-direction: column;
}

.m-list .item a.a1 {
	font-size: 16px;
	color: #fff;
}

.m-list .item .childList {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: 10px
}

.m-list .item .childList .item2 {
	margin-bottom: 10px;
	font-size: 14px;
	width: 100%
}

.m-list .item:nth-of-type(3) .childList .item2,
.m-list .item:nth-of-type(4) .childList .item2,
.m-list .item:nth-of-type(5) .childList .item2 {
	width: 50%;
}

.m-list .item .childList {
	display: none;
}

.m-list .item.cur .childList {
	display: flex;
	padding: 8px 0;
}

.m-list .item .childList .item2 a {
	color: #fff;
	font-size: 14px;
}

.menuList {
	position: fixed;
	left: 0;
	top: 0px;
	height: 100%;
	width: 100%;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	background: #2ba558;
	z-index: 1001;
	display: flex;
	flex-direction: column;
	display: none;
}

.mobile {
	display: none;
}

.menutap {
	display: none;
}

.menuList .icon-close {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;

}

.menuList .icon-close button {
	padding: 0;
	margin: 0;
	display: flex;
	width: 80px;
	height: 60px;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
}

.menuList .icon-close button img {
	width: 20px;
	height: 20px;
}

.menuList .m-list {
	height: calc(100% - 60px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

button {
	border: none;
	background: none;
}
.pc{display: block;}
.picLists1 ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.picLists1 li img{
width: 100%;height: 330px;;
}
body{overflow-x: hidden;}
.mySwiper3 .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: url(../images/icon-dot8.png) no-repeat;
	background-size: 8px 8px;
	margin: 0 6px
}

.mySwiper3 .swiper-pagination .swiper-pagination-bullet-active {
	background: url(../images/icon-dot8-active.png) no-repeat;
	background-size: 8px 8px;
}
#multipleColumn .hd{text-align: center;}
#multipleColumn .bd{height:720px;}
#multipleColumn .hd ul li{display: inline-block;width: 14px;height: 14px;background: url(../images/icon-dot8.png) no-repeat;text-indent: -9999px;margin: 0 8px;cursor: pointer;}
#multipleColumn .hd ul li.on{background: url(../images/icon-dot8-active.png) no-repeat;}
@media screen and (max-width: 768px) {
	.mypro-part .hd ul li{margin:0 10px}
	.path-con{width: auto;}
	.companyDetail .left .pic .icon-video{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
	.companyDetail .left .pic .icon-video img{width: 60px;height: 60px;}

	.info99-con{width: auto;padding: 0 20px;}
.mapInfo{height: auto;background-position: bottom center;}
.jssl-con{width: auto;padding: 0 20px;}
.mapInfo-con{height: auto;}
.mySwiper5{margin-bottom: 0;}
.qyjszz{flex-direction: column;}
.qyjszz .left{width: 100%;margin-right: 0;}
.qyjszz .right{width: 100%;padding-bottom: 10px;}
.info99{border-bottom: none; padding: 0;}
.qyjszz .left .tit11{font-size: 32px;margin-bottom: 30px;}
.qyzz-con{width: auto;padding: 0 20px;}
.picLists1 li img{height: auto;}
.info-list1 .myitem{padding: 15px;}
#multipleColumn .bd{height: auto;}
.qyjszz .intro6 p{font-size: 16px;line-height: 24px;margin-bottom:20px}
.info-list1 .myitem .texts2 .num{font-size: 32px;line-height: 32px;margin-bottom: 0px;	}
.info-list1 .myitem .texts2 .text{font-size: 12px;}
.info-list1 .myitem .texts2 .num span{font-size: 12px;}
.info-list1 .myitem .icon img{width:40px;height: 40px;}
.fwfw-info2-con{width: auto;padding: 0 20px;}
.fwfw-info2-con .item{padding: 20px 0;}
.fwfw-parts-con{padding:0 20px;width: auto;}
.fwfw-parts{padding: 40px 0 0 0;}
.news-tit{padding-bottom: 25px;margin-bottom: 25px;}
.news-tit .title{font-size: 36px;line-height: 40px;margin-bottom: 25px;}
.news-tit .desc{font-size: 12px;}
.mySwiper3s{padding-top: 0;}
.fwfw-parts-con1{padding: 0;}
.news-intro p{font-size: 16px;line-height: 30px;}
.news-list .item a{padding:10px;flex-direction: column;}
.news-list .item a .pic{width: 100%;height: auto;}
.contactus-2 img.a1{margin-bottom: 20px;}
.contactus-1{margin-bottom: 40px;}
.contactus-2{margin-bottom: 80px;display: flex;flex-direction: column;}
.contactus-2 .maps{position: relative;left:auto;top:auto;margin: 0;width:300px;height:300px;background-size: 300px 300px;margin:auto}
.infolist .myitem .icon img{width: 20px;height:20px;margin-right:10px;}
.contactus-3 .tit{font-size: 36px;line-height: 36px;margin-bottom: 30px;}
.infolist .myitem .text{flex:1;font-size: 15px;}
.contactus-3 .form{padding: 0;}
.contactus-2 .btnlist{padding-top: 20px;}
.contactus-3 .form-1{grid-template-columns: repeat(1,1fr);}
.infolist .myitem .icon{font-size: 15px;}
.contactus-1 .tit{font-size: 36px;line-height: 36px;}
.contact-info{grid-template-columns: repeat(1, 1fr);gap:20px}
.contact-info .item{padding: 20px;}
.contactusPage-con{padding: 0 20px;width: auto;}
.contactusPage{padding: 40px 0 0 0;}
.companyDetail .right .intro .intros p{color:#fff}
.contactus-3 .btns button{width:144px;height:40px;font-size: 16px;}
.contactus-3 .form-1 .item .text input{font-size: 14px;}
.contactus-3 .form-2 .item textarea{font-size: 14px;}
.news-list .item a .pic img{width: 100%;height: auto;}
.news-list .item a .item-info .right{width: auto;text-align: left;}
.news-list .item a .item-info .left .desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;	}
.news-list .item a .item-info{flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.news-intro img{width: 100%;}
.yj-list .item a .left .name{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;font-size:18px;margin-bottom: 5px;}
.caselist{grid-template-columns: repeat(1,1fr);gap:20px}
.yj-list .item a .left .desc{font-size: 14px;}
.caselist .item .box .pic img{height: auto;}
.yj-list .item a{padding:25px 20px;}
.yj-list .item a .left{flex:1}
.yj-list .item a .right{font-size: 14px;width:90px}
.caselist .item .box .pic{height: auto;}
.fwfw-info2-con .item a{grid-template-columns:repeat(1,1fr);gap: 20px;}
.fwfw-info2-con .item a .pic .name{font-size: 28px;margin-bottom: 20px;line-height: 36px;}
.relate-page .items{display: grid;grid-template-columns: repeat(1,1fr);gap:20px}
.fwfw-info2-con .item a .pic .img{height: auto;}
.fwfw-info2-con .item a .item-info .intro5 ul li{font-size:16px;margin-bottom: 5px;padding-left:30px}
.fwfw-info2-con .item a .pic .img img{height: auto;}
.fwfw-info2-con .item a .item-info{margin: 0;}
.nybanner{margin-bottom: -64px;}
.case-left{width: auto;margin-bottom: 20px;}
.case-right{margin-left: 0;}
.news-part{padding-top: 40px;}
.companyDetail .right .intro .tit3{font-size:24px;margin-bottom: 20px;}
.news-part-con{width:auto;padding:0 20px}
.companyDetail .right .intro .btns{height:40px;width: 144px;}
.companyDetail .right .intro .btns a{height: 40px;font-size: 14px;}
.mybox .bg .myintro .btn a{width: 144px;height: 40px;font-size: 14px;}
.case-part{padding: 40px 0;}
.case-part-con{padding:0 20px;width: auto;flex-direction: column;}
.case-left .tit{font-size: 36px;line-height: 36px;margin-bottom: 25px;}
.fwfw-info1-con .right .btn a::after,.fwfw-info2-con .item a .item-info .btn3::after{width: 30px;height: 30px;background-size: 30px 30px;}
.fwfw-info2-con .item a .item-info .name2{font-size: 32px;margin-bottom: 15px;line-height: 36px;}
.fwfw-info2-con .item a .item-info .intro4 p{font-size:16px;line-height: 24px;}
.fwfw-info1-con .right .btn a{width:144px;height: 40px;font-size: 14px;	}

.fwfw-info2-con .item a .item-info .btn3{width: 144px;height: 40px;font-size: 14px;}
.mybox .bg .myintro .btn a::after{width: 16px;height: 16px;background-size: 16px 16px;margin-left: 5px;}

.fwfw-info1-con{width: auto;padding:0 20px;grid-template-columns:repeat(1,1fr);gap: 40px;}
.fwfw-info1{padding: 40px 0;}
.info-list1{gap:10px}
.jssl-con .tit{padding: 40px 0;font-size: 32px;line-height: 32px;}
.qyjszz .left .texts{padding: 20px;}
.qyjszz .left .texts .text1{font-size: 24px;line-height: 30px;text-align: center;}
.qyjszz .left .texts .text2{font-size: 20px;line-height: 22px;text-align: center;}
.jssl-con .desc{font-size: 16px;line-height: 24px;padding:0 20px}
.mapInfo-con{width: auto;padding: 0 20px;}
.mapInfo img{margin-top: 0;}
.aboutus-info2-con .item-info .name{font-size: 32px;height:65px;margin-bottom: 40px;}
.aboutus-info2-con .item-info{margin-right: 0;}
.jspart .item .text{height: 40px;font-size: 14px;line-height: 40px;}
.aboutus-info2-con .item-info .intro6 p{font-size: 14px;line-height:18px;margin-bottom: 20px;}
.aboutus-info2-con{grid-template-columns:repeat(1,1fr)}
.path-con{font-size: 14px;}
.path{padding: 20px 20px 20px 20px;}
.aboutus-info2-con .pic{height: auto;}
.aboutus-info2-con .pic img.a1{height: auto;}
.path-con img{width:16px;height:16px;margin-right: 10px;}

.mySwiper3 {
	width: 100%;
}
.aboutus-info1{padding: 30px 20px;}
.aboutus-info1-con .tit{font-size: 36px;line-height: 36px;}
.aboutus-info2-con{width: auto;padding: 0 20px;}
.mySwiper3 .swiper-pagination {
	bottom: 10px
}
 .mySwiper4{margin-left:30px}

 .mySwiper4 .swiper-button-next, .mySwiper4 .swiper-button-prev{
	color:#2ba558;
 }
  .mySwiper4  .swiper-slide {width: 80%;}
	
	.pc{display: none;}
	.foot-1-con .logo{width: auto;}
	.prd-content .item{margin-bottom: 20px;}
	.prd-content .item .mybox2 .viewdetail{height: 30px;line-height: 30px;font-size: 14px;}
	.head{background: #20232c;}
	.foot-1-con .logo .text{font-size: 16px;line-height: 24px;}
	.q-part .logo{width: 50px;margin-right: 20px;}
	.q-part .logo img{width:40px;height: 40px;}
	.q-part .item-info{margin-right: 20px;}
	.logolist{margin-top:0px;padding:30px 0}
	.piclist .item .boxs4 .name{margin: 10px;font-size: 16px;}
	.q-part .item-info .left .name{font-size: 10px;margin-bottom: 5px;}
	.q-part .item-info .left .name2{font-size:14px;line-height: 18px;}
	.q-part .item-info .right button{width: 110px;height: 40px;font-size: 12px;}
	.logolist-con{width: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 0px;margin: 0 10px;}
	.logolist-con .item img{height: 24px;}
	.fwfw-tit{padding:30px 0}
	.lists .item a{padding: 10px 0;}
	.lists .item a .name{font-size: 16px;}
	.mypro-part .hd ul li{font-size: 14px;padding: 10px 0;}
	.mypro-part .hd ul li.on{font-size: 14px;}
	.fwfw-tit .btn{width: 144px;height: 40px;font-size: 14px;}
	.fwfw-tit .btn::after{width: 16px;height: 16px;background-size: 16px 16px;margin-left: 5px;}
	.companyDetail .right .intro .btns a::after{width: 16px;height: 16px;background-size: 16px 16px;margin-left: 5px;}
	.banner .top{display: none;}
	.prd-con{width: auto;}
	.piclist{height: auto;}
	.product{padding: 0 20px;}
	.aboutus-info2-con .pic .iconvideo{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
	.aboutus-info2-con .pic .iconvideo img{width: 60px;height: 60px;}
	#multipleColumn .hd ul li{width: 8px;height: 8px;background-size: 8px 8px;margin: 0 4px;}
	#multipleColumn .hd ul li.on{background-size: 8px 8px;}
	.lists{flex-direction: column;display: flex;}
	.youshi{padding:20px 20px 20px 20px}
	.youshi-con .left .tit{font-size: 18px;margin-bottom: 20px;line-height: 25px;}
	.tabBox .bd li{height: auto;}
	.tabBox .hd{margin: 15px 0;width: 240px;}
	.prd-con .tit{padding:0 0 20px 0;font-size: 32px;}
	.mybg2-con{width: auto;padding: 0 20px;}
	.prd-content{grid-template-columns:auto;gap:0;display: flex;flex-direction: column;}
	.prd-content .item:hover .mybox2 .pic img{transform: scale(1);}
	.prd-content .item .mybox2 .pic{height: auto;}
	.qList-con{width: auto;}
	.foot-2{padding: 15px 0;}
	.foot-1-con{width: auto;padding: 0 20px;}
	.foot-2-con{width: auto;font-size: 12px;padding: 0 20px;}
	.companyDetail{flex-direction: column;margin: 0 20px;}
	.companyDetail .left .pic{height: auto;}
	.companyDetail .left .pic img{height: auto;}
	.companyDetail .right{
		padding: 30px 0;
	}
	.companyDetail .right .intro{margin:0 30px}
	.c-detail2{position:relative;margin-bottom: 10px;align-items: center;justify-content: center;display: grid;grid-template-columns: repeat(2, 1fr);gap:25px}
	.c-detail2 .item{display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.c-detail2 .item .num{font-size: 32px;}
	.c-detail2 .item .num i{font-size: 12px;}
	.c-detail2 .item .num i{margin-left: 0;}
	.c-detail2 .item .text{font-size: 9px;}
	.c-detail2 .item::after{background: none;}
	.piclist .item .boxs4 .pic{height: auto;}
	.piclist .item .boxs4 .pic img{height: auto;}
	.piclist{grid-template-columns: repeat(1, 1fr);gap:20px}
	.gsdt-1 .right{width: 100%;}
	.gundong .hd{
		top: auto;bottom:135px;right:10px;
	}
	.gsdt-1{
		flex-direction: column;
	}
	.gsdt-1 .left{width: 100%;}
	.picscroll .pic img{height: auto;}
	.picscroll .pic{height: auto;}
	.gsdt .hd .descs{font-size: 16px;}
	.prd-content .item .mybox2 .pic img{height: auto;}
	.more-part2 .btn{width: 144px;height: 40px;font-size: 14px;}
	.youshi-con .left .more-part{padding: 15px 0;}
	.youshi-con .left .more-part a .icon img{width:30px;height:30px;margin-top: -3px;}
	.youshi-con .left .more-part a{width: 144px}
	.youshi-con .left .more-part a .text{font-size: 14px;}
	.tabBox .hd ul li{height:32px;font-size: 10px;}
	.youshi-con .left .jz-list .item a{font-size: 14px;}
	.head{top:0}
	.youshi-con{width:auto;flex-direction: column;gap:0}
	.youshi-con .left{width: auto;padding-top: 0;}
	.head-con{justify-content: space-between;width: auto;}
	.q-part .item-info .right button::after{width: 16px;height: 16px;background-size: 16px 16px;margin-left: 5px;}
	.banner .menu{display: none;}
.foot-right{align-items: flex-start;padding-top: 20px;width: 100%;}
.foot-1-con{flex-direction: column;}
.foot-1{padding: 30px 0;}
.foot-right .left{display: none;}
.mySwiper3s{padding-top: 0;}
.fwfw-parts-con .tit111{padding: 30px 0;}
.fwfw-parts-con .intro111{padding: 30px 0;}
.foot-right .right{width: 100%;}
.mySwiper3 .swiper-button-prev,.mySwiper3 .swiper-button-next{width:40px;height: 40px;}
.relate-page .items{padding: 40px 0;}
.mySwiper3 .swiper-button-prev{left:10px}
.banner-bottom{display: flex;flex-direction: column;}
.banner-bottom .banner-in{}
.fixtop{height: 64px;}
.head-con .logo img{margin-right: 0;margin-left: 20px;height: 40px;}
.banner-bottom .banner-in .text{text-align: center;font-size: 24px;line-height: 28px;margin-bottom: 10px;}
.banner-bottom .banner-in .btns1{width: 144px;height: 40px;font-size: 14px;}
.banner-bottom .banner-in .btns1::after{width:30px;height: 30px;background-size: 30px 30px;}
.banner-bottom .banner-in .btns1 span{font-size: 14px;}
.mySwiper3 .swiper-button-next{right: 10px;}
.fwfw-parts-con .intro111 p{font-size:16px;line-height: 28px;margin-bottom: 20px;}
.foot-right .right .item{margin-left: 0;flex:1}
.foot-right .right .item .tit{margin-bottom: 10px;font-size: 14px;}
.foot-right .right .item .myitem{font-size: 10px;margin-bottom: 5px;}
.q-part .logo::after{height:40px;margin-top: -20px;}
	
	
.foot-1-con .logo img.a1{display: none;}
.foot-1-con .logo .text{display: none;}
	.mobile {
		display: block;
	}
	.ctme .text2{color: #fff;font-size: 14px;margin-bottom: 10px;}
	.foot-1-con .logo .ctme .btnlists img{width: 16px;height: 16px;margin-bottom: 0 !important;}



	.menu {
		display: none !important;
	}

	.head{padding: 12px 0}



	.slideBox {
		display: none;
	}

	
	.menuList {
		display: none;
	}

	.menutap {
		display: block;
		margin-right: 20px;
	}

}