:root {
	--color-noticeboard-backgroud: #ffc510;
	--color-icon-primary: #ffc510;
	--color-text-button: #ffc510;
	--color-primary: #ffc510;
	/* 区块 */
	--bg-color: #ffc510;
	--bg-color-second: #ffc510;
	/* 文字 */
	--text-color-active: #ffc510;
	/* 文字链接、导航 */
	--link-color-selected: #ffc510;
	--link-color-hover: #ffc510;
	/* --link-color-second-hover: #ccc; */
	/* 按钮 */
	--btn-bg: #ffc510;
	--btn-bg-hover: #ffc510;
	/* 轮播图 */
	--swiper-btn-color: #ffc510;
	--swiper-btn-color-hover: #ffc510;
	/* 字体 */
	--font-family: 'Open Sans', sans-serif;
}

.head-top {
	position: relative;
	z-index: 11;
	width: 100%;
	height: 56px;
	background: var(--color-noticeboard-backgroud);
}

.head-fl {
	line-height: 56px
}

.head-fl span {
	margin-right: 20px
}

.head-fl span i {
	display: inline-block;
	margin-top: 10px;
	margin-right: 12px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: top;
	border-radius: 50%;
	background: rgba(176, 176, 176, .3);
	font-size: 16px;
	color: #fff
}

.head-fl span b {
	font-size: 16px;
	font-weight: 500;
	color: #fff
}

.head-searchbg {
	float: left;
	width: 204px;
	height: 32px;
	margin-top: 11px;
	border-radius: 50px;
	background: rgba(255, 255, 255, .24)
}

.head-searchbg input {
	float: left;
	width: 160px;
	height: 32px;
	padding-left: 24px;
	font-size: 13px;
	color: #fff;
	border: none;
	outline: none;
	background: 0 0;
	outline: none
}

.head-searchbg button {
	float: right;
	width: 44px;
	height: 32px;
	background: 0 0;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	outline: none
}

.head-searchbg button::before {
	/* content: '\e727'; */
	font-size: 22px;
	color: #fff;
	opacity: .7;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.head-searchbg button:hover::before {
	opacity: 1
}

.lang-show {
	position: relative;
	float: left;
	padding: 17px 0 15px
}

.lang-show .show-current {
	padding-left: 30px
}

.lang-show .show-current img {
	margin-right: 12px
}

.lang-show .show-current span {
	display: inline-block;
	margin-top: 2px;
	font-size: 14px;
	color: #fff;
	vertical-align: top
}

.lang-show .show-current span i::before {
	/* content: '\e60c'; */
	margin-left: 10px;
	margin-top: 2px;
	font-size: 14px;
	opacity: .8
}

.lang-show .lang-hide {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 9;
	min-width: 120px;
	padding: 5px 15px 15px;
	background: #fff;
	box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, .1)
}

.lang-show .lang-hide {
	margin-top: 5px
}

.lang-show .lang-hide a {
	display: block;
	margin-top: 10px;
	font-size: 14px
}

.lang-show .lang-hide img {
	border-radius: 50%;
	margin-right: 10px
}

.lang-show .lang-hide a:hover span {
	color: var(--color-noticeboard-backgroud)
}

.header-height {
	height: 90px
}

.header {
	position: relative;
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 10;
	font-size: 0;
	box-shadow: 1px 2px 10px 2px rgba(0, 0, 0, .08)
}

.fixed {
	position: fixed;
	top: 0;
	z-index: 10
}

.head-logo {
	width: 16%;
	margin-top: 18px;
	vertical-align: top
}

.head-nav {
	width: 66%;
	margin-top: 38px;
	text-align: center
}

.head-nav ul {
	width: 100%
}

.head-nav li {
	position: relative;
	display: inline-block;
	padding: 0 21px;
	height: 52px
}

.head-nav li h3.down {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.head-nav li h3 b::before {
	/* content: '\e60c'; */
	display: inline-block;
	margin-left: 10px;
	margin-top: 2px;
	font-size: 14px;
	color: #2a2a2a;
	vertical-align: top
}

.head-nav li a {
	display: block;
	padding: 0 2px;
	font-size: 17px
}

.head-nav li h3 a {
	color: #212121;
	font-family: montserrat-medium
}

.head-nav li h3 a:hover {
	text-decoration: none
}

.head-nav li h3:hover,
.head-nav li h3.current {
	border-bottom: 1px solid #41924d
}

.head-nav li h3:hover a,
.head-nav li h3.current a {
	color: var(--color-noticeboard-backgroud);
	padding-bottom: 3px
}

.head-nav li h3.down:hover b::before,
.head-nav li h3.down.current b::before {
	color: var(--color-noticeboard-backgroud)
}

.nav-slidedown {
	display: none;
	position: absolute;
	width: 312px;
	top: 47px;
	left: 0;
	padding: 0 20% 18px;
	background: #fff;
	text-align: left;
	z-index: 2;
	box-shadow: 2px 3px 6px 2px rgba(0, 0, 0, .1)
}

.head-nav li .nav-slidedown a {
	height: auto;
	padding-top: 18px;
	font-size: 15px;
	color: #666
}

.head-nav li .nav-slidedown a:hover {
	color: var(--color-noticeboard-backgroud)
}

.header .href {
	margin-top: 22px
}

.href a {
	display: inline-block;
	padding: 14px 48px;
	background: var(--color-noticeboard-backgroud);
	font-size: 15px;
	color: #fff;
	font-family: montserrat-bold;
	border-radius: 50px
}

.href a:hover {
	background: #358e43;
	text-decoration: none
}

.mobile-height {
	display: none;
	height: 60px
}

.mobile-nav {
	display: none;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1)
}

.m-navico {
	font-weight: 700;
	font-size: 22px;
	line-height: 60px
}

.m-navlist {
	position: fixed;
	left: -80%;
	top: 0;
	bottom: 0;
	width: 76%;
	padding: 0 0 20px;
	background: #fff;
	box-shadow: 1px 2px 8px 3px rgba(0, 0, 0, .2);
	z-index: 999
}

.m-navlist .m-listtop {
	padding: 20px;
	font-size: 24px
}

.m-navlist .m-listtop img {
	width: 146px
}

.m-navlist .m-listtop span {
	float: right;
	font-size: 24px;
	color: #999;
	font-weight: 100;
	line-height: 36px;
	opacity: .8
}

.m-navlistcon {
	margin-left: 20px
}

.m-navlistcon ul {
	display: none
}

.m-navlistcon span {
	display: block;
	border-bottom: 1px solid #dedede;
	overflow: hidden
}

.m-navlistcon span a {
	display: inline-block;
	width: 70%;
	padding: 15px 0;
	font-size: 16px;
	color: #000009;
	float: left
}

.m-navlistcon span a.current,
.m-navlistcon li a.current {
	color: var(--color-noticeboard-backgroud)
}

.m-navlistcon span i {
	text-align: right;
	width: 24%;
	float: right;
	font-size: 18px;
	padding: 15px 6% 15px 0
}

.m-navlistcon ul li {
	margin-left: 20px;
	border-bottom: 1px solid #dedede
}

.m-navlistcon ul li a {
	display: block;
	padding: 15px 0;
	font-size: 15px;
	color: #666
}

.m-navlistcon ul li a b {
	padding-left: 10px
}

.m-navlistcon .xla-three {
	border-top: 1px solid #dedede;
	padding-left: 20px
}

.m-navtap {
	padding-left: 6%
}

.m-navtap,
.m-navcenter {
	float: left
}

.m-navcenter {
	width: 57%;
	margin-top: 13px;
	padding-left: 36px;
	text-align: center
}

.m-navcenter img {
	width: 136px
}

.m-navright {
	float: right
}

.m-navright .href a {
	margin-top: 12px;
	margin-right: 20px;
	padding: 12px;
	font-size: 12px
}

.cd-popup.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s
}

.cd-popup {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	z-index: 1000
}

.cd-popup .div_info {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15%;
	margin-top: -15%;
	float: none;
	max-height: 100%;
	overflow: auto
}

.div_info {
	width: 30%;
	padding: 55px;
	background: #fff;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, .1);
	border-radius: 24px
}

.div_info h3 {
	padding-bottom: 20px;
	font-size: 28px;
	color: #333;
	line-height: 24px;
	letter-spacing: 1px;
	font-family: montserrat-bold
}

.div_info input,
.div_info textarea {
	display: block;
	width: 100%;
	height: 52px;
	margin: 0 auto;
	margin-top: 20px;
	padding-left: 30px;
	font-size: 15px;
	border: none;
	background: #fafafa;
	border: 1px solid #eee;
	outline: none;
	border-radius: 8px
}

.div_info button {
	width: 100%;
	height: 56px;
	font-size: 15px;
	color: #fff;
	background: var(--color-noticeboard-backgroud);
	margin-top: 30px;
	border: none;
	outline: none;
	letter-spacing: 1px;
	font-family: montserrat-bold;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all;
	border-radius: 8px
}

.div_info button:hover {
	background: #358e43;
	cursor: pointer
}

.div_info textarea {
	height: 166px;
	padding: 20px 30px;
	line-height: 30px
}

.cd-popup-close {
	position: absolute;
	right: 7%;
	top: 41px;
	font-size: 26px;
	line-height: 42px;
	color: #999
}

.cd-popup-close:hover {
	text-decoration: none
}

.crmFormVali-error {
	color: #a94442;
	font-size: 12px;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: calc(50% - 6px)
}

.input-position {
	position: relative
}

.banner {
	position: relative;
	width: 100%;
	height: calc(100vh - 146px);
	min-height: 800px;
	z-index: 2;
	box-sizing: border-box
}

.banner .swiper-container {
	height: 100%
}

.banner li {
	text-align: center;
	overflow: hidden
}

.banner li span img {
	min-width: 100%;
	min-height: 100%
}

.banner-text {
	position: absolute;
	left: 0%;
	top: 15%;
	width: 56.8%;
	min-height: 504px;
	text-align: left;
	z-index: 1
}

.banner-text h1 {
	font-size: 53px;
	color: #fff;
	line-height: 84px
}

.banner-text h1 b {
	padding: 2px 7px;
	font-style: normal;
	background: rgba(255, 255, 255, .22)
}

.banner-text p {
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
	line-height: 36px
}

.main-href {
	margin-top: 50px
}

.main-href a {
	display: inline-block;
	padding: 17px 60px;
	background: var(--color-noticeboard-backgroud);
	color: #fff;
	font-size: 16px;
	font-family: montserrat-bold;
	cursor: pointer;
	border-radius: 50px
}

.main-href a:hover {
	background: #358e43;
	text-decoration: none
}

.banner .main-href a {
	padding: 17px 82px
}

.mouse {
	display: inline-block;
	font-size: 29px;
	margin-right: 18px;
	line-height: 30px;
	color: #fff;
	-webkit-animation: bounce-down 1s linear infinite;
	animation: bounce-down 1s linear infinite;
	vertical-align: top
}

.banner-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34.2%;
	height: 133px;
	padding: 54px 0 0 60px;
	background: var(--color-noticeboard-backgroud);
	z-index: 9;
	cursor: pointer
}

.banner-bottom p {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	margin-top: 0;
	font-family: montserrat-medium;
	vertical-align: top
}

.banner .container {
	position: relative;
	height: 100%;
	top: 0
}

.banner .swiper-pagination {
	position: absolute;
	left: 0;
	bottom: 64px
}

.banner .swiper-pagination span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 20px;
	background: #fff;
	border-radius: 20px;
	cursor: pointer;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	background: var(--color-noticeboard-backgroud);
	width: 28px
}

.banner .swiper-pagination span:hover {
	opacity: .8
}

.banner .swiper-pagination span.swiper-pagination-bullet-active:hover {
	opacity: 1
}

.width-auto {
	position: relative;
	width: 1400px;
	margin: 0 auto
}

.title {
	width: 90%;
	margin-top: -10px
}

.title h1,
.title h1 a {
	font-size: 36px
}

.title p {
	margin-top: 30px;
	font-size: 18px
}

.home-what {
	position: relative
}

.home-what::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	height: 133px;
	background: #3f914b
}

.home-what ul li {
	position: relative;
	width: 21.5%;
	margin-left: 4.66%;
	margin-top: 50px;
	padding-bottom: 3px
}

.home-what ul li .home-goodscon {
	position: relative;
	width: 100%
}

.goods-border {
	background: #fff;
	border-radius: 50%;
	overflow: hidden
}

.home-what ul li span {
	display: block;
	width: 100%;
	padding: 0 1px
}

.home-what ul li span img {
	width: 100%;
	border-radius: 50%;
	overflow: hidden
}

.goods-border {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -2px;
	left: 0;
	z-index: -1;
	box-sizing: border-box;
	background: #e6e6e6
}

.goods-border::after {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 100%;
	height: 100%;
	transform: translateY(0);
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-what ul li .home-goodscon:hover .goods-border::after {
	animation: ad_width .6s linear forwards;
	background: var(--color-icon-primary)
}

.home-what h3 {
	position: absolute;
	bottom: -3px;
	width: 100%;
	text-align: center
}

@keyframes ad_width {
	from {
			height: 0
	}

	to {
			height: 100%
	}
}

.home-industry {
	width: 100%;
	background-image: url(../images/bg01.webp);
	background-attachment: fixed
}

@keyframes pulsing {
	from {
			-webkit-transform: scale(1);
			transform: scale(1)
	}

	50% {
			-webkit-transform: scale(1.3);
			transform: scale(1.3)
	}

	to {
			-webkit-transform: scale(1);
			transform: scale(1)
	}
}

.home-industry .title h2,
.home-industry .title p {
	color: #fff
}

.home-about {
	position: relative;
	overflow: hidden
}

.home-aboutfl {
	position: relative;
	width: 46%;
	height: 100%;
	border-bottom-left-radius: 50px;
	overflow: hidden
}

.home-aboutfl img {
	width: 100%
}

.home-aboutfl:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.home-abvideo {
	position: absolute;
	right: 40px;
	bottom: 30px
}

.home-abvideo span {
	position: relative;
	display: inline-block;
	width: 63px;
	height: 63px;
	border-radius: 50%;
	background: var(--color-icon-primary);
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 63px;
	cursor: pointer;
	vertical-align: top
}

.home-abvideo span::after {
	display: none;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid rgba(3, 114, 20, .6);
	animation: scale2 2s linear infinite
}

.home-aboutfl:hover span::after {
	display: block
}

.videos {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	text-align: center;
	z-index: 999;
	overflow: hidden
}

.videos #video {
	position: fixed;
	left: 10%;
	top: 10vh;
	width: 80%;
	height: 80vh;
	background: #000;
	z-index: 999
}

.vclose {
	position: absolute;
	right: 3%;
	top: 5%;
	width: auto;
	cursor: pointer
}

.vclose::before {
	content: '\e640';
	font-size: 32px;
	color: #fff
}

.home-aboutfr {
	width: 47.8%;
	margin-top: 30px
}

.home-aboutfr .title {
	width: 100%;
	text-align: left
}

.home-aboutnum {
	padding-right: 11.9%
}

.home-aboutnum div {
	position: relative;
	width: 45%;
	padding: 20px;
	margin-top: 20px;
	border-bottom: 2px solid #dbdbdb
}

.home-aboutnum div::after {
	content: ' ';
	position: absolute;
	z-index: 2;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-aboutnum div:hover::after {
	animation: border_width .5s linear forwards;
	background: var(--color-icon-primary)
}

@keyframes border_width {
	from {
			width: 0
	}

	to {
			width: 100%
	}
}

.home-aboutnum span {
	display: block;
	color: #212121;
	font-size: 15px
}

.home-aboutnum span b {
	margin-right: 10px;
	font-size: 26px;
	font-weight: 100;
	font-family:font-family: var(--font-family);
}

.home-aboutnum p {
	font-size: 17px;
	line-height: 20px;
	color: #212121
}

.home-aboutfr .main-href {
	margin-top: 60px;
	text-align: left
}

.tit-text h1 {
	font-size: 56px;
	line-height: 66px;
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px 0 #a3a3a3, 1px -1px 0 #a3a3a3, -1px 1px 0 #a3a3a3, 1px 1px 0 #a3a3a3
}

.home-choose ul {
	margin-top: 40px
}

.home-choose li span {
	display: block;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-choose ul {
	margin-top: 60px
}

.home-choose ul li {
	position: relative;
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 2px solid #d4e0d7;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-choose ul li span {
	display: block;
	width: 121px;
	height: 105px;
	margin: 0 auto;
	font-size: 52px;
	color: var(--color-noticeboard-backgroud);
	line-height: 105px;
	text-align: center;
	background: url(../images/bg02.webp) no-repeat
}

.home-choose ul li span img {
	max-height: 100px;
	max-width: 100px;
}

.home-choose ul li:nth-child(4) span {
	font-size: 46px
}

.home-choose ul li:hover {
	transform: translate(0, -15px);
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px)
}

.home-choose ul li h3 {
	margin-top: 35px;
	font-family: montserrat-bold
}

.home-choose ul li::after {
	content: ' ';
	position: absolute;
	z-index: 2;
	bottom: -2px;
	left: 50%;
	width: 100%;
	height: 2px;
	transform: translate(-50%);
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-choose ul li:hover::after {
	animation: border_width .5s linear forwards;
	background: var(--color-icon-primary)
}

.home-work {
	width: 100%;
	background-image: url(../images/bg03.webp);
	background-attachment: fixed
}

.home-work .title h2,
.home-work .title p {
	color: #fff
}

.home-work ul {
	margin-top: 40px
}

.home-work li {
	margin-top: 20px;
	padding: 0 40px;
	border-left: 1px solid rgba(255, 255, 255, .5);
	text-align: center;
	line-height: 121px
}

.home-work li img {
	max-width: 100%;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-work li img:hover {
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-o-transform: translate(0, -5px)
}

.home-application .container {
	align-items: end
}

.home-application .main-href {
	margin-bottom: 20px
}

.home-applicationlist {
	position: relative;
	width: 25%;
	height: 100%
}

.home-applicationlist span {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.home-applicationlist span img {
	width: 100%
}

.home-applicationlist span i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/mb.png);
	background-size: auto 100%
}

.home-applicationlist h3 {
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-family: montserrat-bold
}

.home-application .title {
	width: 50%;
	margin-top: 10px;
	padding-right: 9%;
	padding-bottom: 40px
}

.mengban {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	text-align: center;
	padding: 70px 36px
}

.mengban h4 {
	font-size: 18px;
	color: #fff
}

.mengban p {
	margin-top: 30px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6
}

.home-news ul {
	margin-top: 10px
}

.home-news ul li {
	margin-top: 30px;
	padding: 34px 38px;
	border: 2px solid #eee;
	border-bottom-left-radius: 40px;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-news ul li h3 {
	min-height: 60px;
	line-height: 30px;
	font-family: montserrat-bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.home-news ul li span {
	display: block;
	width: 64px;
	height: 64px;
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	background: var(--color-text-button);
	text-align: center;
	line-height: 64px
}

.home-news ul li p {
	min-height: 60px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.home-news ul li i {
	display: block;
	margin: 24px 0 15px;
	font-size: 14px;
	color: #666;
	font-style: normal
}

.view-more {
	margin-top: 30px
}

.view-more a {
	color: var(--color-text-button);
	font-size: 16px;
	font-family: montserrat-bold
}

.home-news ul li .view-more a i {
	display: inline-block;
	margin: 0;
	margin-left: 20px;
	margin-top: 12px;
	font-size: 22px;
	line-height: 0;
	color: var(--color-noticeboard-backgroud);
	vertical-align: top
}

.home-news ul li:hover {
	background: var(--color-text-button)
}

.home-news ul li:hover h3,
.home-news ul li:hover p,
.home-news ul li:hover a,
.home-news ul li:hover i {
	color: #fff
}

.home-news ul li:hover span {
	background: #499955
}

.home-news ul li:hover a i {
	color: #fff;
	text-decoration: none
}

.gotop {
	position: fixed;
	right: 10px;
	top: 50%;
	display: none;
	z-index: 11
}

.gotop a {
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: #298737;
	margin: 10px 0;
	color: #fff;
	text-align: center;
	line-height: 45px;
	box-shadow: 1px 2px 6px 2px rgb(0, 0, 0, .1);
	cursor: pointer
}

.gotop a i.qico-email {
	font-size: 30px
}

.gotop a i.qico-up {
	font-size: 22px
}

.gotop a:hover {
	background: #358e43;
	text-decoration: none
}

.mobile-footer {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: var(--color-text-button);
	z-index: 99;
	box-shadow: 1px 2px 8px 4px rgba(0, 0, 0, .1)
}

.mobile-foot a {
	float: left;
	width: 25%;
	height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #268f36;
	box-sizing: border-box
}

.mobile-foot a:last-child {
	border-right: none
}

.mobile-foot a:hover {
	text-decoration: none
}

.mobile-foot i {
	display: block;
	height: 28px;
	margin: 3px auto;
	font-size: 20px;
	color: #fff;
	line-height: 34px
}

.mobile-foot i.m-home {
	font-size: 32px
}

.mobile-foot i.m-pro {
	font-size: 36px
}

.mobile-foot i.m-contact {
	font-size: 32px
}

.footer {
	padding: 80px 0 60px;
	background: #11141e
}

.foot-logo {
	padding-bottom: 30px;
	border-bottom: 1px solid #292c35
}

.foot-logo span {
	display: block;
	margin-top: 30px
}

.foot-logo span a {
	margin-left: 20px;
	opacity: .6
}

.foot-logo span a i {
	font-size: 22px;
	color: #fff
}

.foot-logo span a:nth-child(1) i {
	font-size: 24px
}

.foot-logo span a:nth-child(3) i {
	font-size: 24px
}

.foot-logo span a:nth-child(4) i {
	font-size: 20px
}

.foot-logo span a:hover {
	opacity: 1
}

.foot-con {
	margin-top: 50px
}

.foot-con div {
	width: 32%;
	margin-right: 7%
}

.foot-con div:first-child {
	width: 20%
}

.foot-con h3 {
	margin-bottom: 30px;
	font-size: 21px;
	color: #fff;
	font-family: montserrat-bold
}

.foot-con li a {
	display: block;
	margin-bottom: 20px;
	font-size: 15px;
	color: #fff;
	opacity: .5;
	margin-right: 10px;
}

.foot-con li a:hover {
	text-decoration: underline;
	opacity: 1
}

.foot-con div.newsletter {
	width: 44%;
	margin-right: 0;
	margin-left: 4%
}

.foot-con div.newsletter p {
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	margin-top: -6px;
	opacity: .5
}

.newsletter form {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 30px
}

.newsletter input {
	width: 70%;
	height: 64px;
	padding-left: 25px;
	font-size: 13px;
	background: rgba(255, 255, 255, .05);
	color: #fff;
	outline: none;
	border: none
}

.newsletter button {
	width: 30%;
	height: 64px;
	font-size: 13px;
	font-family: montserrat-bold;
	background: #046915;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.newsletter button:hover {
	background: #358e43
}

.foot-txt {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 80px
}

.foot-txt p {
	margin-top: 0;
	font-size: 12px;
	color: #505259
}

.foot-txt p a {
	margin-left: 60px;
	color: #505259;
	text-decoration: underline
}

.foot-txt p a:hover {
	color: #fff
}

.foot-gotop {
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	cursor: pointer
}

.foot-gotop i {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	margin-top: 1px;
	color: #fff;
	vertical-align: top;
	-webkit-animation: bounce-down 1s linear infinite;
	animation: bounce-down 1s linear infinite
}

.small-banner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.small-banner .ban-txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.small-banner .ban-txt .title h1,
.small-banner .ban-txt .title p {
	color: #fff
}

.small-banner .ban-txt .title {
	width: 66%
}

.small-banner .ban-txt .title p {
	opacity: .9;
	line-height: 34px
}

.ban-pic img {
	min-width: 100%;
	min-height: 385px
}

.crumbs {
	padding: 18px 0;
	border-bottom: 1px solid #ddd
}

.crumbs a,
.crumbs i,
.crumbs span {
	font-size: 13px;
	color: #666
}

.crumbs i {
	margin: 0 8px;
	font-style: normal
}

.about-usleft {
	width: 42.4%;
	padding: 0 5.3%;
	background: url(../images/bg04.png) repeat-x left 70%;
	background-size: auto 61.4%
}

.about-usleft span {
	display: block;
	overflow: hidden
}

.about-usleft img {
	width: 100%
}

.about-usleft img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.about-usright {
	width: 51.4%;
	margin-top: 25px
}

.about-usright p {
	margin-top: 30px
}

.number {
	margin-top: 55px
}

.number .home-aboutnum {
	padding-right: 0
}

.number .home-aboutnum div {
	width: 23%;
	margin-left: 2.66%;
	padding: 35px 30px;
	margin-top: 0
}

.number .home-aboutnum div:nth-child(4n+1) {
	margin-left: 0
}

.number .home-aboutnum div i {
	display: block;
	width: 20px;
	height: 16px;
	margin-bottom: 20px;
	background: var(--color-text-button)
}

.number .home-aboutnum span {
	font-size: 16px
}

.number .home-aboutnum span b {
	font-size: 42px
}

.number .home-aboutnum p {
	font-size: 16px
}

.about-videofl {
	width: 43.8%;
	margin-top: 20px
}

.about-videofl span {
	display: block;
	width: 92px;
	height: 2px;
	margin-bottom: 25px;
	background: #81b889
}

.about-videofl .main-href {
	margin-top: 40px
}

.about-videofr {
	position: relative;
	width: 48.2%;
	height: 100%;
	padding: 0 35px 40px 0;
	background: url(../images/bg05.webp) no-repeat right bottom
}

.about-videofr span {
	display: block;
	overflow: hidden
}

.about-videofr span img {
	width: 100%
}

.about-videofr:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.about-videofr .pulse {
	position: absolute;
	left: -43px;
	bottom: 12px;
	width: 87px;
	height: 87px;
	background: var(--color-icon-primary);
	border-radius: 100%;
	cursor: pointer
}

.about-videofr .pulse i {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -12px;
	margin-left: -11px;
	z-index: 2;
	font-size: 24px;
	color: #fff
}

.about-videofr .ring {
	position: absolute;
	background: inherit;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	opacity: .2;
	animation: pulsing 2.5s ease-out infinite
}

.about-choose {
	width: 100%;
	background: url(../images/bg06.webp) no-repeat;
	background-size: 100% 100%
}

.about-choose .title {
	margin: -10px auto 0;
	text-align: center
}

.about-choose ul {
	margin-top: 10px
}

.about-choose .wp {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.about-choose li {
	margin-top: 30px;
	padding: 50px 30px;
	background: #3c8f49;
	text-align: center;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.about-choose li:hover {
	background: var(--color-icon-primary)
}

.about-choose li:hover span {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH
}

.about-choose li span {
	display: block;
	font-size: 90px;
	color: #fff;
	line-height: 70px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all
}

.about-choose li:nth-child(2) span {
	font-size: 80px
}

.about-choose li:nth-child(3) span {
	font-size: 60px
}

.about-choose li:nth-child(4) span {
	font-size: 80px
}

.about-choose li h3 {
	margin-top: 35px;
	color: #fff;
	font-family: montserrat-bold
}

.about-choose li p {
	margin-top: 30px;
	color: #fff
}

.about-factory .title {
	margin: -10px auto 0;
	text-align: center
}

.factory-list {
	margin-top: 30px
}

.factory-list li {
	overflow: hidden
}

.factory-list li img {
	width: 100%
}

.factory-list li img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.home-scenarioshd {
	margin-top: 50px;
	text-align: center
}

.home-ny {
	display: inline-block;
	height: 15px;
	overflow: hidden
}

.home-ny .swiper-button-prev,
.home-ny .swiper-button-next {
	display: inline-block;
	width: 15px;
	height: 15px;
	font-size: 20px;
	line-height: 15px;
	color: #74b375;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.home-ny .swiper-button-prev {
	position: relative;
	z-index: 1
}

.home-ny .swiper-button-next {
	margin-left: 17px
}

.home-ny .swiper-button-prev:hover,
.home-ny .swiper-button-next:hover {
	color: #469947;
	border: none
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-pagination {
	text-align: center;
	margin-top: 7px;
	margin-left: 26px;
	vertical-align: top;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination-progress {
	display: inline-block;
	width: 914px;
	height: 2px;
	background: #cbd2d6
}

.goods-tanktit .about-tanktitcon {
	width: 85%;
	margin: 0 auto
}

.about-tanktitcon i {
	display: block;
	font-size: 96px;
	line-height: 48px;
	color: #9ac7a1;
	font-family: montserrat-bold;
	text-align: center;
	font-style: normal
}

.goods-tanktit .about-tanktitcon h2 {
	padding-top: 15px;
	font-size: 37px;
	color: #fff;
	line-height: 60px;
	text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa, 1px 1px 0 #aaa;
	letter-spacing: 1px;
	text-align: center
}

.goods-tanktit .about-tanktitcon h2 b {
	text-shadow: none;
	color: var(--color-icon-primary)
}

.goods-send {
	width: 56%;
	margin: 0 auto;
	padding: 0 10px;
	margin-top: 25px;
	border-bottom: 2px solid #eee
}

.goods-send input {
	width: 90%;
	height: 84px;
	padding-left: 10px;
	font-size: 17px;
	color: #333;
	font-family: montserrat-medium;
	border: none;
	outline: none
}

.goods-send button {
	width: 10%;
	height: 84px;
	font-size: 30px;
	color: var(--color-noticeboard-backgroud);
	background: 0 0;
	text-align: right;
	outline: none
}

.goods-certifications .container {
	position: relative
}

.goods-certifications .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-certifications .swiper-container {
	width: 86.4%;
	margin: 0 auto;
	margin-top: 40px
}

.goods-certifications li img {
	width: 100%
}

.goods-certifications .swiper-slide {
	width: 25.86%;
	padding: 17px;
	background: #fff;
	box-sizing: border-box;
	z-index: 1;
	border: 1px solid #bfbfbf;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	-webkit-transform: scale(.8);
	transform: scale(.75)
}

.goods-certifications .swiper-slide-active {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 10
}

.goods-certifications .swiper-slide-prev,
.goods-certifications .swiper-slide-next {
	-webkit-transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
	z-index: 5
}

.goods-certifications .cert-btn a {
	position: absolute;
	top: 50%;
	margin-top: 50px;
	display: block;
	width: 66px;
	height: 66px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	background: #74b375;
	border-radius: 50%;
	z-index: 2
}

.goods-certifications .cert-btn a:hover {
	background: #469947;
	text-decoration: none
}

.goods-certifications .cert-btn a.swiper-button-prev {
	left: 0
}

.goods-certifications .cert-btn a.swiper-button-next {
	right: 0
}

.fs_gallery {
	background: rgba(0, 0, 0, .9);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000
}

.fs_gallery_close {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 30px;
	height: 30px;
	color: #ccc;
	font-size: 52px;
	font-weight: 100;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 102;
	font-family: "qico" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fs_gallery_close:before {
	content: "\e674";
}

.fs_gallery_close:hover {
	color: #fff
}

.fs_gallery_prev,
.fs_gallery_next {
	position: absolute;
	width: 80px;
	color: #ccc;
	font-size: 30px;
	cursor: pointer;
	z-index: 101
}

.fs_gallery_prev:hover,
.fs_gallery_next:hover {
	opacity: 1
}

.fs_gallery_prev {
	left: 0;
	top: 0;
	bottom: 0;
	background: url(../images/arrowsl1.png) no-repeat center
}

.fs_gallery_next {
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/arrowsr1.png) no-repeat center;
	opacity: .8
}

.fs_gallery_prev:before {
	content: "";
	position: absolute;
	height: 30px;
	margin-top: -30px;
	top: 50%;
	left: 35px
}

.fs_gallery_next:before {
	content: "";
	position: absolute;
	height: 30px;
	margin-top: -30px;
	top: 50%;
	left: 35px
}

.fs_gallery_shuft {
	position: relative;
	width: 9999999px
}

.fs_gallery_shuft:after {
	clear: both;
	content: "";
	display: block
}

.fs_gallery_shuft_item {
	float: left;
	position: relative;
	background-image: url(data:image/gif;base64,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);
	background-position: center center;
	background-repeat: no-repeat
}

.fs_gallery_shuft_item img {
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%
}

.goods-list {
	background: #f8f8f8
}

.goods-list .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-listcon ul {
	margin-top: 15px
}

.goods-listcon ul li {
	padding: 0 10px 40px;
	margin-top: 30px;
	background: #fff;
	text-align: center;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.goods-listcon ul li:hover {
	transform: translate(0, -8px);
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px)
}

.goods-listcon ul li img {
	width: 100%
}

.goods-listcon ul li h3 a,
.goods-listcon ul li h3 {
	font-family: montserrat-bold
}

.goods-listcon ul li p {
	margin-top: 10px
}

.goods-listcon ul li p b {
	font-weight: 100;
	color: var(--color-noticeboard-backgroud)
}

.page {
	margin-top: 40px;
	text-align: center
}

/* #pagesize {
	display: inline-block
}

#pagesize ul li {
	display: inline-block;
	vertical-align: top
}

#pagesize a {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 6px;
	font-size: 15px;
	color: #999;
	line-height: 28px
}

#pagesize a:hover,
#pagesize a.active {
	background: #358e43;
	color: #fff
}

#pagesize ul li a.disabled {
	color: #000;
	background: #fff
}

#pagesize ul li i {
	font-size: 22px
} */

/* #pagesize ul li:first-child a,
#pagesize ul li:last-child a {
	display: inline-block;
	width: 11px;
	height: 28px;
	font-size: 0
} */

/* #pagesize ul li:first-child a {
	margin-right: 52px;
	background: url(../images/jt01.png) no-repeat center
}

#pagesize ul li:first-child a.disabled:hover {
	background: url(../images/jt01.png) no-repeat center;
	cursor: default
}

#pagesize ul li:last-child a {
	margin-left: 52px;
	background: url(../images/jt02.png) no-repeat center
}

#pagesize ul li:last-child a.disabled:hover {
	background: url(../images/jt02.png) no-repeat center;
	cursor: default
}

#pagesize ul li:first-child a:hover {
	background: url(../images/jt01s.png) no-repeat center
}

#pagesize ul li:last-child a:hover {
	background: url(../images/jt02s.png) no-repeat center
} */

.goods-advanpic {
	width: 48.6%;
	overflow: hidden
}

.goods-advanpic img {
	width: 100%
}

.goods-advanpic img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.goods-advancon .title {
	width: 45%;
	margin-top: 70px
}

.goods-advantages ul {
	margin-top: 20px
}

.goods-advantages ul li {
	width: 48%;
	padding: 50px 42px 40px;
	border-bottom: 2px solid #e5f1e7;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.goods-advantages ul li span {
	font-size: 34px;
	color: var(--color-noticeboard-backgroud);
	line-height: 34px
}

.goods-advantages ul li p {
	margin-top: 30px
}

.goods-advantages ul li:hover {
	transform: translate(0, -8px);
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px);
	border-bottom: 2px solid #358e43
}

.goods-application {
	width: 100%;
	background: url(../images/bg07.webp) no-repeat;
	background-size: 100% 100%
}

.goods-application .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-application ul {
	margin-top: 15px
}

.goods-application ul li {
	position: relative;
	margin-top: 30px;
	overflow: hidden
}

.goods-application ul li:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.goods-application ul li img {
	width: 100%
}

.goods-application ul li .goods-mb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/mb.png) repeat-x;
	background-size: auto 100%
}

.goods-application ul li h3 {
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	padding: 0 20px;
	color: #fff
}

.goods-moreapp {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(19, 132, 36, .89);
	display: flex;
	align-items: center;
	padding: 20px 60px;
	cursor: pointer
}

.goods-moreapp h4 {
	font-size: 18px;
	color: #fff;
	line-height: 30px
}

.goods-application ul li .goods-moreapp i {
	display: inline-block;
	margin-top: 20px;
	font-size: 22px;
	color: #fff
}

.goods-which .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-which ul {
	margin-top: 45px;
	overflow: hidden
}

.goods-which ul li {
	margin-top: -1px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	line-height: 154px;
	text-align: center
}

.goods-which ul li:nth-child(5n+1) {
	border-left: none
}

.goods-which ul li img {
	max-width: 86%
}

.goods-which ul li:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.goods-service .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-service ul {
	margin-top: 10px
}

.goods-service ul li {
	position: relative;
	padding: 38px 48px;
	margin-top: 30px;
	border: 2px solid #eee;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.goods-service ul li:after {
	content: ' ';
	position: absolute;
	z-index: 2;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.goods-service ul li:hover::after {
	animation: border_width .5s linear forwards;
	background: var(--color-icon-primary)
}

.goods-service ul li:hover {
	transform: translate(0, -8px);
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px)
}

.goods-service ul li span {
	display: block;
	width: 102px;
	height: 102px;
	font-size: 60px;
	color: var(--color-noticeboard-backgroud);
	background: #cde3d0;
	border-radius: 50%;
	text-align: center;
	line-height: 102px
}

.goods-service ul li:nth-child(2) span {
	font-size: 54px
}

.goods-service ul li:nth-child(3) span {
	font-size: 62px
}

.goods-service ul li:nth-child(4) span {
	font-size: 54px
}

.goods-service ul li h3 {
	margin-top: 25px;
	font-family: montserrat-bold
}

.goods-service ul li p {
	font-size: 17px
}

.foot-other {
	background: url(../images/bg08.webp) no-repeat;
	background-size: 100% 100%
}

.footother-fl {
	width: 46%;
	margin-top: 30px
}

.footother-top span {
	font-size: 16px;
	font-family: montserrat-bold;
	color: #fff
}

.footother-top h1 {
	margin-top: 25px;
	font-size: 46px;
	color: #fff
}

.footother-top p {
	margin-top: 35px;
	line-height: 34px;
	font-size: 26px;
	color: #fff
}

.contact-listnameone li h3 {
	margin-top: 40px;
	font-size: 22px;
	color: #fff;
	font-family: montserrat-bold
}

.contact-listnameone li p {
	font-size: 20px;
	color: #fff
}

.footother-fr {
	width: 44%
}

.footother-fr .div_info {
	width: 100%;
	box-shadow: none;
	border-radius: 0
}

.footother-fr .div_info input {
	height: 49px
}

.footother-fr .div_info textarea {
	height: 142px
}

.goods-applitow {
	background: 0 0
}

.goods-applitow .container {
	border-top: 1px solid #b3d4b8
}

.goods-features {
	background: #f8f8f8
}

.goods-features .title,
.goods-about .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-features ul {
	margin-top: 10px
}

.goods-features ul li {
	margin-top: 30px;
	border-bottom: 1px solid #dfeae1;
	overflow: hidden
}

.goods-features ul li img {
	width: 100%
}

.goods-features ul li:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.goods-features ul li div {
	padding: 40px 30px
}

.goods-features ul li div h3 {
	font-size: 24px;
	font-family: montserrat-bold
}

.goods-about .home-aboutnum {
	padding-right: 0
}

.goods-about .home-aboutnum span {
	font-size: 26px;
	font-family: montserrat-bold;
	color: var(--color-noticeboard-backgroud)
}

.goods-about .home-aboutnum span b {
	font-size: 34px
}

.goods-about .home-aboutnum div {
	width: 25%;
	margin-top: 35px;
	border-bottom: none;
	text-align: center
}

.goods-about .home-aboutnum div p {
	line-height: 30px
}

.goods-about .home-aboutnum div::after {
	display: none
}

.goods-about .factory-list {
	margin-top: 40px
}

.goods-listthree {
	background: #f8f8f8 url(../images/bg09.webp) no-repeat;
	background-size: 100% 100%
}

.goods-cutting .title {
	margin: -10px auto 0;
	text-align: center
}

.goods-cutting ul {
	margin-top: 45px
}

.goods-cutting ul li {
	padding: 10px;
	border: 1px solid #eee;
	text-align: center;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all;
	display: flex;
	align-items: center;
	justify-content: center
}

.goods-cutting ul li img {
	max-width: 100%
}

.goods-cutting ul li:hover {
	transform: translate(0, -8px);
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px)
}

.goods-cutting table {
	margin-top: 50px
}

.goods-cutting table th,
.goods-cutting table td {
	height: 98px;
	padding: 20px 0;
	font-size: 18px;
	color: #666;
	border: 1px solid #eee;
	text-align: center;
	line-height: 30px
}

.goods-cutting table th span {
	text-decoration: underline
}

.goods-cutting table td i {
	font-size: 26px;
	color: #666
}

.goods-cutting table td b {
	font-size: 26px;
	font-family: montserrat-medium
}

.goods-cutting .main-href {
	text-align: center
}

.googs-resistant {
	background: #f8f8f8
}

.googs-resistant .title {
	margin: -10px auto 50px;
	text-align: center
}

.goods-recon {
	margin-top: 30px
}

.goods-recon div {
	overflow: hidden
}

.goods-recon div img {
	width: 100%
}

.goods-recon div img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.goods-recontxt {
	padding: 56px;
	display: flex;
	align-items: center;
	background: #fff
}

.goods-recontxt h3 {
	font-size: 26px;
	font-family: montserrat-bold
}

.goods-recontxt p {
	font-size: 18px
}

.newsmain {
	margin-top: 50px;
	margin-bottom: 90px
}

.news li {
	padding: 40px 20px 50px;
	margin-top: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.news li span {
	font-size: 14px;
	color: #666
}

.news li h3 {
	margin-top: 25px;
	font-size: 22px;
	font-family: montserrat-bold
}

.news li h3 a {
	font-size: 22px;
	font-family: montserrat-bold
}

.news .main-href {
	margin-top: 30px
}

.news .main-href i {
	margin-right: 12px;
	margin-top: 12px;
	font-size: 22px;
	color: #fff;
	vertical-align: top
}

.news .main-href a {
	width: 188px;
	height: 44px;
	padding: 0 20px;
	line-height: 44px;
	font-size: 14px;
	font-family: montserrat-regular;
	text-align: center
}

.news .main-href a:last-child {
	margin-left: 30px
}

.news .lg-02 li {
	width: 48%;
	margin-left: 4%
}

.news .lg-02 li:nth-child(2n+1) {
	margin-left: 0
}

.news .page {
	margin-top: 50px
}

.news-detail h2 {
	width: 40%;
	font-size: 26px;
	line-height: 40px
}

.news-detailtit {
	padding-bottom: 70px;
	border-bottom: 1px solid #ddd
}

.news-detailtit div span {
	display: block;
	width: 44px;
	height: 44px;
	margin-left: 60px;
	margin-right: 15px;
	font-size: 22px;
	color: #fff;
	line-height: 44px;
	border-radius: 50%;
	background: var(--color-icon-primary);
	text-align: center
}

.news-detailtit .n-nr div:nth-child(2) span {
	font-size: 30px
}

.news-detailtit div p {
	margin-top: 8px
}

.news-detailpic {
	padding: 60px 0;
	border-bottom: 1px solid #ddd
}

.news-detailpic span {
	display: block;
	width: 28.7%;
	overflow: hidden
}

.news-detailpic span img {
	width: 100%
}

.news-detailpic span img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.news-detailpic div {
	width: 62%;
	display: flex;
	align-items: center
}

.news-detailpic div p {
	font-size: 18px
}

.details h3 {
	margin-top: 50px;
	font-size: 20px;
	font-family: montserrat-bold;
	color: #000009
}

.details p {
	margin-top: 30px
}

.study-fenye {
	width: 100%;
	min-height: 30px;
	overflow: hidden;
	margin-top: 70px;
	padding-bottom: 70px;
	border-bottom: 1px solid #eee
}

.fenye-prev,
.fenye-next {
	width: 40%
}

.fenye-center {
	width: 20%;
	text-align: center
}

.fenye-center a {
	font-size: 16px;
	color: #666
}

.fenye-center a:hover {
	color: #212121
}

.fenye-prev span {
	float: left
}

.fenye-prev span a,
.fenye-next span a {
	color: #666;
	font-size: 16px
}

.fenye-prev span a i {
	font-size: 14px;
	margin-right: 10px;
	color: #999
}

.fenye-prev span a:hover,
.fenye-prev span a:hover i,
.fenye-next span a:hover,
.fenye-next span a:hover i {
	color: #212121;
	text-decoration: none
}

.fenye-prev h3 {
	float: left;
	height: 26px;
	margin-left: 20%
}

.fenye-prev h3 a,
.fenye-next h3 a {
	font-size: 18px;
	color: #212121
}

.fenye-prev h3 a:hover,
.fenye-next h3 a:hover {
	font-size: 20px;
	text-decoration: underline;
	color: var(--color-noticeboard-backgroud)
}

.fenye-next span {
	float: right
}

.fenye-next span a i {
	font-size: 14px;
	margin-left: 10px;
	color: #999
}

.fenye-next h3 {
	float: right;
	margin-right: 20%
}

.application .about-tanktitcon h2 {
	font-size: 36px
}

.application .about-tanktitcon i {
	font-size: 0;
	line-height: auto
}

.application .about-tanktitcon span {
	display: block;
	margin-top: 20px;
	text-align: center
}

.application ul {
	margin-top: 50px
}

.application li {
	margin-top: 40px;
	text-align: center
}

.application li span {
	display: block;
	overflow: hidden
}

.application li img {
	width: 100%
}

.application li img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.application li h3 {
	margin-top: 25px
}

.application li h3 a {
	font-size: 22px;
	font-family: montserrat-bold
}

.application li p {
	margin-top: 15px
}

.application-detailcon {
	margin-top: 60px;
	padding-bottom: 70px;
	border-bottom: 1px solid #eee
}

.application-detailfl {
	width: 46%;
	margin-top: 30px
}

.application-detailfl p {
	font-size: 18px
}

.application-detailfl .main-href i {
	margin-left: 0;
	margin-right: 15px;
	font-size: 26px;
	color: #fff;
	line-height: 16px;
	vertical-align: top
}

.application-detailfl .main-href a:first-child {
	margin-right: 20px
}

.application-detailfr {
	width: 48.5%;
	padding: 0 30px 30px 0;
	background: url(../images/bg10.webp) no-repeat right bottom;
	background-size: 78% 93%;
	overflow: hidden
}

.application-detailfr img {
	width: 100%
}

.other-scenarios .title {
	margin: -10px auto 0;
	text-align: center
}

.scenarios-listcon {
	position: relative;
	margin-top: 45px
}

.scenarios-listcon h3 {
	margin-top: 20px;
	text-align: center
}

.scenarios-listcon span {
	display: block;
	overflow: hidden
}

.scenarios-listcon span img {
	width: 100%
}

.scenarios-listcon span img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.bt-auto div {
	position: absolute;
	top: 50%;
	margin-top: -48px;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	z-index: 8;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.bt-auto div.swiper-button-prev,
.bt-auto div.swiper-button-next {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	background: rgba(2, 110, 18, .75)
}

.bt-auto div.swiper-button-prev {
	left: -35px
}

.bt-auto div.swiper-button-next {
	right: -35px
}

.bt-auto div.swiper-button-prev:hover,
.bt-auto div.swiper-button-next:hover {
	background: var(--color-noticeboard-backgroud)
}

.contact-input {
	width: 100%;
	padding: 70px 0 90px;
	overflow: hidden
}

.contact-list ul {
	width: 52%;
	margin-top: 60px
}

.contact-list li {
	margin-bottom: 70px;
	overflow: auto
}

.contact-list li i {
	float: left;
	width: 54px;
	margin-top: 5px;
	margin-right: 36px;
	font-size: 54px;
	color: var(--color-icon-primary)
}

.contact-list li:nth-child(2) i {
	font-size: 62px
}

.contact-list li:nth-child(3) i {
	font-size: 32px;
	margin-top: 20px
}

.contact-list li div {
	float: left
}

.contact-list li h3 {
	font-family: montserrat-bold;
	font-size: 24px;
	color: var(--color-noticeboard-backgroud)
}

.contact-list li p {
	margin-top: 18px;
	font-size: 17px
}

.contact-input .div_info {
	width: 42%;
	height: 100%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}

.contact-map ul {
	margin: 45px 0 90px;
	overflow: auto
}

.contact-map li {
	width: 30.2%;
	margin-left: 4.7%;
	margin-top: 45px
}

.contact-map li span {
	display: block;
	width: 59px;
	height: 59px;
	margin-bottom: 28px;
	font-size: 38px;
	color: #fff;
	text-align: center;
	line-height: 59px;
	background: var(--color-noticeboard-backgroud);
	border-radius: 50%
}

.contact-map li:nth-child(3) span {
	font-size: 35px
}

.contact-map li:nth-child(4) span {
	font-size: 36px
}

.contact-map li:nth-child(6) span {
	font-size: 29px
}

.contact-map li h6 {
	padding-top: 25px;
	font-size: 14px;
	color: #666;
	font-family: montserrat-regular;
	border-top: 1px solid #cbcbcb
}

.contact-map li p {
	margin-top: 15px;
	font-size: 15px;
	line-height: 28px;
	color: #212121
}

.map {
	overflow: hidden
}

.map img {
	width: 100%
}

.map img:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.product-detail {
	margin-top: 70px
}

.product-detailfl {
	position: relative;
	width: 48%;
	height: 100%
}

.product-detailbd {
	border: 1px solid #e9e9e9
}

.product-detailbd {
	width: 100%
}

.tempWrap {
	width: 100%
}

.product-detailbd li img {
	width: 100%
}

.product-detailbd li img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.product-detailhd {
	width: 100%;
	margin-top: 14px;
	display: flex;
	justify-content: center
}

.pro-center {
	width: 100%
}

.pro-center .tempWrap {
	margin: 0 auto
}

.detail-btn a {
	position: absolute;
	top: 50%;
	display: block;
	width: 44px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 24px;
	color: #c3ddc7;
	margin-top: -82px;
	z-index: 1;
	background: #42954f
}

.detail-btn a.prev {
	left: 0
}

.detail-btn a.next {
	right: 0
}

.detail-btn a.prev:hover,
.detail-btn a.next:hover {
	color: #fff;
	text-decoration: none;
	background: var(--color-icon-primary)
}

.product-detailhd ul {
	text-align: center;
	overflow: hidden
}

.product-detailhd ul li {
	display: inline-block;
	width: 14%;
	margin-right: 19px;
	padding-top: 5px;
	overflow: hidden;
	cursor: pointer
}

.product-detailhd ul li.on {
	background: url(../images/ico46.png) no-repeat center top
}

.product-detailhd ul li.on img {
	border: 1px solid var(--color-noticeboard-backgroud)
}

.product-detailhd ul li img {
	width: 100%;
	padding: 3px;
	border: 1px solid #e9e9e9;
	-webkit-transition: 0s all;
	-moz-transition: 0s all;
	-ms-transition: 0s all;
	transition: 0s all;
	box-sizing: border-box
}

.product-detailfr {
	width: 47.9%
}

.product-detailfr p {
	padding-right: 20px;
	margin-top: 15px;
	line-height: 29px;
	font-size: 15px
}

.product-detailfr p i {
	display: inline-block;
	margin: 0 25px 0 30px;
	font-size: 22px;
	line-height: 30px;
	color: var(--color-icon-primary);
	vertical-align: top
}

.product-detailfr p:nth-child(2) {
	margin-top: 26px
}

.pro-tit {
	padding-bottom: 30px;
	border-bottom: 1px solid #eee
}

.pro-tit h1 {
	padding: 0 20px;
	margin-top: 20px;
	font-size: 26px;
	line-height: 40px;
	color: #212121;
	font-family: montserrat-bold
}

.pro-tit span {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: 30px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 52px;
	background: var(--color-noticeboard-backgroud);
	border-radius: 8px;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all
}

.pro-tit span:hover {
	background: #138424
}

.product-detail .main-href {
	padding-top: 40px;
	margin-top: 30px;
	padding-left: 20px;
	text-align: left;
	border-top: 1px solid #eee
}

.product-detail .main-href a {
	font-size: 14px
}

.detail-height {
	width: 100%;
	height: 82px;
	margin-top: 50px
}

.detail-maodian {
	width: 100%;
	height: 82px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	background: #fff;
	font-size: 0;
	z-index: 20;
	text-align: center;
	box-sizing: border-box
}

.sticky {
	position: fixed;
	top: 82px;
	z-index: 9
}

.detail-maodian li {
	display: inline-block;
	margin: 0 25px
}

.detail-maodian li a {
	display: block;
	padding: 0 10px;
	line-height: 80px;
	color: #737373;
	font-size: 15px;
	-webkit-transition: .1s all;
	-moz-transition: .1s all;
	-ms-transition: .1s all;
	transition: .1s all
}

.detail-maodian li.current a,
.detail-maodian li a:hover {
	border-bottom: 2px solid var(--color-noticeboard-backgroud);
	color: var(--color-noticeboard-backgroud);
	text-decoration: none
}

.detail-maodian li:last-child a {
	margin-right: 0
}

.detail-title {
	width: 91%;
	padding-top: 60px;
	padding-bottom: 30px
}

.detail-title h2 {
	font-size: 22px;
	color: #212121
}

.detail-title p {
	font-size: 17px
}

.description td,
.description th {
	padding: 8px 0;
	line-height: 30px;
	text-align: left;
	border: 1px solid #ddd
}

.description th {
	width: 21%;
	padding-left: 36px;
	font-family: montserrat-medium;
	font-size: 15px;
	color: #212121
}

.description td {
	padding-right: 20px;
	padding-left: 30px;
	font-size: 15px
}

.detail-title p {
	font-size: 17px
}

.description-list {
	margin-top: 40px;
	padding-bottom: 48px;
	border-bottom: 1px solid #ddd
}

.description-list div {
	width: 10.8%;
	margin-left: 4%;
	margin-top: 30px;
	text-align: center
}

.description-list div:nth-child(7n+1) {
	margin-left: 0
}

.description-list div img {
	width: 100%;
	border-radius: 50%
}

.description-list div h3 {
	margin-top: 25px;
	font-size: 17px;
	font-family: montserrat-medium
}

.description-color {
	position: relative;
	margin-top: 60px;
	overflow: hidden
}

.circle {
	position: absolute;
	left: -265px;
	top: -110px;
	width: 660px;
	height: 660px;
	background: rgba(3, 114, 20, .9);
	border-radius: 50%
}

.color-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 234px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center
}

.color-conphd li {
	cursor: pointer
}

.color-conpbd li {
	border-radius: 50%;
	background: #fff
}

.color-conpbd li img {
	width: 289px;
	border-radius: 50%
}

.color-conphd .color-dian {
	position: relative;
	width: 37px;
	height: 37px;
	text-align: center
}

.color-conphd .color-dian img {
	position: relative;
	width: 23px;
	margin-top: 7px;
	z-index: 1
}

.color-conphd p {
	margin-top: 4px;
	margin-left: 20px;
	font-size: 17px;
	font-family: montserrat-medium;
	color: #fff
}

.color-conphd span {
	margin-top: 18px
}

.color-conphd .color-ring {
	position: absolute;
	background: inherit;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	background: rgba(255, 255, 255, .4);
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all
}

.color-conphd li:hover .color-ring,
.color-conphd li.on .color-ring {
	background: rgba(255, 255, 255, .7)
}

.color-conphd li:first-child {
	margin-left: -25px
}

.color-conphd li:nth-child(2) {
	margin-left: -3px
}

.color-conphd li:nth-child(3) {
	margin-top: 25px;
	margin-left: -8px
}

.color-conphd li:nth-child(3) span {
	margin-top: 10px
}

.color-conphd li:nth-child(4) {
	margin-left: -26px;
	margin-top: 30px
}

.color-conphd li:nth-child(4) p {
	margin-top: 28px
}

.color-conphd li:nth-child(4) .color-dian {
	margin-top: 25px
}

.color-conphd li:nth-child(4) span {
	margin-top: 0
}

.features ul {
	margin-top: 10px
}

.features li {
	width: 14.2%;
	display: -webkit-flex;
	display: flex;
	padding-bottom: 30px;
	margin-left: 2.96%;
	border-bottom: 2px solid #e6e6e6
}

.features li:first-child {
	margin-left: 0
}

.features li h3 {
	max-width: 170px;
	font-size: 18px;
	line-height: 30px
}

.features li span {
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 16px;
	margin-top: 10px;
	background: var(--color-icon-primary)
}

.scenario .container {
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd
}

.scenario li {
	text-align: center
}

.scenario li h3 {
	margin-top: 25px;
	font-family: montserrat-bold
}

.scenario li p {
	margin-top: 15px
}

.scenario li span {
	display: block;
	overflow: hidden
}

.scenario li img {
	width: 100%
}

.scenario li img:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.postion {
	position: relative
}

.postion .swiper-button-prev,
.postion .swiper-button-next {
	position: absolute;
	top: 25%;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	z-index: 1;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all;
	background: rgba(70, 153, 71, .75)
}

.postion .swiper-button-prev {
	left: -33px
}

.postion .swiper-button-next {
	right: -33px
}

.postion .swiper-button-prev:hover,
.postion .swiper-button-next:hover {
	background: #469947
}

.detail-faq {
	overflow: hidden
}

.faq-con {
	margin-top: -20px
}

.faq-sideMenu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden
}

.faq-list {
	width: 48%
}

.faq-sideMenu h3 {
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	cursor: pointer
}

.faq-sideMenu h3 span {
	float: left;
	width: 82%;
	font-size: 18px;
	color: #4a4a4a;
	line-height: 30px;
	font-family: montserrat-medium;
	letter-spacing: 0
}

.faq-txt {
	display: none;
	padding-bottom: 25px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden
}

.faq-txt p {
	margin-top: 0;
	line-height: 26px;
	font-size: 16px;
	color: #666
}

.faq-sideMenu h3.on {
	border: none
}

.faq-sideMenu h3 em {
	float: right;
	width: 15px;
	height: 15px;
	margin-right: 20px;
	margin-top: 6px;
	cursor: pointer
}

.faq-sideMenu h3 em::before {
	content: '\e604';
	font-size: 17px;
	color: #4a4a4a;
	font-weight: 700
}

.faq-sideMenu h3.on em::before {
	content: '\e605';
	width: 15px;
	height: 15px;
	font-size: 17px
}

.faq-sideMenu h3.on {
	padding-bottom: 10px
}

.related .goods-listcon {
	background: 0 0
}

.related .goods-listcon ul {
	margin-top: 0
}

.related .goods-listcon ul li {
	margin-top: 0;
	border: 1px solid #ddd
}

.related .goods-listcon ul li:hover {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0)
}

.related .postion .swiper-button-prev,
.related .postion .swiper-button-next {
	top: 50%;
	margin-top: -33px
}

.related ul {
	margin-top: 10px
}

.list-link {
	margin-top: 10px
}

.list-link a {
	padding: 5px 10px;
	font-size: 15px;
	color: var(--color-noticeboard-backgroud);
	font-family: montserrat-medium;
	border-bottom: 1px solid #81b889
}

.related .list-link a i {
	margin-left: 10px;
	font-size: 13px
}

.list-link a:hover {
	opacity: .7;
	text-decoration: none
}

.detail-inquiry .div_info {
	width: 100%;
	padding: 0;
	box-shadow: none
}

.detail-inquiry .div_info button {
	width: 296px;
	margin-top: 50px;
	font-size: 16px;
	border-radius: 30px
}

.detail-inquiry .input-position {
	overflow: hidden
}

.detail-inquiry .input-position div.b-t {
	position: relative;
	width: 48%;
	margin-left: 2%;
	float: left;
}

.detail-inquiry .input-position input {
	height: 62px;
	padding-left: 0;
	font-size: 18px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	background: #fff
}

.detail-inquiry textarea {
	padding-left: 0;
	font-size: 18px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ddd;
	background: #fff
}

.detail-inquiry .input-position div.b-t:nth-child(2n+1) {
	margin-left: 0
}

.detail-inquiry {
	padding-bottom: 90px
}

@media screen and (min-width:1921px) {
	.foot-other {
			background-position: center bottom
	}

	.banner-bottom {
			width: 40%
	}
}

@media screen and (max-width:1580px) {

	.container,
	.width-auto {
			width: 78%
	}

	.head-logo {
			width: 18%;
			margin-top: 13px
	}

	.head-logo img {
			width: 100%
	}

	.header {
			height: 76px
	}

	.head-nav {
			width: 62%;
			margin-top: 30px
	}

	.head-nav li {
			height: 46px;
			padding: 0 22px
	}

	.nav-slidedown {
			top: 45px
	}

	.head-nav li a {
			font-size: 16px
	}

	.href a {
			padding: 14px 38px;
			font-size: 14px
	}

	.header .href {
			margin-top: 16px
	}

	.div_info {
			width: 36%
	}

	.cd-popup .div_info {
			top: 80px;
			margin-left: -18%;
			margin-top: 0;
			max-height: 76%
	}

	.banner {
			height: auto;
			min-height: auto
	}

	.banner li span img {
			width: 100%
	}

	.banner-text {
			min-height: auto
	}

	.banner-text h1 {
			font-size: 42px;
			color: #fff;
			line-height: 64px
	}

	.banner-text p {
			font-size: 17px;
			line-height: 30px
	}

	.banner-bottom {
			height: 90px;
			padding: 30px 0 0 60px
	}

	.home-what::after {
			width: 310px;
			height: 90px
	}

	.process .home-processcon {
			background-size: 80% auto
	}

	.banner .swiper-pagination {
			bottom: 32px
	}

	.main-href {
			margin-top: 40px
	}

	.banner .main-href a {
			padding: 15px 72px
	}

	.head-top {
			height: 46px
	}

	.head-fl {
			line-height: 46px
	}

	.head-fl span i {
			margin-top: 5px
	}

	.head-fl span b {
			font-size: 14px
	}

	.header-height {
			height: 76px
	}

	.head-searchbg {
			margin-top: 7px
	}

	.lang-show {
			padding: 12px 0 10px
	}

	.lang-show .lang-hide {
			top: 40px
	}

	h2,
	h2 a {
			font-size: 32px
	}

	.title p {
			font-size: 17px
	}

	.main-href a {
			padding: 16px 50px;
			font-size: 15px
	}

	.home-aboutfr {
			margin-top: 20px
	}

	.title p {
			margin-top: 20px
	}

	.home-aboutnum div {
			margin-top: 10px
	}

	.home-aboutfr .main-href {
			margin-top: 50px
	}

	.tit-text h1 {
			font-size: 44px
	}

	.home-work ul {
			margin-top: 20px
	}

	.home-work li {
			line-height: 90px
	}

	.home-application .title {
			padding-right: 4%;
			padding-bottom: 10px
	}

	.mengban {
			padding: 40px 20px
	}

	.mengban p {
			margin-top: 15px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 7
	}

	.footer {
			padding: 60px 0 40px
	}

	.foot-con h3 {
			font-size: 20px
	}

	.ban-pic img {
			height: 320px;
			min-height: 320px
	}

	.number .home-aboutnum span b {
			font-size: 32px
	}

	.about-choose li p {
			margin-top: 20px
	}

	.about-choose li {
			padding: 40px 20px
	}

	.about-choose li span {
			line-height: 46px;
			-webkit-transform: scale(.8);
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			transform: scale(.8)
	}

	.about-tanktitcon i {
			font-size: 80px
	}

	.goods-tanktit .about-tanktitcon h2 {
			font-size: 31px;
			line-height: 48px
	}

	.goods-certifications .swiper-slide {
			width: 27.2%
	}

	.goods-certifications .cert-btn a {
			width: 56px;
			height: 56px;
			line-height: 56px;
			margin-top: 62px
	}

	.goods-advancon .title {
			margin-top: 42px
	}

	.footother-top h1 {
			margin-top: 20px;
			font-size: 34px
	}

	.footother-top p {
			margin-top: 20px;
			font-size: 20px
	}

	.contact-listnameone li p {
			font-size: 18px
	}

	.sticky {
			top: 76px
	}

	.postion .swiper-container {
			padding-right: 1px
	}

	.detail-inquiry .input-position input {
			font-size: 16px
	}

	.detail-inquiry .div_info button {
			font-size: 15px
	}

	.contact-list li i {
			-webkit-transform: scale(.9);
			-moz-transform: scale(.9);
			-ms-transform: scale(.9);
			transform: scale(.9)
	}

	.contact-list li div {
			width: 82%
	}

	.contact-list li {
			margin-bottom: 40px
	}

	.cd-popup .div_info input {
			height: 48px
	}

	.cd-popup .div_info {
			padding: 40px
	}

	.cd-popup .div_info h3 {
			padding-bottom: 15px
	}

	.cd-popup .div_info textarea {
			height: 150px
	}

	.cd-popup-close {
			top: 24px
	}

	.swiper-pagination-progress {
			width: 620px
	}

	.pro-tit h1 {
			width: 90%
	}

	.goods-recon div img {
			width: auto;
			height: 100%
	}

	.goods-service ul li span {
			width: 90px;
			height: 90px;
			line-height: 90px;
			-webkit-transform: scale(.9);
			-moz-transform: scale(.9);
			-ms-transform: scale(.9);
			transform: scale(.89)
	}

	.color-conphd li:nth-child(3) span {
			display: inline-block;
			width: 72%
	}

	.color-conphd li:nth-child(3) span img {
			width: 100%
	}

	.color-conphd li:nth-child(1) span {
			width: 50%
	}

	.color-conphd li:nth-child(2) span {
			width: 60%
	}

	.color-conphd li:nth-child(4) span {
			width: 60%
	}

	.color-conphd li span img {
			width: 100%
	}
}

@media screen and (max-width:1420px) {
	.head-logo img {
			width: 100%
	}

	.href a {
			padding: 14px 30px
	}

	.head-nav li {
			padding: 0 25px
	}

	.banner-text h1 {
			font-size: 36px;
			line-height: 52px
	}

	.mengban p {
			margin-top: 15px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4
	}

	.head-nav li {
			padding: 0 14px
	}

	.about-usright,
	.about-videofl {
			margin-top: 0
	}

	.about-usright p {
			margin-top: 20px
	}

	.swiper-pagination-progress {
			width: 520px
	}

	.goods-certifications .swiper-slide {
			width: 28%
	}

	.goods-advancon .title {
			margin-top: 0
	}

	.goods-advantages ul li {
			padding: 40px 32px 30px
	}

	.goods-moreapp h4 {
			font-size: 16px
	}

	.goods-moreapp {
			padding: 20px
	}

	.goods-cutting table td img {
			width: 18px
	}

	.goods-recon div img {
			width: auto;
			height: 100%
	}

	.pro-tit h1 {
			margin-top: 0
	}

	.detail-maodian li {
			display: inline-block;
			margin: 0 16px
	}

	.description-list {
			margin-top: 20px
	}

	.color-con {
			padding-left: 65px
	}

	.features li h3 {
			max-width: 116px
	}

	.application ul {
			margin-top: 0
	}

	.news {
			margin-top: 10px;
			margin-bottom: 60px
	}

	.news-detailtit {
			padding-bottom: 40px
	}

	.news-detailpic div p {
			margin-top: 10px
	}

	.news-detailpic div p {
			font-size: 17px
	}

	.contact-input {
			padding: 60px 0
	}

	.contact-list li i {
			-webkit-transform: scale(.8);
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			transform: scale(.8)
	}

	.contact-list li div {
			width: 80%
	}

	.contact-list li h3 {
			font-size: 22px
	}

	.contact-list li p {
			margin-top: 10px
	}

	.contact-map ul {
			margin: 20px 0 60px
	}

	.goods-tanktit .about-tanktitcon h2 {
			font-size: 28px
	}

	.color-conphd p {
			margin-left: 12px
	}
}

@media screen and (max-width:1280px) {
	.head-nav li {
			padding: 0 10px
	}

	.href a {
			padding: 14px
	}

	.head-logo {
			margin-top: 18px
	}

	.banner-text {
			width: 66%
	}

	.banner-text h1 {
			font-size: 28px;
			line-height: 36px
	}

	.banner-text p {
			font-size: 16px;
			line-height: 36px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2
	}

	.head-nav li {
			padding: 0 6px
	}

	.head-nav li a {
			font-size: 14px
	}

	.href a {
			font-size: 13px
	}

	.head-nav li .nav-slidedown a {
			font-size: 14px
	}

	.home-what::after {
			width: 180px
	}

	.home-what h3 {
			position: static
	}

	.home-work li {
			padding: 0 20px
	}

	h2,
	h2 a {
			font-size: 28px
	}

	.mengban p {
			-webkit-line-clamp: 2
	}

	.number .home-aboutnum span b {
			display: block
	}

	.small-banner .ban-txt .title {
			width: 70%
	}

	.footother-fr {
			width: 50%
	}

	.footother-fr .div_info {
			padding: 50px 40px
	}

	.contact-listnameone li h3 {
			margin-top: 30px
	}

	.contact-listnameone li p {
			margin-top: 15px
	}

	.footother-top p {
			font-size: 20px;
			line-height: 30px
	}

	.detail-maodian li {
			margin: 0
	}

	.detail-maodian li a {
			font-size: 13px
	}

	.color-conphd li:nth-child(4) .color-dian {
			margin-top: 22px
	}

	.color-conpbd li img {
			width: 260px
	}

	.features li {
			width: 31%;
			margin-top: 30px;
			margin-left: 2.33%
	}

	.features li:nth-child(3n+1) {
			margin-left: 0
	}

	.features ul {
			margin-top: 0
	}

	.application-detailfl .main-href a {
			margin-bottom: 10px
	}

	.news .main-href a {
			width: 140px;
			vertical-align: top
	}

	.contact-list li div {
			width: 74%
	}

	.contact-list li i {
			margin-right: 20px
	}

	.contact-input .div_info {
			width: 48%
	}

	.contact-list ul {
			margin-top: 20px
	}

	.div_info textarea {
			line-height: 26px
	}

	.news-detail h2 {
			width: 49%
	}

	.goods-application ul li .goods-moreapp i {
			margin-top: 10px;
			font-size: 16px
	}

	.goods-moreapp h4 {
			line-height: 26px
	}

	.color-conphd li:nth-child(4) span {
			width: 260px
	}

	.color-conphd li:nth-child(4) .color-dian {
			margin-top: 8px
	}

	.color-conphd li:nth-child(4) p {
			margin-top: 12px
	}

	.home-application .main-href {
			margin-bottom: 10px;
			margin-top: 20px
	}
}

@media screen and (max-width:1100px) {
	.home-what ul li {
			width: 23%;
			margin-left: 2%
	}

	.product-detailfl {
			width: 100%
	}

	.product-detailfr {
			width: 100%;
			margin-top: 50px
	}

	.pro-tit span {
			margin-top: 0
	}

	.home-aboutnum span b {
			display: block
	}

	.goods-about .home-aboutnum span b {
			display: inline-block
	}
}

@media screen and (max-width:960px) {

	.container,
	.width-auto {
			width: 88%
	}

	.videos #video {
			top: 30vh;
			height: auto;
			min-height: 20vh
	}

	.header,
	.header-top,
	.header-height {
			display: none
	}

	.mobile-nav,
	.mobile-footer,
	.mobile-height {
			display: block
	}

	.head-link {
			display: none
	}

	.head-fl span b {
			font-size: 14px
	}

	.lang-show .show-current {
			padding: 0 0 0 24px
	}

	.lang-show .lang-hide {
			left: auto;
			right: -42%;
			top: 46px;
			margin-top: 2px
	}

	.head-fl {
			line-height: 48px
	}

	.head-fl span i {
			margin-top: 7px
	}

	.head-top {
			position: relative;
			height: 48px
	}

	.lang-show {
			padding: 13px 0 11px
	}

	.head-searchbg {
			display: none
	}

	.cd-popup .div_info {
			width: 86%;
			margin-left: -43%
	}

	.div_info {
			padding: 30px
	}

	.cd-popup-close {
			top: 15px
	}

	.div_info button {
			margin-top: 28px
	}

	.banner-bottom {
			display: none
	}

	.mobile-height {
			position: relative;
			z-index: 9
	}

	.banner-text {
			width: 100%;
			left: 0
	}

	.banner .swiper-pagination {
			margin-left: 5px
	}

	.banner-text h3 {
			font-size: 32px
	}

	.main-href a {
			font-size: 14px
	}

	.main-href a:nth-child(2) {
			margin-left: 0;
			margin-top: 10px;
			padding: 15px 49px
	}

	p {
			font-size: 15px;
			line-height: 24px
	}

	.banner-text {
			top: 24%
	}

	.banner-text p {
			display: none
	}

	.banner .swiper-pagination {
			bottom: 37px
	}

	.home-what::after {
			width: 120px;
			height: 54px
	}

	.banner-text {
			top: 20%
	}

	.main-href {
			margin-top: 30px
	}

	.banner .swiper-pagination {
			bottom: 24px
	}

	.banner .swiper-pagination span {
			width: 10px;
			height: 10px;
			margin-right: 15px
	}

	.banner .swiper-pagination span.swiper-pagination-bullet-active {
			width: 22px
	}

	.title {
			width: 100%
	}

	.home-what ul li {
			width: 100%;
			margin-left: 0;
			padding: 0 20px
	}

	.home-what ul li {
			margin-top: 30px
	}

	.title p {
			font-size: 16px
	}

	.home-industry {
			background-image: url(../images/m-bg01.webp);
			background-size: auto 100%
	}

	h2,
	h2 a {
			font-size: 26px
	}

	.home-aboutfl,
	.home-aboutfr {
			width: 100%
	}

	.home-aboutfr {
			margin-top: 40px
	}

	.home-aboutnum div {
			width: 100%
	}

	.tit-text h1 {
			font-size: 25px;
			line-height: 40px
	}

	.home-choose ul {
			margin-top: 0
	}

	.home-choose ul li {
			margin-top: 30px
	}

	.home-work ul li {
			width: 50%
	}

	.home-application .title {
			width: 100%;
			margin-top: 0
	}

	.home-applicationlist {
			width: 100%;
			margin-top: 20px
	}

	.mengban p {
			-webkit-line-clamp: 9
	}

	.home-news ul li p,
	.home-news ul li h3 {
			-webkit-line-clamp: 12
	}

	.footer {
			padding: 50px 0 80px
	}

	.foot-logo div:first-child img {
			width: 160px
	}

	.foot-logo span {
			margin-top: 6px
	}

	.foot-logo span a {
			margin-left: 12px
	}

	.foot-con div,
	.foot-con div:first-child,
	.foot-con div.newsletter {
			width: 100%;
			margin-left: 0
	}

	.foot-con {
			margin-top: 20px;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap
	}

	.foot-con div {
			margin-top: 20px;
			margin-right: 0
	}

	.foot-con li a {
			margin-bottom: 15px
	}

	.foot-txt {
			margin-top: 50px;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap
	}

	.foot-gotop {
			margin-top: 20px
	}

	.small-banner .ban-txt .title {
			width: 100%
	}

	.small-banner .ban-txt .title p {
			line-height: 24px;
			font-size: 15px
	}

	.title h1,
	.title h1 a {
			font-size: 28px
	}

	.about-usleft,
	.about-usright {
			width: 100%
	}

	.about-usright {
			margin-top: 30px
	}

	.number {
			margin-top: 0
	}

	.number .home-aboutnum div {
			width: 100%
	}

	.number .home-aboutnum p {
			margin-top: 10px
	}

	.number .home-aboutnum span b {
			font-size: 30px
	}

	.number .home-aboutnum div i {
			width: 14px;
			height: 12px
	}

	.number .home-aboutnum div {
			padding: 30px;
			margin-left: 0
	}

	.about-videofl {
			width: 100%
	}

	.about-videofr {
			width: 94%;
			margin-left: 6%;
			margin-top: 30px;
			background-size: 90% 80%;
			padding: 0 25px 30px 0
	}

	.about-videofr .pulse {
			width: 66px;
			height: 66px;
			left: -22px;
			bottom: -4px
	}

	.about-videofr .pulse img {
			width: 17px;
			margin-top: -9px;
			margin-left: -7px
	}

	.swiper-pagination-progress {
			width: 120px
	}

	.goods-tanktit .about-tanktitcon,
	.goods-send {
			width: 100%
	}

	.goods-tanktit .about-tanktitcon h2 {
			font-size: 19px;
			line-height: 30px
	}

	.about-tanktitcon i {
			font-size: 60px;
			line-height: 26px
	}

	.goods-send input {
			font-size: 16px
	}

	.goods-certifications .swiper-container {
			padding-right: 1px
	}

	.goods-certifications .cert-btn a {
			margin-top: 92px
	}

	#pagesize a {
			margin: 0 1px
	}

	#pagesize ul li:first-child a {
			margin-right: 10px
	}

	#pagesize ul li:last-child a {
			margin-left: 10px
	}

	.goods-advanpic,
	.goods-advancon .title,
	.goods-advantages ul li {
			width: 100%
	}

	.goods-advancon .title {
			margin-top: 30px
	}

	.goods-which ul li {
			width: 50%
	}

	.goods-which ul li:nth-child(5n+1) {
			border-left: 1px solid #eee
	}

	.goods-which ul li:nth-child(2n+2) {
			border-right: 1px solid #eee
	}

	.goods-service ul li {
			padding: 30px
	}

	.goods-service ul li span {
			width: 80px;
			height: 80px;
			line-height: 80px;
			-webkit-transform: scale(.8);
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			transform: scale(.8)
	}

	.footother-fl {
			width: 100%;
			margin-top: 0
	}

	.foot-other {
			padding-bottom: 90px;
			background: url(../images/m-bg08.webp) no-repeat center;
			background-size: auto 100%
	}

	.footother-fr {
			width: 100%;
			margin-top: 30px
	}

	.footother-fr .div_info {
			padding: 40px 30px
	}

	.footother-top h1 {
			font-size: 30px
	}

	.footother-top p {
			font-size: 17px
	}

	.contact-listnameone li p {
			font-size: 15px
	}

	.div_info h3 {
			font-size: 26px
	}

	.goods-about .home-aboutnum div {
			width: 100%;
			margin-top: 0
	}

	.goods-cutting ul {
			margin-top: 15px
	}

	.goods-cutting ul li {
			margin-top: 10px
	}

	.goods-cutting table {
			margin-top: 30px
	}

	.goods-cutting table th,
	.goods-cutting table td {
			display: block;
			width: 100%;
			height: auto;
			padding: 10px 0;
			font-size: 16px
	}

	.goods-cutting table td img {
			width: 16px
	}

	.goods-recontxt {
			padding: 40px
	}

	.goods-recon div img {
			width: 100%
	}

	.application-detailfl {
			width: 100%;
			margin-top: 0
	}

	.application-detailcon {
			margin-top: 40px
	}

	.application-detailfr {
			width: 100%;
			margin-top: 30px
	}

	.application-detailcon {
			padding-bottom: 50px
	}

	.details h3 {
			margin-top: 30px
	}

	.details p {
			margin-top: 20px
	}

	.fenye-prev h3 a,
	.fenye-next h3 a {
			font-size: 15px
	}

	.fenye-prev h3 a:hover,
	.fenye-next h3 a:hover {
			font-size: 16px
	}

	.fenye-prev span a,
	.fenye-next span a {
			font-size: 14px
	}

	.bt-auto div.swiper-button-prev {
			left: -20px
	}

	.bt-auto div.swiper-button-next {
			right: -20px
	}

	.newsmain {
			margin-top: 0
	}

	.news .lg-02 li {
			width: 100%;
			margin-left: 0
	}

	.news .main-href a:nth-child(2) {
			padding: 0 20px
	}

	.news .main-href a:last-child {
			margin-left: 15px;
			margin-top: 0
	}

	.newsmain {
			margin-bottom: 50px
	}

	.news-detail h2 {
			width: 100%
	}

	.news-detailtit div span {
			margin-left: 0;
			margin-right: 10px
	}

	.news-detail h2 {
			font-size: 20px;
			line-height: 26px
	}

	.news-detailtit {
			margin-top: -15px;
			padding-bottom: 30px
	}

	.news-detailtit div {
			margin-top: 15px
	}

	.news-detailtit div p {
			margin-right: 20px
	}

	.news-detailpic {
			padding: 40px 0
	}

	.news-detailpic span,
	.news-detailpic div {
			width: 100%
	}

	.news-detailpic div {
			margin-top: 20px
	}

	.study-fenye {
			margin-top: 50px;
			padding-bottom: 40px
	}

	.contact-list ul {
			width: 100%;
			margin-top: 0
	}

	.contact-input {
			padding: 40px 0
	}

	.contact-list li h3 {
			font-size: 20px
	}

	.contact-list li div {
			width: 70%
	}

	.contact-input .div_info {
			width: 100%
	}

	.contact-map li {
			width: 100%;
			margin-left: 0;
			margin-top: 20px
	}

	.contact-map li span img {
			-webkit-transform: scale(.8);
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			transform: scale(.8)
	}

	.sticky {
			top: 60px
	}

	.pro-tit h1 {
			font-size: 20px;
			line-height: 28px
	}

	.product-detail {
			margin-top: 40px
	}

	.product-detailfr p {
			margin-top: 10px
	}

	.detail-maodian li a {
			line-height: 42px
	}

	.detail-maodian,
	.detail-height {
			height: 128px
	}

	.description th,
	.description td {
			display: block;
			width: 100%;
			margin-top: -1px
	}

	.description td {
			padding-left: 36px
	}

	.description-list div {
			width: 31%;
			margin-left: 3.3%
	}

	.description-list div:nth-child(3n+1) {
			margin-left: 0
	}

	.description-list {
			margin-top: 0;
			padding-bottom: 40px
	}

	.description-color {
			margin-top: 40px
	}

	.detail-title {
			padding-top: 40px
	}

	.features li {
			width: 100%
	}

	.features li h3 {
			max-width: 100%
	}

	.features li {
			margin-top: 20px;
			padding-bottom: 20px;
			margin-left: 0
	}

	.features ul {
			margin-top: -20px
	}

	.features li h3 {
			font-size: 17px
	}

	.postion .swiper-button-prev {
			left: -20px
	}

	.postion .swiper-button-next {
			right: -20px
	}

	.faq-list {
			width: 100%
	}

	.faq-sideMenu h3 {
			padding: 20px 0
	}

	.faq-sideMenu h3 span {
			font-size: 16px;
			line-height: 24px
	}

	.detail-inquiry .div_info {
			margin-top: -20px
	}

	.detail-inquiry .input-position div.b-t {
			width: 100%;
			margin-left: 0;
			margin-top: 10px;
			font-size: 15px
	}

	.detail-inquiry .div_info button {
			width: 100%
	}

	.detail-inquiry .div_info button {
			font-size: 14px
	}

	.detail-inquiry {
			padding-bottom: 50px
	}

	.cd-popup .div_info {
			top: 50%;
			margin-top: -254px
	}

	.news .main-href a {
			width: 168px;
			display: block
	}

	.news .main-href a:last-child {
			margin-left: 0;
			margin-top: 10px
	}

	.contact-map li span {
			-webkit-transform: scale(.9);
			-moz-transform: scale(.9);
			-ms-transform: scale(.9);
			transform: scale(.9)
	}

	.color-conphd li {
			margin-top: 20px
	}

	.color-conphd li:nth-child(4) {
			margin-top: 30px
	}

	.color-conphd li:nth-child(4) .color-dian {
			margin-top: -4px
	}

	.color-conphd li:nth-child(4) p {
			margin-top: 3px
	}

	.color-conphd li:nth-child(1) span {
			width: 30%
	}

	.color-conphd li:nth-child(2) span {
			width: 50%
	}

	.color-conphd li:nth-child(3) span {
			width: 62%
	}

	.color-conphd li:nth-child(4) span {
			width: 30%
	}
}

@media screen and (max-width:620px) {
	.banner-text {
			top: 18px
	}

	.banner-text .main-href {
			display: none
	}

	.mobile-choose li div {
			padding: 30px 40px
	}

	.mobile-choose li div p {
			display: none
	}

	.color-conpbd li img {
			width: 200px
	}

	.color-con {
			padding-left: 20px
	}

	.color-conphd span {
			display: none
	}

	.color-conphd li:nth-child(3) span {
			display: none
	}

	.color-conphd li:first-child {
			margin-left: -17px
	}

	.color-conphd li:nth-child(2) {
			margin-top: 15px;
			margin-left: 12px
	}

	.color-conphd li:nth-child(3) {
			margin-top: 15px;
			margin-left: 15px
	}

	.color-conphd li:nth-child(4) {
			margin-top: 15px;
			margin-left: -10px
	}

	.circle {
			position: absolute;
			left: -265px;
			top: -110px;
			width: 460px;
			height: 460px
	}

	.color-bg img {
			height: 260px
	}

	.color-conphd p {
			font-size: 12px;
			max-width: 50px
	}

	.color-conphd li {
			margin-top: 0
	}
}

@media screen and (max-width:375px) {
	.mobile-choose li div {
			padding: 20px 40px
	}

	.mobile-choose li div span {
			margin-top: 15px
	}

	.color-conphd p {
			display: none
	}
}

@media screen and (max-width:340px) {
	.head-fl span {
			margin-right: 0
	}

	.m-navcenter {
			width: 48%;
			padding-left: 26px
	}

	.detail-maodian li a {
			padding: 0 5px;
			font-size: 12px
	}

	.ban-pic img {
			height: 340px;
			min-height: 340px
	}

	.div_info textarea {
			height: 204px
	}
}