@charset "utf-8";
/*=========== PC public CSS ===========*/
*,
:before,
:after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
pre,
form,
fieldset,
figure,
figcaption,
table,
th,
td img {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'GALANO';
	src: url('../font/GALANO\ GROTESQUE\ DEMO\ BOLD.OTF') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: 'Microsoft YaHei', '微软雅黑';
	color: #646464;
	font-size: 16px;
	line-height: 1.1;
	margin: 0 auto;
	background-color: #fff;
}
ol,
ul,
li {
	list-style: none;
}
i,
em {
	font-style: normal;
}
a {
	color: #333;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
a:hover,
a:active,
a:link,
a:visited {
	text-decoration: none;
}
fieldset,
img,
video {
	max-width: 100%;
	border: none;
	vertical-align: middle;
}

input,
select,
textarea,
button {
	color: #333;
	font-size: 16px;
	font-family: 'Microsoft Yahei', sans-serif;
	outline: none;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input,
button {
	border-radius: 0;
	-webkit-appearance: none;
} /*清除IOS默认圆角*/
textarea {
	resize: none;
	outline: none;
	border: none;
	-webkit-appearance: none;
} /*去除右下角拖动边框标识*/
input:-ms-clear {
	display: none;
} /*消除 IE10 里的叉号*/
input[type='button'],
input[type='submit'],
input[type='reset'] {
	-webkit-appearance: none;
	outline: none;
}
::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}

table {
	border-collapse: separate;
} /*边线重叠*/
.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
.transition {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.wrap {
	width: 94%;
	max-width: 1280px;
	margin: 0 auto;
}

/* header */
.header {
	line-height: 133px;
	position: relative;
}
.header-fl {
	float: left;
	width: 200px;
}
.header-fl .logo img {
	width: 100%;
}
.header-fr {
	float: right;
}
.header-fr .header-lang {
	text-align: right;
	line-height: 40px;
	font-size: 14px;
}
.header-fr .header-lang img {
	width: 19px;
	margin-top: -3px;
	margin-right: 10px;
}
.header-fr .header-lang i {
	display: inline-block;
	color: #dcdcdc;
	margin: 0 12px;
}
.header-fr .header-lang a {
	display: inline-block;
	color: #969696;
}
.header-fr .header-lang a.on {
	color: #31b8be;
}
.header-fr .header-lang a:hover {
	color: #31b8be;
}
.header-fr .header-link {
	line-height: 93px;
}
.header-fr .header-link .nav {
	display: inline-block;
	vertical-align: middle;
}
.header-fr .header-link .nav li {
	float: left;
	padding-right: 32px;
}
.header-fr .header-link .nav li a,
.header-fr .header-link .nav li i {
	display: block;
	color: #323232;
	font-size: 16px;
	cursor: pointer;
}
.header-fr .header-link .nav li.on > a,
.header-fr .header-link .nav li a:hover {
	color: #31b8be;
}
.header-fr .header-link .nav li.on > i,
.header-fr .header-link .nav li i:hover {
	color: #31b8be;
}
.header-fr .header-link .nav li.nav-layeropen .nav-layer {
	display: block;
}
.header-fr .header-link .nav-layer {
	position: absolute;
	top: 100%;
	left: 0%;
	width: 100%;
	height: 345px;
	background: #fff;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
	border-top: 1px solid #dcdcdc;
	display: none;
}
.header-fr .header-link .nav-layer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32.5%;
	background: url(../images/head-nav.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.nav-layer .nav-lfl {
	float: left;
	width: 23%;
	height: 345px;
	position: relative;
}
.nav-layer .nav-lfl .nav-word {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.1;
}
.nav-layer .nav-lfl .nav-word span {
	display: block;
	color: #fff;
	font-size: 30px;
	margin-bottom: 40px;
}
.nav-layer .nav-lfl .nav-word img {
	width: 75px;
}
.nav-layer .nav-lfr {
	float: right;
	width: 77%;
}
.nav-lfr .nav-ul {
	margin-top: 40px;
}
.nav-lfr .nav-li {
	float: left;
	width: 27.3%;
	margin-left: 6%;

	/* width: 17.3%;
	margin-left: 2%; */
}
.pic-hover {
	position: relative;
	display: block;
	overflow: hidden;
}
.pic-hover img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pic-hover:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.nav-lfr .nav-li .nav-lipic {
	padding-top: 75%;
	background-color: #f6f7fb;
}
.nav-lfr .nav-litxt {
	position: relative;
	line-height: 46px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin-top: 20px;
	display: block;
	color: #323232;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 12px;
	background: url(../images/head-arr01.png) no-repeat right center;
}
.nav-lfr .nav-litxt:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 3px;
	height: 20px;
	background-color: #31b8be;
	border-radius: 1px;
}
.header-fr .nav-lfr .nav-litxt:hover {
	color: #31b8be;
	background-image: url(../images/head-arr02.png);
}
.nav-lfr .nav-uls {
	margin-top: 64px;
}
.nav-lfr .nav-uls .nav-li {
	width: 21%;
	margin-left: 4%;
}
.nav-btn,
.modal-mark {
	display: none;
}
.header-fr .header-ser {
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;
	width: 300px;
	border-radius: 20px;
	background-color: #eff0f4;
	padding-right: 40px;
	position: relative;
}
.header-fr .header-ser input {
	width: 100%;
	line-height: 30px;
	height: 40px;
	padding: 5px 10px;
	color: #969696;
	font-size: 14px;
	background-color: #eff0f4;
	border-radius: 20px;
}
.header-fr .header-ser button {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -9px;
	cursor: pointer;
	z-index: 22;
}
.header-fr .header-ser button img {
	width: 18px;
	margin-top: -3px;
}

/* footer */
.footer {
	background-color: #fff;
}
.foot-ft {
	padding: 80px 0 80px;
}
.foot-cont {
	float: left;
	width: 380px;
}
.foot-cont span {
	display: inline-block;
	width: 102px;
	line-height: 22px;
	background-color: #31b8be;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 22px;
}
.foot-cont strong {
	display: block;
	color: #31b8be;
	font-size: 32px;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
	margin: 10px 0 24px;
}
.foot-cont p {
	color: #969696;
	line-height: 1.8;
}
.foot-cont p a {
	color: #969696;
}
.foot-cont p a:hover {
	color: #31b8be;
	text-decoration: underline;
}
.foot-nav {
	float: right;
	font-size: 0;
	width: 70%;
}
.foot-nav dl {
	vertical-align: top;
	margin-left: 50px;
	float: left;
	width: 32%;
	margin-left: 1.3%;
	margin-bottom: 50px;
}
.foot-nav dt {
	color: #323232;
	font-size: 18px;
	margin-bottom: 12px;
}
.foot-nav dd a {
	display: block;
	font-size: 16px;
	color: #969696;
	line-height: 2.2;
}
.foot-nav dd a:hover {
	color: #31b8be;
}
.foot-fb {
	background-color: #31b8be;
	padding: 14px 0;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
}
.foot-copyright {
	float: left;
}
.foot-copyright a {
	display: inline-block;
	color: #fff;
	margin-left: 24px;
}
.foot-copyright a:hover {
	text-decoration: underline;
	font-weight: bold;
}
.foot-link {
	float: right;
}
.foot-link select {
	width: 280px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 0 10px;
	color: #969696;
	font-size: 14px;
}

/* side */
.side-box {
	position: fixed;
	bottom: 30%;
	right: 20px;
	z-index: 99999;
}
.side-box li {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e3eaf2;
	border-radius: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
}
.side-box li > img {
	width: 30px;
	margin-top: -3px;
}
.side-box li .side-have {
	position: absolute;
	top: 0;
	right: 72px;
	width: 146px;
	min-height: 60px;
	border: 1px solid #e3eaf2;
	border-radius: 10px;
	background-color: #fff;
	color: #646464;
	font-size: 12px;
	padding: 10px 12px;
	line-height: 20px;
	text-align: left;
	display: none;
}
.side-box li .side-have:before {
	content: '';
	position: absolute;
	right: -9px;
	top: 24px;
	width: 9px;
	height: 12px;
	background: url(../images/side-arrow.png) no-repeat;
}
.side-box li .side-have strong {
	display: block;
	color: #31b8be;
	font-size: 14px;
}
.side-box li .side-have img {
	width: 102px;
	display: block;
	margin: 0 auto;
}
.side-box li:hover .side-have {
	display: block;
}
.side-totop {
	position: fixed;
	bottom: 30%;
	right: 20px;
	margin-bottom: -70px;
	z-index: 9999;
	display: none;
	cursor: pointer;
}
.side-totop img {
	width: 60px;
}

.one-show {
	position: relative;
	overflow: hidden;
}
.one-show img {
	width: 100%;
}
.one-show .swiper-button-prev {
	width: 60px;
	height: 60px;
	background: url(../images/ban-arr01.png) no-repeat;
	left: 80px;
	margin-top: -30px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.one-show .swiper-button-next {
	width: 60px;
	height: 60px;
	background: url(../images/ban-arr02.png) no-repeat;
	right: 80px;
	margin-top: -30px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.one-show .swiper-button-prev:hover {
	background-image: url(../images/ban-arr03.png);
}
.one-show .swiper-button-next:hover {
	background-image: url(../images/ban-arr04.png);
}
.one-show .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 26px;
}
.one-show
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 12px;
}
.one-show .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #eff0f3;
	opacity: 1;
}
.one-show .swiper-pagination-bullet-active {
	background: #31b8be;
}
.oneban-mo {
	display: none;
}

.index-navs li {
	float: left;
	width: 33.3%;
}
.index-navs li a {
	display: block;
	position: relative;
	overflow: hidden;
}
.index-navs li a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(49, 184, 190, 0.9);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.index-navs li a:hover:before {
	bottom: 0;
}
.index-navs li .navs-txt {
	position: absolute;
	right: 25px;
	bottom: 25px;
	color: #eff0f4;
	font-size: 24px;
	line-height: 1.1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.index-navs li a:hover .navs-txt {
	right: auto;
	bottom: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../images/navs-arrow.png) no-repeat center right;
	padding-right: 70px;
	font-size: 36px;
}
.index-navs li a .navs-pic > img {
	width: 100%;
}

.index-base {
	margin-top: 120px;
}
.index-base ul {
	margin-left: -3%;
}
.index-base li {
	float: left;
	width: 47%;
	margin-left: 3%;
	padding-left: 130px;
	position: relative;
	margin-bottom: 46px;
}
.index-base li .index-bfl {
	position: absolute;
	left: 0;
	top: 0;
}
.index-base li .index-bfl img {
	width: 98px;
}
.index-base li .index-bfr strong {
	display: block;
	color: #323232;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
}
.index-base li .index-bfr p {
	line-height: 24px;
	height: 144px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	margin-top: 12px;
}

.index-pro {
	background-color: #f6f7fb;
	padding: 150px 0 80px;
}
.index-pro .wrap {
	position: relative;
}
.index-pro .index-name {
	position: absolute;
	left: 0;
	top: 0;
	right: 130px;
	z-index: 99;
}
.index-name {
	line-height: 1.1;
	margin-bottom: 60px;
}
.index-name i {
	display: block;
	color: #323232;
	font-size: 20px;
	position: relative;
	padding-left: 24px;
	margin-bottom: 10px;
}
.index-name i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 5px;
	height: 20px;
	background-color: #31b8be;
	border-radius: 3px;
}
.index-name h2 {
	color: #323232;
	font-size: 44px;
	font-weight: normal;
}
.index-name h2 span {
	display: inline-block;
	color: #31b8be;
}
.index-name p {
	margin-top: 20px;
	line-height: 1.5;
}
.index-name .index-nfc {
	text-align: center;
}
.index-name .index-nfl {
	float: left;
}
.index-name .index-nfr {
	float: right;
}
.index-protab ul {
	font-size: 0;
}
.index-protab li {
	display: inline-block;
	min-width: 150px;
	padding: 0 16px;
	line-height: 36px;
	background-color: #fff;
	border-radius: 36px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
}
.index-protab li.on,
.index-protab li:hover,
.index-protab li.on a,
.index-protab li:hover a {
	background-color: #31b8be;
	color: #fff;
}

.pro-zlist {
	background-color: #fff;
	padding: 30px;
}
.pro-zlist .pic-hover {
	display: block;
	padding-top: 100%;
}
.pro-zlist .index-protxt {
	display: block;
	color: #646464;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
	margin-top: 30px;
}
.pro-zlist p {
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
.pro-zlist .index-promore {
	display: inline-block;
	margin-top: 15px;
}
.pro-zlist .index-promore .pic-hide {
	display: none;
}
.pro-zlist:hover .index-protxt {
	color: #31b8be;
}
.pro-zlist:hover .index-promore .pic-hide {
	display: inline-block;
}
.pro-zlist:hover .index-promore .pic-show {
	display: none;
}

.index-prohide {
	display: none;
}
.pro-swiper .swiper-wrapper {
	padding-top: 106px;
}
.pro-swiper .swiper-button-prev {
	width: 38px;
	height: 38px;
	background: url(../images/index-proarr03.png) no-repeat;
	left: 80px;
	margin-top: 0;
	top: 0;
	left: auto;
	right: 60px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.pro-swiper .swiper-button-next {
	width: 38px;
	height: 38px;
	background: url(../images/index-proarr04.png) no-repeat;
	right: 80px;
	margin-top: 0;
	top: 0;
	right: 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.pro-swiper .swiper-button-prev:hover {
	background-image: url(../images/index-proarr05.png);
}
.pro-swiper .swiper-button-next:hover {
	background-image: url(../images/index-proarr06.png);
}
.pro-swiper .swiper-button-next.swiper-button-disabled,
.pro-swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.index-case {
	background: url(../images/index-casebg.png) no-repeat center bottom #f6f7fb;
	padding: 70px 0 160px;
}
.pro-zcase {
	background-color: #fff;
	padding: 30px;
	text-align: center;
}
.pro-zcase .pic-hover {
	display: block;
	padding-top: 100%;
}
.pro-zcase .index-caseinfo {
	margin-top: 30px;
}
.pro-zcase .index-caseinfo a {
	display: inline-block;
	display: block;
	vertical-align: middle;
	color: #323232;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
}
.pro-zcase .index-caseinfo a:hover {
	color: #31b8be;
}
.pro-zcase .index-caseinfo span {
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	padding: 5px 15px;
	background-color: #31b8be;
	border-radius: 28px;
	margin-top: 8px;
}
.case-swiper .swiper-wrapper {
	padding-bottom: 80px;
}
.case-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}
.case-swiper.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 15px;
}
.case-swiper .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	opacity: 1;
}
.case-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}
.index-caseno {
	display: none;
}
.index-casetab {
	text-align: center;
	margin-top: 80px;
}
.index-casetab li {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	margin: 0 15px;
	border-radius: 50%;
	cursor: pointer;
}
.index-casetab li.on,
.index-casetab li:hover {
	background-color: #31b8be;
}
.index-case .case-listbox li {
	border: none;
}

.index-data {
	position: relative;
}
.index-data img {
	width: 100%;
}
.index-intmain {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 40px 0;
	background-color: rgba(49, 184, 190, 0.9);
}
.scroNum-show li {
	float: left;
	width: 26.6%;
	text-align: left;
	color: #fff;
	line-height: 1.1;
	font-size: 16px;
	position: relative;
}
.scroNum-show li:last-child {
	text-align: right;
	width: 20%;
}
.scroNum-show li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -35px;
	width: 1px;
	height: 70px;
	background-color: rgba(255, 255, 255, 0.5);
	margin-left: -25%;
}
.scroNum-show li:first-child:before {
	display: none;
}
.scroNum-show li span {
	display: inline-block;
	font-size: 50px;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
}
.scroNum-show li i {
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-left: 10px;
}
.scroNum-show li p {
	margin-top: 10px;
}

.index-about {
	padding-top: 90px;
	position: relative;
}
.index-about:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 150px;
	background-color: #3fb9c0;
}
.index-about .index-name a {
	display: inline-block;
	width: 140px;
	line-height: 40px;
	background-color: #31b8be;
	text-align: center;
}
.index-about .index-name a:hover {
	background-color: #14253f;
}
.index-abshow p {
	line-height: 1.5;
	margin-bottom: 24px;
}
.index-abshow ul {
	margin-top: 100px;
	margin-left: -3.3%;
}
.index-abshow li {
	float: left;
	width: 30%;
	margin-left: 3.3%;
	text-align: center;
}
.index-abshow li .index-abtxt {
	display: block;
	color: #646464;
	font-size: 16px;
	margin-top: 26px;
}
.index-abinfo {
	position: relative;
	overflow: hidden;
}
.index-abinfo .index-abpic {
	display: block;
	padding-top: 75%;
}
.index-abinfo .index-ablink {
	position: absolute;
	left: 0;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(49, 184, 190, 0.9);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.index-abinfo .index-ablink img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100px;
}
.index-abshow li:hover .index-ablink {
	bottom: 0;
}

.index-custom {
	margin-top: 130px;
}
.index-custom ul {
	margin-left: -1.6%;
	margin-top: 20px;
}
.index-custom li {
	float: left;
	width: 15%;
	margin-left: 1.6%;
	background-color: #fff;
}
.index-custom li a {
	display: block;
}
.index-custom li a img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 64px;
	object-fit: cover;
}
.index-custom li:hover img {
	margin-top: -3px;
}
.custom-swiper .swiper-slide {
	background-color: #fff;
	border: 1px solid #eee;
}
.custom-swiper .swiper-slide a {
	display: block;
	position: relative;
	padding-top: 48.8%;
	overflow: hidden;
}
.custom-swiper .swiper-slide a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.index-news {
	background-color: #f6f7fb;
	padding: 90px 0;
	margin-top: 130px;
}
.index-newtab {
	font-size: 0;
	margin-top: 5px;
}
.index-newtab li {
	display: inline-block;
	min-width: 180px;
	line-height: 36px;
	background-color: #fff;
	border-radius: 36px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	margin-left: 20px;
	padding: 0 20px;
}
.index-newtab li.on,
.index-newtab li:hover {
	background-color: #31b8be;
	color: #fff;
}
.index-newtab li a {
	display: block;
}
.index-newtab li.on a,
.index-newtab li:hover a {
	color: #fff;
}
.index-newfl {
	float: left;
	width: 47%;
	position: relative;
}
.news-swiper .swiper-slide img {
	width: 100%;
}
.news-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 40px;
}
.news-swiper.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 5px;
}
.news-swiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
}
.news-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}
.index-newfr {
	float: right;
	width: 47%;
	line-height: 1.1;
}
.index-newlink li {
	color: #969696;
	background-color: #fff;
	padding: 30px 90px 30px 30px;
	margin-top: 24px;
	position: relative;
}
.index-newlink li:first-child {
	margin-top: 0;
}
.index-newlink li .index-newdata {
	float: left;
	width: 70px;
	text-align: center;
	margin-right: 30px;
	font-size: 14px;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
}
.index-newlink li .index-newdata strong {
	display: block;
	color: #31b8be;
	font-size: 44px;
	margin-bottom: 10px;
}
.index-newlink li .index-newinfo {
	display: block;
	overflow: hidden;
}
.index-newlink li .index-newinfo a {
	display: block;
	color: #323232;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-newlink li .index-newinfo p {
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 10px;
}
.index-newlink li.on,
.index-newlink li:hover {
	color: #fff;
	background-color: #31b8be;
}
.index-newlink li.on:before,
.index-newlink li:hover:before {
	content: '';
	position: absolute;
	left: -16px;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 16px solid #31b8be;
}
.index-newlink li.on .index-newdata strong,
.index-newlink li.on .index-newinfo a,
.index-newlink li:hover .index-newdata strong,
.index-newlink li:hover .index-newinfo a {
	color: #fff;
}
.index-newno,
.index-newhide {
	display: none;
}

/* sitemap */
.sitemap {
	background-color: #f6f7fb;
	padding: 120px 0;
}
.sitemap strong {
	display: block;
	color: #323232;
	font-size: 44px;
	font-weight: normal;
}
.sitemap ul {
	margin-left: -1%;
}
.sitemap li {
	float: left;
	width: 49%;
	margin-left: 1%;
	height: 314px;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 40px;
	margin-top: 36px;
}
.sitemap li span {
	display: block;
	color: #323232;
	font-size: 24px;
}
.sitemap li a {
	display: inline-block;
	min-width: 152px;
	line-height: 36px;
	background-color: #f6f7fb;
	border-radius: 36px;
	color: #646464;
	font-size: 20px;
	text-align: center;
	margin-right: 30px;
	margin-top: 20px;
	padding: 0 20px;
}
.sitemap li a:hover {
	background-color: #31b8be;
	color: #fff;
}

/* product01 */
.top-box {
	margin-top: 150px;
}
.top-ban a {
	display: block;
}
.top-ban img {
	width: 100%;
}
.pro-tagood ul {
	margin-left: -2%;
}
.pro-tagood li {
	float: left;
	width: 31.3%;
	margin-left: 2%;
}
.pro-tagood li .pro-gditem {
	background-color: #f6f7fb;
	padding: 50px 35px;
	margin-bottom: 30px;
}
.pro-tagood li .pro-gditem img {
	width: 64px;
}
.pro-tagood li .pro-gditem span {
	display: block;
	color: #323232;
	font-size: 30px;
	margin-top: 40px;
}
.pro-tagood li .pro-gditem p {
	color: #646464;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
}
.pro-tagood li.pro-gdfc {
	margin-top: 165px;
}
.pro-tagood li .pro-gditem:hover {
	background-color: #a0e5e8;
}

.pro-talist {
	background: url(../images/pro-tabg.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 145px 0;
}
.pro-talist .index-name h2,
.pro-talist .index-name h2 span {
	color: #fff;
}
.pro-more {
	display: inline-block;
	width: 130px;
	line-height: 36px;
	background-color: #fff;
	border-radius: 36px;
	color: #646464;
	font-size: 20px;
	text-align: center;
	position: relative;
	margin-right: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pro-more:after {
	content: '';
	position: absolute;
	top: -1px;
	right: -50px;
	width: 38px;
	height: 38px;
	background-color: #fff;
	border-radius: 38px;
	background: url(../images/pro-more01.png) #fff no-repeat center;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	background-size: 20px 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pro-more:hover {
	background-color: #31b8be;
	color: #fff;
}
.pro-more:hover:after {
	background-image: url(../images/pro-more02.png);
	background-color: #31b8be;
}
.pro-listbox,
.case-listbox {
	margin-left: -2%;
}
.pro-listbox li,
.case-listbox li {
	float: left;
	width: 31.3%;
	margin-left: 2%;
}
.case-listbox li {
	border: 1px solid #dcdcdc;
}
.pro-talist .pro-more:hover {
	background-color: #a0e5e8;
	color: #333;
}
.pro-talist .pro-more:hover:after {
	background-color: #a0e5e8;
}

.pro-tabase {
	background-color: #f6f7fb;
}
.pro-tabacon {
	position: relative;
	overflow: hidden;
	display: block;
}
.pro-tabapic {
	float: right;
	width: 50%;
}
.pro-tabapic img {
	width: 100%;
	min-height: 450px;
	-webkit-object-fit: cover;
	object-fit: cover;
}
.pro-tabainfo {
	position: absolute;
	left: 50%;
	margin-left: -640px;
	width: 530px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pro-tabainfo > p {
	color: #646464;
	font-size: 16px;
	line-height: 1.5;
}
.pro-tabainfo .index-name {
	margin-bottom: 40px;
}
.pro-tabainfo .pro-more {
	background-color: #31b8be;
	color: #fff;
	margin-top: 20px;
}
.pro-tabainfo .pro-more:after {
	background-image: url(../images/pro-more02.png);
	background-color: #31b8be;
}
.pro-tabainfo .pro-more:hover {
	margin-left: 8px;
}
.pro-tabaconzy .pro-tabapic {
	float: left;
}
.pro-tabaconzy .pro-tabainfo {
	left: auto;
	margin-left: 0;
	right: 50%;
	margin-right: -640px;
}
.pro-tabase .index-name h2 {
	margin-right: -70px;
}

.pro-tanews {
	background: url(../images/pro-tanews.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0 130px;
}
.pro-tanewfl {
	float: left;
	width: 28%;
	position: relative;
}
.pro-tanewfl > a {
	display: block;
	position: relative;
}
.pro-tanewfl > a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/pro-picbg.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pro-tanewfl > a img {
	width: 100%;
	height: 100%;
	-webkit-object-fit: cover;
	object-fit: cover;
}
.pro-tanewinfo span {
	display: block;
	color: #31b8be;
	font-size: 12px;
}
.pro-tanewinfo .pro-tanewtxt {
	display: block;
	color: #323232;
	font-size: 20px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 12px;
}
.pro-tanewinfo .pro-tanewtxt:hover {
	color: #31b8be;
}
.pro-tanewinfo p {
	color: #969696;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 18px;
}
.pro-tanewinfo .pro-tanewmore {
	display: inline-block;
	color: #969696;
	font-size: 14px;
	position: relative;
	margin-right: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 28px;
}
.pro-tanewinfo .pro-tanewmore:after {
	content: '';
	position: absolute;
	top: -1px;
	right: -30px;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 38px;
	background: url(../images/pro-more04.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pro-tanewinfo .pro-tanewmore:hover {
	color: #31b8be;
}
.pro-tanewinfo .pro-tanewmore:hover:after {
	right: -25px;
}
.pro-tanewfl .pro-tanewinfo {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 32px;
}
.pro-tanewfl .pro-tanewinfo span,
.pro-tanewfl .pro-tanewinfo .pro-tanewtxt,
.pro-tanewfl .pro-tanewinfo p,
.pro-tanewfl .pro-tanewinfo .pro-tanewmore {
	color: #fff;
}
.pro-tanewfl .pro-tanewinfo .pro-tanewtxt:hover {
	font-weight: bold;
}
.pro-tanewfl .pro-tanewinfo .pro-tanewmore:after {
	background-image: url(../images/pro-more03.png);
}
.pro-tanewfl,
.pro-tanewfl > a,
.pro-tanewfc {
	height: 550px;
}

.pro-tanewfc {
	float: left;
	width: 28%;
	background-color: #fff;
	padding: 32px;
	margin: 0 2.5%;
}
.pro-tanewfc .pic-hover {
	padding-top: 75.3%;
	margin-top: 55px;
}

.pro-tanewfr {
	float: right;
	width: 39%;
}
.pro-tanewfr li {
	background-color: #fff;
	padding: 24px 30px;
	margin-top: 20px;
	position: relative;
}
.pro-tanewfr li:first-child {
	margin-top: 0;
}
.pro-tanewfr li .pro-tanewdata {
	float: left;
	width: 70px;
	text-align: center;
	color: #646464;
	font-size: 12px;
	border-right: 1px solid #ececec;
	padding-right: 16px;
	margin-right: 20px;
}
.pro-tanewfr li .pro-tanewdata strong {
	display: block;
	color: #31b8be;
	font-size: 44px;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}
.pro-tanewfr li .pro-tanewinfo {
	display: block;
	overflow: hidden;
	padding-bottom: 2px;
}
.pro-tanewfr li .pro-tanewinfo .pro-tanewtxt {
	display: block;
	height: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0;
}
.pro-tanewfr li .pro-tanewinfo p {
	height: 48px;
	-webkit-line-clamp: 2;
	margin-top: 10px;
}
.pro-tanewfr li .pro-tanewinfo .pro-tanewmore {
	margin-top: 20px;
}

.pro-type {
	margin-top: 40px;
}
.pro-type li {
	position: relative;
	line-height: 30px;
}
.pro-type li span {
	float: left;
	width: 70px;
	margin-right: 20px;
	color: #323232;
	font-weight: bold;
}
.pro-type li p {
	display: block;
	overflow: hidden;
	position: relative;
	padding-left: 80px;
}
.pro-type li a {
	display: inline-block;
	min-width: 120px;
	padding: 0 16px;
	background-color: #f6f7fb;
	border-radius: 30px;
	text-align: center;
	color: #646464;
	margin-right: 10px;
	margin-bottom: 30px;
}
.pro-type li a.pro-typeall {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 70px;
}
.pro-type li a.on,
.pro-type li a:hover {
	color: #fff;
	background-color: #31b8be;
}

.pro-listshow {
	background-color: #f6f7fb;
	padding: 60px 0 110px;
}
.pro-listshow .pro-listbox li {
	width: 23%;
	padding: 24px;
	margin-bottom: 30px;
}
.pro-listshow .pro-zlist .index-protxt {
	font-size: 20px;
}

.page-show {
	text-align: center;
	margin-top: 60px;
	line-height: 35px;
	color: #646464;
	font-size: 14px;
}
.page-show .page-data {
	display: inline-block;
}
.page-show .page-data a {
	display: inline-block;
	width: 35px;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	background-color: #fff;
}
.page-show .page-data a:hover {
	background-color: #31b8be;
	color: #fff;
}
.page-show .page-data strong {
	display: inline-block;
	width: 35px;
	color: #31b8be;
	font-weight: normal;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
}
.page-show .page-data i {
	display: inline-block;
	margin-left: 8px;
}
.page-show .page-jump {
	display: inline-block;
	margin-left: 20px;
}
.page-show .page-jump input {
	width: 60px;
	height: 35px;
	line-height: 35px;
	padding: 5px;
	color: #646464;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	margin: 0 10px;
}
.page-show .page-btn {
	display: inline-block;
	margin-left: 20px;
}
.page-show .page-btn button {
	width: 60px;
	height: 35px;
	line-height: 35px;
	background-color: #31b8be;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #31b8be;
}
.page-show .page-btn button:hover {
	background-color: #fff;
	color: #646464;
}

.pro-point {
	background-color: #fff;
	text-align: center;
	line-height: 80px;
}
.pro-point li {
	display: inline-block;
	margin: 0 24px;
}
.pro-point li a {
	color: #323232;
	font-size: 16px;
}
.pro-point li.on a,
.pro-point li a:hover {
	color: #31b8be;
}

.pro-taintro {
	background-color: #f6f7fb;
	padding: 70px 0;
}
.pro-intropic {
	float: left;
	width: 47%;
	position: relative;
	padding-left: 100px;
}
.pro-intropic .pro-introtab {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
}
.pro-intropic .pro-introtab li {
	width: 100%;
	height: 80px;
	margin-bottom: 30px;
	cursor: pointer;
}
.pro-intropic .pro-introtab li img {
	width: 100%;
}
.pro-intropic .pro-introtab li.on {
	border: 1px solid #31b8be;
}

.pro-introtabs {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	bottom: 0;
	overflow: hidden;
	height: 454px;
}
.introtab-swiper {
	height: 100%;
}
.introtab-swiper .swiper-slide {
	margin-bottom: 30px;
	cursor: pointer;
	border: 1px solid transparent;
}
/* .introtab-swiper .swiper-slide:first-child img {
	border: 1px solid #31b8be;
} */
.introtab-swiper .swiper-slide.active img {
	border: 1px solid #31b8be;
}
.introtab-swiper .swiper-slide-active img {
	border: 1px solid #31b8be;
}
.introtab-swiper .swiper-slide.nobd img {
	border-color: transparent;
}
.introtab-swiper .swiper-slide img {
	width: 100%;
	object-fit: cover;
}

.intro-swiper .swiper-button-prev {
	width: 32px;
	height: 32px;
	background: url(../images/pro-arrow01.png) no-repeat;
	top: auto;
	bottom: 26px;
	left: auto;
	right: 100px;
	margin-top: 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.intro-swiper .swiper-button-next {
	width: 32px;
	height: 32px;
	background: url(../images/pro-arrow02.png) no-repeat;
	top: auto;
	bottom: 26px;
	left: auto;
	right: 60px;
	margin-top: 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.intro-swiper .swiper-button-prev:hover,
.intro-swiper .swiper-button-next:hover {
	opacity: 0.6;
}
.intro-swiper .swiper-slide img {
	width: 100%;
}

.pro-introinfo {
	float: right;
	width: 47%;
	line-height: 1.5;
}
.pro-introinfo h1 {
	color: #31b8be;
	font-size: 32px;
}
.pro-introinfo p {
	color: #3f454c;
	font-size: 24px;
	margin-top: 6px;
}
.pro-introinfo .pro-introli {
	border-top: 2px solid #dcdcdc;
	padding-top: 16px;
	margin-top: 16px;
}
.pro-introinfo .pro-introli span {
	display: block;
	color: #31b8be;
	font-size: 20px;
	margin-bottom: 10px;
	
}
.pro-introinfo .pro-introli p {
	color: #646464;
	font-size: 16px;
	line-height: 1.8;
	margin-top: 0; 
	text-wrap-mode:unset !important;
}

.pro-introinfo .pro-introli p *{
	text-wrap-mode:unset !important;
}
.pro-taintro .wrap {
	position: relative;
}
.pro-introinfo .pro-introlink {
	position: absolute;
	bottom: 0;
}
.pro-introinfo .pro-introlink a {
	display: inline-block;
}
.pro-introinfo .pro-introlink01 a {
	color: #646464;
	font-size: 16px;
}
.pro-introinfo .pro-introlink01 a img {
	width: 20px;
	margin-left: 20px;
}
.pro-introinfo .pro-introlink01 a:hover {
	color: #31b8be;
}
.pro-introinfo .pro-introlink02 {
	margin-top: 30px;
}
.pro-introinfo .pro-introlink02 a {
	width: 160px;
	line-height: 40px;
	background-color: #31b8be;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
}
.pro-introinfo .pro-introlink02 a:hover {
	background-color: #14253f;
}
.pro-introlink .zdl-popu img {
	margin-left: 6px;
}

.pro-tamain {
	margin-top: 80px;
}
.pro-tabox {
	margin-bottom: 50px;
}
.pro-tabox strong {
	display: block;
	color: #3f454c;
	font-size: 20px;
	line-height: 42px;
	border-bottom: 2px solid #31b8be;
	margin-bottom: 30px;
}
.pro-tabox p {
	color: #646464;
	font-size: 16px;
	line-height: 1.8;
	text-wrap-mode:unset !important;
}

.pro-tabox p *{
	text-wrap-mode:unset !important;
}
.pro-tatable {
	width: 100%;
	overflow-x: auto;
	margin-top: -31px;
}
.pro-tatable::-webkit-scrollbar {
	height: 5px;
}
.pro-tatable::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #31b8be;
}
.pro-tatable::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #dcdcdc;
}

.pro-tatable table {
	border-top: 1px solid #31b8be;
	border-bottom: 1px solid #31b8be;
	background-color: #fff;
	margin-bottom: 10px;
}
.pro-tatable table td {
	color: #646464;
	font-size: 14px;
	line-height: 30px;
	padding: 14px 20px;
	border-bottom: 1px solid #dcdcdc;
	word-break: keep-all;
	text-align: center;
	white-space: nowrap;
}
.pro-tatable table tr.table-tit {
	background-color: #f6f7fb;
}
.pro-tatable table tr.table-tit td {
	font-size: 16px;
}
.pro-tatable table tr td:first-child {
	text-align: left;
}
.pro-tatable table tr td:nth-child(2) {
	border-left: 1px solid #31b8be;
	border-right: 1px solid #31b8be;
}
.pro-tatable table tr td a {
	display: inline-block;
}
.pro-tatable table tr .pro-tablelink {
	display: inline-block;
	width: 100px;
	line-height: 30px;
	background-color: #31b8be;
	color: #ffffff;
	font-size: 16px;
}
.pro-tatable table tr .pro-tablelink:hover {
	background-color: #14253f;
}

.table-three table tr td:nth-child(2) {
	border-left: none;
	border-right: none;
}
.table-three table tr td:nth-child(3) {
	border-left: 1px solid #31b8be;
	border-right: 1px solid #31b8be;
}

.zpopu-link {
	display: inline-block;
	width: 100px;
	line-height: 30px;
	background-color: #31b8be;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
}
.zpopu-link:hover {
	background-color: #14253f;
}
.zpopu-show.open {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
}
.zpopu-show {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: -120%;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 999999;
}
.zpopu-show .zpopu-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.zpopu-show .zpopu-close {
	position: absolute;
	right: 18px;
	line-height: 44px;
}
.zpopu-show .zpopu-close img {
	cursor: pointer;
}
.zpopu-show .zpopu-box {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 94%;
	max-width: 800px;
	background-color: #fff;
	text-align: left;
	color: #646464;
	font-size: 14px;
}
.zpopu-show .zpopu-name {
	background-color: #f8f8f8;
	border-bottom: 1px solid #eee;
	line-height: 44px;
	padding-left: 20px;
}
.zpopu-show .zpopu-info {
	padding: 6px 10px 36px;
	overflow: hidden;
}
.zpopu-show .zpopu-info .zpopu-pic {
	float: left;
	width: 46%;
}
.zpopu-show .zpopu-info .zpopu-pic img {
	width: 100%;
}
.zpopu-show .zpopu-info .zpopu-list {
	float: right;
	width: 50%;
}
.zpopu-show .zpopu-info .zpopu-list li {
	line-height: 38px;
	min-height: 38px;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 120px;
}
.zpopu-show .zpopu-info .zpopu-list li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	white-space: normal;
}
.zpopu-show .zpopu-btn {
	font-size: 0;
	margin-top: 30px;
}
.zpopu-show .zpopu-btn a {
	display: inline-block;
	line-height: 38px;
	padding: 0 20px;
	background-color: #31b8be;
	color: #fff;
	font-size: 14px;
	margin-right: 10px;
}
.zpopu-show .zpopu-btn a:hover {
	background-color: #14253f;
}

.zabout-download .zpopu-show .zpopu-box,
.zpopu-show.other .zpopu-box {
	max-width: 1400px;
	padding: 70px 80px 80px;
}
.zabout-download .zpopu-show .zpopu-close,
.zpopu-show.other .zpopu-close {
	top: 20px;
	line-height: 40px;
}

.pro-taboxul {
	margin-top: 140px;
	margin-left: -4.16%;
}
.pro-taboxul li {
	float: left;
	width: 12.5%;
	margin-left: 4.16%;
	text-align: center;
}
.pro-taboxul li .pro-taboxico {
	display: block;
	height: 160px;
	line-height: 160px;
	background-color: #f6f7fb;
}
.pro-taboxul li .pro-taboxico img {
	width: 100px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pro-taboxul li .pro-taboxtxt {
	display: block;
	color: #646464;
	font-size: 16px;
	margin-top: 12px;
}
.pro-taboxul li:hover .pro-taboxico img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.pro-taboxul li:hover .pro-taboxtxt {
	color: #31b8be;
}

.pro-tasolu {
	background-color: #f6f7fb;
	padding: 150px 0;
}
.pro-tasolu .case-listbox li {
	border: none;
}

/* product02 */
.pro-colist .pro-listbox li {
	width: 23%;
	border: 1px solid #ebebeb;
	padding: 24px;
	margin-bottom: 30px;
	padding: 24px;
}
.pro-colist .pro-more,
.pro-colist .pro-more:after {
	background-color: #f6f7fb;
}
.pro-colist .pro-more:hover {
	background-color: #31b8be;
	color: #fff;
}
.pro-colist .pro-more:hover:after {
	background-color: #31b8be;
}

.pro-cogood {
	background: url(../images/pro-cobg.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 150px 0;
	margin-top: 120px;
}
.pro-cogood .index-name h2,
.pro-cogood .index-name span,
.pro-cogood .index-name p {
	color: #fff;
}
.pro-cogood ul {
	margin-left: -4.3%;
}
.pro-cogood li {
	float: left;
	width: 29%;
	margin-left: 4.3%;
	text-align: center;
	color: #fff;
}
.pro-cogood li img {
	width: 120px;
}
.pro-cogood li strong {
	display: block;
	font-size: 24px;
	margin-top: 24px;
}
.pro-cogood li p {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 16px;
}

.pro-cobook {
	background: url(../images/pro-cobook.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0 240px;
}
.pro-cobook .index-name .index-nfc {
	text-align: left;
}
.pro-cobook p {
	color: #323232;
	font-size: 16px;
	line-height: 1.5;
	margin-top: -36px;
	width: 460px;
}
.pro-cobook a {
	display: inline-block;
	padding: 0 30px;
	line-height: 40px;
	background-color: #31b8be;
	border: 1px solid #31b8be;
	border-radius: 42px;
	color: #fff;
	font-size: 20px;
	margin-top: 50px;
}
.pro-cobook a:hover {
	background-color: #fff;
	color: #31b8be;
}
.bg-white {
	background-color: #fff;
}

.pro-codevice {
	background-color: #f6f7fb;
	padding: 150px 0 60px;
	margin-top: -70px;
}
.pro-codevice ul {
	margin-left: -2%;
}
.pro-codevice li {
	float: left;
	width: 31.3%;
	margin-left: 2%;
	text-align: center;
}
.pro-codevice li img {
	width: 100%;
}
.pro-codevice li span {
	display: block;
	color: #646464;
	font-size: 16px;
	margin-top: 30px;
}

.pro-covideo .pro-more {
	background-color: #31b8be;
	color: #fff;
}
.pro-covideo .pro-more:after {
	background-color: #31b8be;
	background-image: url(../images/pro-more02.png);
}
.video-listbox {
	margin-left: -3%;
}
.video-listbox li {
	float: left;
	width: 47%;
	margin-left: 3%;
	background-color: #f6f7fb;
}
.video-listbox li .pic-hover {
	padding-top: 56%;
}
.video-listbox li .video-listinfo {
	border-left: 4px solid #31b8be;
	padding: 30px 70px 30px 30px;
	position: relative;
}
.video-listbox li .video-listinfo .video-listtxt {
	display: block;
	color: #31b8be;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.video-listbox li .video-listinfo .video-listtxt:hover {
	font-weight: bold;
}
.video-listbox li .video-listinfo p {
	color: #646464;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 6px;
}
.video-listbox li .video-listinfo .video-listmore {
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -16px;
	cursor: pointer;
}
.video-listbox li .video-listinfo .video-listmore img {
	width: 33px;
}

/* product03 */
.pot-swiper.swiper-container {
	padding-bottom: 60px;
}
.pot-swiper .swiper-slide {
	width: 33%;
}
.pot-swiper .swiper-slide .pro-potinfo {
	display: none;
}
.pot-swiper .swiper-slide.swiper-slide-active .pro-potinfo {
	display: block;
}
.pot-swiper .pro-zlist {
	padding: 0;
	background: transparent;
}
.pot-swiper .pro-zlist .pic-hover {
	padding-top: 63.1%;
}
.pot-swiper .pro-zlist .index-protxt {
	font-weight: normal;
	color: #323232;
}
.pot-swiper .pro-zlist .index-protxt:hover {
	color: #31b8be;
}
.pot-swiper .pro-zlist p {
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: initial;
}
.pot-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}
.pot-swiper.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 15px;
}
.pot-swiper .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	opacity: 1;
}
.pot-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}

.pro-potgood ul {
	margin-left: -1.5%;
}
.pro-potgood li {
	float: left;
	width: 23.5%;
	margin-left: 1.5%;
	text-align: right;
	color: #fff;
	background-color: #f6f7fb;
	padding: 30px 20px;
}
.pro-potgood li img {
	width: 85px;
}
.pro-potgood li strong {
	display: block;
	color: #31b8be;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
	margin-top: 96px;
	text-align: left;
}
.pro-potgood li p {
	color: #646464;
	font-size: 16px;
	line-height: 24px;
	height: 192px;
	margin-top: 16px;
	text-align: left;
	overflow: hidden;
}
.pro-potgood li:hover {
	background-color: #a0e5e8;
}
.pro-potgood li:hover strong {
	color: #333;
}

.pro-potbase {
	background-color: #f6f7fb;
	padding: 150px 0 240px;
}
.potbase-main {
	background-color: #fff;
}
.potbase-main .pro-potbapic {
	display: block;
	overflow: hidden;
}
.potbase-main .pro-potbapic .pic-hover {
	padding-top: 73%;
}
.potbase-main .pro-potbapic .pic-hover img{
	object-fit: cover;
}
.potbase-main .pro-potbainfo {
	float: right;
	width: 420px;
	padding: 40px 30px 40px 40px;
}
.potbase-main .pro-potbainfo .index-name {
	margin-bottom: 0;
}
.potbase-main .pro-potbainfo p {
	line-height: 1.5;
	margin-top: 24px;
}
.potbase-main .pro-potbainfo .pro-more {
	background-color: #31b8be;
	color: #fff;
	margin-top: 60px;
}
.potbase-main .pro-potbainfo .pro-more:after {
	background-color: #31b8be;
	background-image: url(../images/pro-more02.png);
}
.potbase-main .pro-potbainfo .pro-more:hover {
	margin-left: 8px;
}

.pro-potbatab {
	margin-left: -1%;
	margin-top: 36px;
}
.pro-potbatab li {
	float: left;
	width: 24%;
	margin-left: 1%;
	text-align: center;
	cursor: pointer;
}
.pro-potbatab li img {
	width: 100%;
}
.pro-potbatab li span {
	display: block;
	margin-top: 26px;
}
.pro-potbatab li.on span {
	color: #31b8be;
}

.potbase-main {
	margin-bottom: 36px;
}
.potbases-swiper.swiper-container {
	padding-bottom: 60px;
}
.potbases-swiper .swiper-slide img {
	width: 100%;
}
.potbases-swiper .swiper-slide span {
	display: block;
	margin-top: 26px;
}
.potbases-swiper .swiper-slide.swiper-slide-active span {
	color: #31b8be;
}
.potbases-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}
.potbases-swiper .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #c8c8c8;
	opacity: 1;
}
.potbases-swiper.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 15px;
}
.potbases-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}

.pro-potvideo {
	background: url(../images/pro-potbg.jpg) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 140px 0;
}
.pro-potvbox {
	background-color: #fff;
}
.pro-potvfl {
	float: left;
	width: 420px;
	padding: 40px;
}
.pro-potvfl .index-name {
	margin-bottom: 40px;
}
.pro-potvfl p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-top: -10px;
}
.pro-potvfl a {
	display: inline-block;
	width: 140px;
	line-height: 40px;
	background-color: #31b8be;
	text-align: center;
	margin-top: 60px;
}
.pro-potvfl a:hover {
	background-color: #14253f;
}

.pro-potvfr {
	display: block;
	overflow: hidden;
	position: relative;
}
.pro-potvfr .pro-potvbtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	cursor: pointer;
}
.pro-potvfr .pro-potvbtn img {
	position: absolute;
	width: 106px;
	height: 106px;
	left: 50%;
	top: 50%;
	margin-left: -53px;
	margin-top: -53px;
}
.pro-potvfr video {
	width: 100%;
	height: auto;
}

.zlink-show {
	line-height: 120px;
}
.zlink-show ul {
	font-size: 0;
	overflow-x: auto;
}
.zlink-show li {
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	line-height: 26px;
	text-align: center;
	margin-right: 12px;
}
.zlink-show li a {
	display: block;
	color: #646464;
	font-size: 18px; 
	background-color: #f6f7fb;
	border-radius: 36px;
}
.zlink-show li a:hover,
.zlink-show li.on a {
	background-color: #31b8be;
	color: #fff;
}

.zlist-show {
	background-color: #f6f7fb;
	padding: 100px 0;
}
.zlist01-box li {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: 30px;
	position: relative;
	margin-bottom: 48px;
}
.zlist01-box li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	background-color: #31b8be;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.zlist01-box .zlist01-info {
	width: 40%;
	padding-left: 30px;
	position: relative;
}
.zlist01-box .zlist01-info .zlist01-txt {
	display: block;
	color: #323232;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zlist01-box .zlist01-info p {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 20px;
}
.zlist01-box .zlist01-info .zlist01-more {
	display: inline-block;
	margin-top: 110px;
}
.zlist01-box .zlist01-info .zlist01-more .pic-hide {
	display: none;
}
.zlist01-box .zlist01-pic {
	width: 55%;
}
.zlist01-box .zlist01-pic .pic-hover {
	padding-top: 63.1%;
}
.zlist01-box li:hover:before {
	width: 100%;
}
.zlist01-box li:hover,
.zlist01-box li:hover .zlist01-txt {
	color: #fff;
}
.zlist01-box li:hover .zlist01-more .pic-hide {
	display: inline-block;
}
.zlist01-box li:hover .zlist01-more .pic-show {
	display: none;
}

.zlist02-box li {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: 30px;
	position: relative;
	margin-bottom: 40px;
}
.zlist02-box li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #31b8be;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.zlist02-box .zlist02-pic {
	width: 298px;
}
.zlist02-box .zlist02-pic .pic-hover {
	padding-top: 100%;
}
.zlist02-box .zlist02-info {
	width: 66%;
	padding: 0 8%;
	position: relative;
}
.zlist02-box .zlist02-info a {
	display: block;
	color: #323232;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zlist02-box .zlist02-info p {
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 20px;
}
.zlist02-box .zlist02-more {
	width: 40px;
	margin-right: 6%;
	position: relative;
}
.zlist02-box li:hover:before {
	width: 100%;
}
.zlist02-box li:hover,
.zlist02-box li:hover a {
	color: #fff;
}

.zkey-show {
	overflow: hidden;
}
.zkey-fl {
	float: left;
	width: 200px;
	margin-right: 30px;
}
.zkey-fr {
	display: block;
	overflow: hidden;
}
.zkey-nav {
	background-color: #fff;
}
.zkey-nav li {
	line-height: 60px;
	border-bottom: 1px solid #f6f7fb;
}
.zkey-nav li a {
	display: block;
	padding: 0 24px;
	color: #646464;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 16px;
}
.zkey-nav li.on a,
.zkey-nav li:hover a {
	background-color: #31b8be;
	color: #fff;
}

.zkey-box li {
	background-color: #fff;
	padding: 40px;
	margin-bottom: 40px;
}
.zkey-box li .zkey-boxfl {
	float: left;
	width: 36%;
	text-align: center;
}
.zkey-box li .zkey-boxfl > img {
	width: 100%;
}
.zkey-box li .zkey-boxfl .zkey-blink01 {
	display: block;
	color: #646464;
	margin-top: 55px;
}
.zkey-box li .zkey-boxfl .zkey-blink01 img {
	width: 20px;
	margin-top: -3px;
	margin-left: 16px;
}
.zkey-box li .zkey-boxfl .zkey-blink01:hover {
	color: #31b8be;
}
.zkey-box li .zkey-boxfl .zkey-blink02 {
	display: inline-block;
	width: 230px;
	line-height: 24px;
	padding: 8px 0;
	background-color: #31b8be;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	margin-top: 30px;
}
.zkey-box li .zkey-boxfl .zkey-blink02:hover {
	background-color: #14253f;
}
.zkey-box li .zkey-boxfr {
	float: right;
	width: 59%;
}
.zkey-box li .zkey-boxfr .zkey-info {
	margin-bottom: 36px;
}
.zkey-box li .zkey-boxfr strong {
	display: block;
	color: #323232;
	font-size: 24px;
	font-weight: normal;
	position: relative;
	padding-left: 20px;
	margin-bottom: 16px;
}
.zkey-box li .zkey-boxfr strong:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 5px;
	height: 20px;
	background-color: #31b8be;
	border-radius: 3px;
}
.zkey-box li .zkey-boxfr p {
	font-size: 14px;
	line-height: 1.7;
}

/* about */
.zlink-agrey {
	background-color: #f6f7fb;
}
.zlink-agrey li,
.zlink-awhite li {
	width: 140px;
	margin-right: 20px;
}
.zlink-agrey li a {
	background-color: #fff;
}

.zabout-base {
	background: url(../images/about-bg.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 90px 0 140px;
	color: #fff;
}
.zabout-base .index-name h2,
.zabout-base .index-name span {
	color: #fff;
}
.zabout-base .index-name p {
	margin-top: 30px;
	font-size: 20px;
}
.zabout-basefl {
	float: left;
	width: 32%;
}
.zabout-basefr {
	float: right;
	width: 66%;
}
.zabout-basefr p {
	line-height: 1.5;
	margin-bottom: 16px;
}
.zabout-base ul {
	margin-top: 260px;
}

.zabout-intro {
	margin-top: 170px;
}
.zabout-introfl {
	float: left;
	width: 45%;
}
.zabout-introfr {
	float: right;
	width: 45%;
}
.zabout-intro strong {
	display: block;
	color: #31b8be;
	font-size: 44px;
	font-weight: normal;
}
.zabout-intro p {
	line-height: 1.5;
	margin-top: 20px;
}
.zabout-intro img {
	width: 100%;
	margin-top: 80px;
}
.zabout-introfr img {
	margin-top: 0;
	margin-bottom: 80px;
}

.zabout-custom {
	background-color: #f6f7fb;
	padding: 100px 0 130px;
}
.zabout-spic img {
	width: 100%;
}

.zabout-book {
	background-color: #f6f7fb;
	padding: 80px 0 120px;
}
.zbook-list {
	margin-left: -2%;
}
.zbook-list li {
	float: left;
	width: 23%;
	margin-left: 2%;
	text-align: center;
	margin-bottom: 70px;
}
.zbook-list li .zbook-listpic {
	position: relative;
	padding-top: 135.6%;
}
.zbook-list li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.zbook-list li p {
	margin-top: 30px;
	height: 36px;
	display: -webkit-box;display: box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}

.zabout-download {
	padding: 70px 0;
	border-bottom: 10px solid #eff0f4;
}
.zdl-list li {
	position: relative;
	margin-bottom: 140px;
}
.zdl-list li:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70%;
	background-color: #f6f7fb;
	z-index: -1;
}
.zdl-list li .zdl-pic {
	float: left;
	width: 47%;
	text-align: center;
	border-bottom: 8px solid #31b8be;
	padding-bottom: 80px;
}
.zdl-list li .zdl-pic img {
	-moz-box-shadow: 0 12px 27px rgba(13, 16, 24, 0.2);
	-webkit-box-shadow: 0 12px 27px rgba(13, 16, 24, 0.2);
	box-shadow: 0 12px 27px rgba(13, 16, 24, 0.2);
	max-width: 395px;
}
.zdl-list li .zdl-info {
	float: right;
	width: 47%;
	padding-top: 60px;
	padding-right: 2%;
}
.zdl-list li .zdl-info .zdl-name {
	border-bottom: 2px solid #dcdcdc;
	line-height: 36px;
	color: #3f454c;
	font-size: 24px;
	padding: 15px 0;
}
.zdl-list li .zdl-info .zdl-font {
	margin-top: 130px;
	line-height: 1.8;
}
.zdl-list li .zdl-info .zdl-popu {
	display: inline-block;
	width: 160px;
	line-height: 40px;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	color: #646464;
	font-size: 20px;
	margin-top: 80px;
	cursor: pointer;
}
.zdl-list li .zdl-info .zdl-popu:hover {
	color: #fff;
	background-color: #31b8be;
}

/* contact */
.zcont-base {
	margin-top: 77px;
}
.zcont-base ul {
	margin-left: -1.3%;
}
.zcont-base li {
	float: left;
	width: 32%;
	margin-left: 1.3%;
	border-top: 3px solid #f6f7fb;
	position: relative;
	padding-top: 20px;
}
.zcont-base li:before {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	width: 30px;
	height: 3px;
	background-color: #31b8be;
}
.zcont-base li .zcont-icon {
	float: left;
	width: 30px;
	margin-right: 24px;
	margin-top: 16px;
}
.zcont-base li .zcont-icon img {
	width: 100%;
}
.zcont-base li .zcont-info {
	display: block;
	overflow: hidden;
}
.zcont-base li .zcont-info strong {
	display: block;
	color: #31b8be;
	font-size: 24px;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
	margin-top: 10px;
}
.zcont-base li .zcont-info strong a {
	display: block;
	color: #31b8be;
}

.zcont-msg {
	margin-top: 180px;
}
.msg-show .msg-name {
	color: #323232;
	font-size: 44px;
	margin-bottom: 20px;
}
.msg-show .msg-des {
	margin-bottom: 30px;
	line-height: 1.5;
	font-size: 16px;
}
.msg-show ul {
	margin-left: -1.3%;
}
.msg-show ul li {
	float: left;
	width: 32%;
	margin-left: 1.3%;
	margin-bottom: 30px;
	position: relative;
}
.msg-show ul li.msg-text {
	width: 98.7%;
}
.msg-show input,
.msg-show textarea {
	width: 100%;
	background-color: #f6f7fb;
	padding: 10px 16px;
	font-size: 16px;
	color: #646464;
	line-height: 30px;
}
.msg-show textarea {
	height: 240px;
}
.msg-show i {
	display: inline-block;
	color: #d32828;
}
.msg-show ul li i {
	position: absolute;
	left: 66px;
	top: 18px;
}
.msg-show ul li:nth-child(2) i {
	left: 128px;
}
.msg-show ul li:nth-child(4) i {
	left: 82px;
}
.msg-show ul li:focus-within i,
.msg-show ul li input:not(:placeholder-shown) + i {
	opacity: 0;
}
.msg-code span {
	display: inline-block;
}
.msg-code input {
	display: inline-block;
	width: 180px;
	margin: 0 24px 0 15px;
}
.msg-code img {
	display: inline-block;
}
.msg-show .msg-btn {
	margin-top: 30px;
}
.msg-show .msg-btn button {
	width: 190px;
	line-height: 50px;
	background-color: #31b8be;
	color: #fff;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 30px;
}
.msg-show .msg-btn button:hover {
	background-color: #14253f;
}

.zcont-map {
	height: 700px;
	overflow: hidden;
	position: relative;
	margin-top: 110px;
}
.map {
	height: 120%;
}
.map * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	max-width: none;
}
.BMapLib_sendToPhone {
	display: none;
}
.map .BMapLib_bubble_content {
	font-family: 'Microsoft YaHei', '微软雅黑';
}
.map .BMapLib_SearchInfoWindow {
	border: none;
	border-left: 4px solid #31b8be;
}
.map .BMapLib_SearchInfoWindow .BMapLib_bubble_top {
	display: none;
}
.map .BMapLib_SearchInfoWindow .BMapLib_trans {
	display: none;
}

/* quality */
.zlink-qgrey {
	background-color: #f6f7fb;
}
.zlink-qgrey li a {
	background-color: #fff;
}
.qlty-show {
	background-color: #31b8be;
	position: relative;
}
.qlty-pic {
	width: 50%;
}
.qlty-pic img {
	width: 100%;
}
.qlty-info {
	position: absolute;
	right: 50%;
	margin-right: -640px;
	top: 50%;
	width: 540px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}
.qlty-info li {
	width: 33.3%;
	text-align-last: left;
}
.qlty-info .scroNum-show li:before {
	display: none;
}
.qlty-info .qlty-txt {
	border-top: 1px solid #98dcdf;
	padding-top: 40px;
	margin-top: 40px;
}
.qlty-info .qlty-txt strong {
	display: block;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
}
.qlty-info .qlty-txt p {
	line-height: 1.5;
}

.qlty-box {
	background-color: #f6f7fb;
	padding: 80px 0;
}
.qlty-list {
	margin-left: -1.3%;
}
.qlty-list li {
	float: left;
	width: 32%;
	margin-left: 1.3%;
	text-align: center;
	margin-bottom: 50px;
}
.qlty-list li .pic-hover {
	padding-top: 75%;
}
.qlty-list li .qlty-font {
	display: block;
	color: #646464;
	margin-top: 36px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0 10px;
}
.qlty-list li .qlty-font:hover {
	color: #31b8be;
}

/* video */
.zvideo-grey {
	background-color: #f6f7fb;
	padding: 150px 0;
}
.zvideo-grey .video-listbox li {
	background-color: #fff;
}
.zvideo-greys {
	background-color: #f6f7fb;
	padding: 150px 0 100px;
}
.zvideo-greys .video-listbox li {
	background-color: #fff;
	margin-bottom: 50px;
}

.zvideo-pic {
	position: relative;
	padding-top: 56%;
	overflow: hidden;
	cursor: pointer;
}
.zvideo-pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.zvideo-pic:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.video-popu {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.pvideo-box {
	background: #ffffff;
	padding: 10px;
	width: 94%;
	max-width: 720px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pvideo-mp4 {
	width: 100%;
}
.pvideo-txt {
	color: #323232;
	font-size: 18px;
	margin: 16px 0 10px;
}
.pvideo-close {
	position: absolute;
	right: 0;
	top: -48px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

/* case */
.zcase-show {
	background-color: #f6f7fb;
	padding: 70px 0;
}
.zcase-show .case-listbox li {
	border: none;
	margin-bottom: 30px;
}

.zinner-boxs {
	background-color: #f6f7fb;
	padding: 120px 0 90px;
}
.zinner-box {
	background-color: #fff;
	position: relative;
	padding: 50px;
}
.zinner-return {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 56px;
}
.zinner-return a {
	display: block;
	color: #fff;
	font-size: 20px;
	background-color: #31b8be;
	padding: 0 50px;
}
.zinner-return a img {
	width: 27px;
	margin-right: 20px;
}
.zinner-return a:hover {
	background-color: #14253f;
}

.zinner-box > span {
	display: block;
	color: #c8c8c8;
}
.zinner-box .zinner-name {
	padding: 12px 0 16px;
}
.zinner-box .zinner-name h1 {
	display: inline-block;
	color: #323232;
	font-size: 24px;
	font-weight: normal;
}
.zinner-box .zinner-name i {
	display: inline-block;
	line-height: 28px;
	padding: 0 15px;
	background-color: #31b8be;
	border-radius: 20px;
	color: #fff;
	margin-left: 20px;
}
.zinner-word {
	border-top: 1px solid #dcdcdc;
	padding-top: 20px;
}
.zinner-word p {
	line-height: 1.5;
	margin-bottom: 24px; 
}
.zinner-word *{
	word-break: break-all;
	word-wrap: break-word;
	text-wrap-mode:wrap !important;
}

.zcase-pro {
	margin-top: 40px;
	border-top: 1px solid #dcdcdc;
	padding-top: 40px;
}
.zcase-pro .pro-listbox li {
	border: 1px solid #dcdcdc;
}

.zinner-page {
	margin-top: 77px;
}
.zinner-page a {
	display: inline-block;
	width: 50%;
	position: relative;
	z-index: 2;
	background-color: #31b8be;
	line-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zinner-page a.zinner-page01 {
	padding-left: 70px;
	padding-right: 30px;
	color: #fff;
}
.zinner-page a.zinner-page01:before {
	content: '';
	position: absolute;
	left: 26px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../images/inner-arr01.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.zinner-page a.zinner-page01:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	background-color: #14253f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: -1;
}
.zinner-page a.zinner-page01:hover:after {
	width: 100%;
}
.zinner-page a.zinner-page02 {
	padding-left: 30px;
	padding-right: 70px;
	color: #646464;
	background-color: #eff0f4;
	text-align: right;
}
.zinner-page a.zinner-page02:before {
	content: '';
	position: absolute;
	right: 26px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../images/inner-arr04.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.zinner-page a.zinner-page02:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: #14253f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: -1;
}
.zinner-page a.zinner-page02:hover:after {
	width: 100%;
}
.zinner-page a.zinner-page02:hover:before {
	background-image: url(../images/inner-arr02.png);
}
.zinner-page a.zinner-page02:hover {
	color: #fff;
}

/* news */
.znews-grey {
	background-color: #f6f7fb;
}
.znews-grey li a {
	background-color: #fff;
}

.znews-hot {
	margin-top: 80px;
}
.znews01-swiper {
	float: left;
	width: 47%;
}
.znews01-swiper img {
	width: 100%;
	height: 440px;
	-webkit-object-fit: cover;
	object-fit: cover;
}
.znews02-swiper {
	float: right;
	width: 50%;
}
.znews-item {
	background-color: #31b8be;
	position: relative;
	padding: 50px;
	color: #fff;
	margin-left: 16px;
	height: 440px;
}
.znews-item:before {
	content: '';
	position: absolute;
	left: -16px;
	top: 50px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 16px solid #31b8be;
}
.znews-item .znews-hotdata {
	text-align: right;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
	font-size: 14px;
}
.znews-item .znews-hotdata strong {
	display: block;
	font-size: 44px;
}
.znews-item .znews-hottxt {
	position: relative;
	padding-left: 70px;
	margin-top: 24px;
}
.znews-item .znews-hottxt span {
	position: absolute;
	left: 0;
	top: 2px;
	width: 66px;
	line-height: 24px;
	text-align: center;
	background-color: #fff;
	color: #31b8be;
	font-size: 18px;
	border-radius: 20px;
}
.znews-item .znews-hottxt a {
	display: block;
	color: #ffffff;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.znews-item .znews-hottxt a:hover {
	font-weight: bold;
}
.znews-item p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.znews-item p span {
	background-color: transparent !important;
	font-family: 'Microsoft YaHei', '微软雅黑' !important;
	color: #fff !important;
	font-size: 14px !important;
}
.znews-item p img {
	display: none;
}
.znews-item p:nth-child(n + 5) {
	display: none;
}
.znews-item > a {
	display: inline-block;
	width: 84px;
	line-height: 24px;
	text-align: center;
	background-color: #fff;
	margin-top: 24px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.znews-item > a img {
	display: inline-block;
	margin-top: -3px;
}
.znews-item > a:hover {
	margin-left: 6px;
}

.znews01-swiper .swiper-pagination {
	bottom: 26px;
}
.znews01-swiper .swiper-pagination-bullet {
	margin: 0 5px;
}
.znews01-swiper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
}
.znews01-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}

.znews-list01 {
	margin-top: 66px;
}
.znews-list01 .znews-list li {
	background-color: #f6f7fb;
}
.znews-list01 .znews-ltname i {
	float: left;
	width: 26px;
}
.znews-list01 .znews-ltname i img {
	width: 20px;
}
.znews-list01 .znews-ltname .znews-ltword {
	display: block;
	overflow: hidden;
}
.znews-list {
	margin-left: -1.3%;
}
.znews-list li {
	float: left;
	width: 32%;
	margin-left: 1.3%;
	background-color: #fff;
}
.znews-list li .pic-hover {
	padding-top: 74%;
}
.znews-ltinfo {
	padding: 28px 24px 24px;
}
.znews-ltinfo .znews-lttxt {
	display: block;
	color: #323232;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.5;
}
.znews-ltinfo .znews-lttxt:hover {
	color: #31b8be;
}
.znews-ltinfo span {
	display: block;
	color: #969696;
	font-size: 14px;
	margin-top: 10px;
}
.znews-ltinfo p {
	color: #969696;
	font-size: 14px;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-top: 16px;
}

.znews-list02 {
	background-color: #f6f7fb;
	padding: 150px 0;
	margin-top: 90px;
}
.znews-ltfl {
	float: left;
	width: 49%;
	position: relative;
}
.znews-ltfl > a {
	display: block;
	position: relative;
}
.znews-ltfl > a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/news-picbg.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.znews-ltfl > a img {
	width: 100%;
}
.znews-ltfl .znews-ltinfo {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
	padding: 0;
}
.znews-ltfl .znews-ltinfo .znews-lttxt,
.znews-ltfl .znews-ltinfo span,
.znews-ltfl .znews-ltinfo p {
	color: #fff;
}
.znews-ltfl .znews-ltinfo .znews-lttxt:hover {
	font-weight: bold;
}
.znews-ltfr {
	float: right;
	width: 49%;
}
.znews-ltfr .znews-rlist li {
	background-color: #f6f7fb;
	padding: 24px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.znews-ltfr .znews-rlist li:first-child {
	margin-top: 0;
}
.znews-ltfr .znews-rlist li .pic-hover {
	padding-top: 74%;
}
.znews-ltfr .znews-rlist li .znews-pic {
	width: 42%;
}
.znews-ltfr .znews-rlist li .znews-ltinfo {
	width: 53%;
	padding: 0;
}
.znews-list03 .pro-more,
.znews-list03 .pro-more:after {
	background-color: #f6f7fb;
}
.znews-list03 .pro-more:hover {
	background-color: #31b8be;
	color: #fff;
}
.znews-list03 .pro-more:hover:after {
	background-color: #31b8be;
}

.znews-boxlist {
	padding: 80px 0;
	border-bottom: 10px solid #eff0f4;
}
.znews-blist li {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f6f7fb;
	position: relative;
	padding: 30px;
	margin-bottom: 40px;
}
.znews-blist li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #31b8be;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.znews-blist li .znews-blistfl {
	width: 40%;
}
.znews-blist li .znews-blistfl .pic-hover {
	padding-top: 74%;
}
.znews-blist li .znews-blistfr {
	width: 55%;
	color: #969696;
	position: relative;
}
.znews-blist li .znews-blistdata {
	text-align: right;
	font-family: 'GALANO';
	letter-spacing: 0.5px;
	font-size: 14px;
}
.znews-blist li .znews-blistdata strong {
	display: block;
	font-size: 44px;
	color: #31b8be;
}
.znews-blist li .znews-blisttxt {
	display: block;
	color: #323232;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 36px;
}
.znews-blist li p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.znews-blist li .znews-blistmore {
	display: inline-block;
	width: 84px;
	line-height: 24px;
	text-align: center;
	background-color: #31b8be;
	margin-top: 70px;
}
.znews-blist li .znews-blistmore img {
	margin-top: -3px;
}
.znews-blist li .znews-blistmore .pic-hide {
	display: none;
}
.znews-blist li:hover:before {
	width: 100%;
}
.znews-blist li:hover .znews-blistfr,
.znews-blist li:hover .znews-blistdata strong,
.znews-blist li:hover .znews-blisttxt {
	color: #fff;
}
.znews-blist li:hover .znews-blistmore {
	background-color: #fff;
}
.znews-blist li:hover .znews-blistmore .pic-hide {
	display: inline-block;
}
.znews-blist li:hover .znews-blistmore .pic-show {
	display: none;
}

.zinner-boxfl {
	float: left;
	width: 70%;
}
.zinner-boxfr {
	float: right;
	width: 27%;
}
.zinner-ten {
	background-color: #fff;
	padding: 24px;
}
.zinner-ten strong {
	display: block;
	color: #323232;
	font-size: 24px;
	font-weight: normal;
}
.zinner-ten ul {
	margin-top: 20px;
}
.zinner-ten li {
	margin-bottom: 36px;
}
.zinner-ten li .pic-hover {
	padding-top: 74%;
	margin-bottom: 18px;
}
.zinner-ten li .zinner-teninfo {
	position: relative;
	padding-left: 30px;
}
.zinner-ten li .zinner-teninfo i {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	color: #31b8be;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}
.zinner-ten li .zinner-teninfo i.zinner-tenbg {
	background: url(../images/news-data.png) no-repeat;
	color: #fff;
	font-size: 12px;
}
.zinner-ten li .zinner-teninfo a {
	display: block;
	color: #323232;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zinner-ten li .zinner-teninfo a:hover {
	color: #31b8be;
}
.zinner-ten li .zinner-teninfo span {
	display: block;
	color: #969696;
	font-size: 14px;
	margin-top: 8px;
}
.zinner-ten li p {
	color: #969696;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.zpzgk-pic,
.zpzgk-txt {
	cursor: pointer;
}
.zpzgk-popu {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.zpzgk-box {
	background: #ffffff;
	padding: 10px;
	width: 94%;
	max-width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.zpzgk-ppic {
	width: 100%;
}
.zpzgk-ptxt {
	color: #323232;
	font-size: 16px;
	margin: 16px 0 10px;
}
.zpzgk-close {
	position: absolute;
	right: 0;
	top: -48px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.intro-swiper .swiper-pagination {
	display: none;
}
.intro-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 26px;
}
.intro-swiper
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 12px;
}
.intro-swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #eff0f3;
	opacity: 1;
}
.intro-swiper .swiper-pagination-bullet-active {
	background: #31b8be;
}

.more-data {
	color: #646464;
	font-size: 14px;
	margin-top: 10px;
	display: none;
}
.zkey-btn {
	display: none;
}
.mside-box {
	display: none;
}

.ppic-popu {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.ppic-box {
	background: #ffffff;
	padding: 10px;
	width: 94%;
	max-width: 480px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ppic-show {
	width: 100%;
}
.ppic-close {
	position: absolute;
	right: 0;
	top: -50px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.ppic-base img {
	width: 60px;
	cursor: pointer;
}
.down-list {
	cursor: pointer;
}
.zpic-hide {
	display: none;
}
.zgao-list {
	min-height: 56px;
	line-height: 28px;
	padding: 10px 0;
}
.zgao-list span {
	line-height: 28px;
}

.zmlink-data01 li {
	min-width: 100px;
	width: auto;
}
.zmlink-data01 li a {
	padding: 0 16px;
}
.zmlink-data02 li {
	min-width: 100px;
	width: auto;
}
.zmlink-data02 li a {
	padding: 0 16px;
}
.zmlink-data03 li {
	min-width: 100px;
	width: auto;
}
.zmlink-data03 li a {
	padding: 0 16px;
}
.zmlink-data04 li {
	min-width: 100px;
	width: auto;
}
.zmlink-data04 li a {
	padding: 5px 10px;
}

.filter-btn{
	display: none;
	text-align: center;
	margin-top: 20px;
}
.filter-btn i{
	display: inline-block;
	color: #31b8be;
	font-size: 14px;
	font-weight: bold;
	border:1px solid #EEE;
	border-radius: 20px;
	background-color: #FFF;
	line-height: 20px;
	padding: 5px 8px;
	cursor: pointer;
}

@media screen and (max-width: 1880px) {
	.header-fr .header-link .nav-layer:before {
		width: 28%;
	}
	.nav-layer .nav-lfl {
		width: 20%;
	}
	.nav-layer .nav-lfr {
		width: 80%;
	}
}
@media screen and (max-width: 1680px) {
	.header-fr .header-link .nav-layer:before {
		width: 25%;
	}
	.qlty-info {
		width: 600px;
	}
}
@media screen and (max-width: 1480px) {
	.header-fl {
		width: 180px;
	}
	.header-fr .header-ser {
		width: 270px;
	}
	.header-fr .header-link .nav-layer:before {
		width: 22%;
	}
	.index-navs li a:hover .navs-txt {
		font-size: 30px;
	}
	.news-swiper .swiper-slide img {
		min-height: 456px;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	.qlty-pic {
		height: 600px;
	}
	.qlty-pic img {
		height: 100%;
		object-fit: cover;
	}
	.index-newtab li {
		margin-left: 12px;
	}
}
@media screen and (max-width: 1360px) {
	.pro-tabainfo {
		left: 3%;
		margin-left: 0;
		width: 45%;
	}
	.pro-tabaconzy .pro-tabainfo {
		right: 3%;
		margin-right: 0;
	}
	.qlty-info {
		right: 3%;
		margin-right: 0;
		width: 44%;
	}
	.index-newtab li {
		padding: 0 10px;
		margin-left: 10px;
	}
	.foot-nav {
		width: 65%;
	}
	.zmlink-data02 li {
		margin-right: 10px;
	}
	.zmlink-data04 li {
		margin-right: 10px;
	}
}
@media screen and (max-width: 1280px) {
	.header-fl {
		width: 140px;
	}
	.header-fr .header-link .nav li {
		padding-right: 8px;
	}
	.header-fr .header-ser {
		width: 250px;
	}
	.nav-layer .nav-lfl .nav-word span {
		font-size: 26px;
	}

	.foot-ft {
		padding: 60px 0 30px;
	}
	.foot-nav dl {
		margin-bottom: 30px;
	}

	.one-show .swiper-button-prev {
		left: 3%;
		width: 48px;
		height: 48px;
		margin-top: -24px;
	}
	.one-show .swiper-button-next {
		right: 3%;
		width: 48px;
		height: 48px;
		margin-top: -24px;
	}
	.index-navs li a:hover .navs-txt {
		font-size: 24px;
		width: 170px;
		padding-right: 62px;
	}

	.index-base,
	.index-custom,
	.index-news,
	.top-box,
	.pro-cogood,
	.zabout-intro,
	.zcont-msg {
		margin-top: 100px;
	}
	.index-pro,
	.sitemap,
	.pro-talist,
	.pro-tasolu,
	.pro-cogood,
	.pro-potvideo,
	.zvideo-grey,
	.zvideo-greys,
	.zinner-boxs,
	.znews-list02 {
		padding: 100px 0;
	}
	.index-case {
		padding: 40px 0 100px;
	}
	.index-name h2,
	.zabout-intro strong,
	.msg-show .msg-name {
		font-size: 36px;
	}

	.pro-zcase .index-caseinfo a {
		display: block;
	}
	.pro-zcase .index-caseinfo span {
		margin-left: 0;
		margin-top: 12px;
		font-size: 14px;
	}
	.index-about:before {
		display: none;
	}
	.sitemap strong {
		font-size: 32px;
	}
	.pro-introinfo .pro-introlink {
		position: static;
		margin-top: 40px;
	}
	.pro-introinfo .pro-introlink02 {
		margin-top: 15px;
	}
	.potbase-main .pro-potbainfo .pro-more {
		margin-top: 24px;
	}
	.potbase-main .pro-potbainfo {
		padding: 24px;
	}
	.pro-potbase {
		padding: 100px 0 160px;
	}
	.zcont-base {
		margin-top: 50px;
	}
	.zcont-base li .zcont-info strong {
		font-size: 20px;
	}
	.qlty-info .qlty-txt {
		padding-top: 24px;
		margin-top: 24px;
	}
	.index-newtab li {
		font-size: 14px;
	}
	.zmlink-data02 li {
		margin-right: 6px;
	}
	.zmlink-data02 li a {
		font-size: 16px;
		padding: 0 6px;
	}
	.zmlink-data04 li {
		margin-right: 6px;
	}
	.zmlink-data04 li a {
		font-size: 16px;
		padding: 0 6px;
	}
	.pro-tabapic img {
		height: 500px;
	}
	.potbase-main .pro-potbapic .pic-hover{
		padding-top: 100%;
	}
}
@media screen and (max-width: 1180px) {
	.index-pro .index-name {
		right: 110px;
	}
	.index-protab li {
		margin-right: 6px;
		min-width: 60px;
		padding: 0 10px;
	}
	.index-protab li {
		font-size: 16px;
	}
	.foot-cont {
		width: 290px;
	}
	.foot-nav dt {
		font-size: 16px;
	}
	.foot-nav dd a {
		font-size: 14px;
	}
	.foot-cont strong {
		font-size: 26px;
		margin-bottom: 16px;
	}
	.qlty-pic {
		display: none;
	}
	.qlty-info {
		position: static;
		width: 100%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		padding: 20px;
	}
	.foot-link select {
		width: 160px;
	}
	.foot-copyright a {
		margin-left: 10px;
	}
}
@media screen and (max-width: 1060px) {
	.header {
		line-height: 100px;
	}
	.header-fr .header-link {
		line-height: 60px;
	}
	.header-fr .header-ser {
		width: 200px;
	}
	.header-fl {
		width: 120px;
	}
	.index-base li {
		padding-left: 80px;
		margin-bottom: 30px;
	}
	.index-base li .index-bfl img {
		width: 66px;
	}
	.index-base li .index-bfr strong {
		font-size: 24px;
	}

	.index-base,
	.index-custom,
	.index-news,
	.top-box,
	.pro-cogood,
	.zabout-intro,
	.zcont-msg,
	.znews-list02 {
		margin-top: 80px;
	}
	.index-pro,
	.index-news,
	.pro-talist,
	.pro-tanews,
	.pro-tasolu,
	.pro-cogood,
	.pro-potvideo,
	.zlist-show,
	.zabout-custom,
	.zvideo-grey,
	.zvideo-greys,
	.zinner-boxs,
	.znews-list02 {
		padding: 80px 0;
	}
	.index-case {
		padding: 30px 0 80px;
	}
	.index-about {
		padding-top: 80px;
	}

	.index-newtab li {
		min-width: 100px;
	}
	.index-newlink li {
		padding: 20px;
		margin-top: 16px;
	}
	.index-newlink li .index-newdata {
		margin-right: 12px;
	}
	.index-newlink li .index-newdata strong {
		font-size: 32px;
	}
	.index-newlink li .index-newinfo a {
		font-size: 18px;
	}
	.news-swiper .swiper-slide img {
		min-height: 373px;
	}
	.sitemap strong {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.sitemap li {
		padding: 20px;
		margin-top: 10px;
		height: 255px;
	}
	.sitemap li span {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.sitemap li a {
		font-size: 16px;
		margin-top: 10px;
	}

	.pro-potgood li img {
		width: 60px;
	}
	.pro-potgood li strong {
		margin-top: 24px;
		font-size: 18px;
	}
	.pro-potvfl p {
		font-size: 16px;
	}
	.pro-potvfl a {
		margin-top: 20px;
	}
	.pro-potvfl {
		padding: 24px;
	}
	.pro-potvfr .pro-potvbtn img {
		width: 60px;
		height: 60px;
		margin-left: -30px;
		margin-top: -30px;
	}
	.znews-item {
		padding: 30px;
		height: 400px;
	}
	.znews01-swiper img {
		height: 400px;
	}
	.scroNum-show li p {
		font-size: 14px;
	}
	.scroNum-show li i {
		font-size: 14px;
	}
	.zlink-show li{
		margin-right: 20px;
	}
}
@media screen and (max-width: 960px) {
	.header {
		line-height: 50px;
	}
	.header-fr .header-lang {
		position: absolute;
		right: 70px;
		top: 4px;
	}
	.modal-mark {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999990;
	}
	.modal-mark.modal-show {
		display: block;
	}
	.nav-btn {
		display: block;
		float: right;
		position: relative;
		z-index: 99;
		width: 26px;
		margin-top: 10px;
		cursor: pointer;
		transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
	}
	.nav-btn i {
		display: block;
		height: 3px;
		background-color: #31b8be;
		margin: 6px 0;
		border-radius: 5px;
		transition: 0.3s;
		-ms-transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
	}
	.nav-btn.nav-open i {
		display: none;
		margin: 0;
		position: absolute;
		left: 3px;
		top: 14px;
		width: 30px;
	}
	.nav-btn.nav-open i:first-child {
		display: block;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.nav-btn.nav-open i:last-child {
		display: block;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	.header-fr .header-link {
		position: absolute;
		left: -100%;
		top: 0;
		width: 300px;
		height: 100vh;
		background-color: #fff;
		z-index: 999999;
		line-height: 42px;
		padding: 20px 16px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-moz-box-shadow: 0 10px 20px rgba(66, 66, 66, 0.4);
		-webkit-box-shadow: 0 10px 20px rgba(66, 66, 66, 0.4);
		box-shadow: 0 10px 20px rgba(66, 66, 66, 0.4);
	}
	.header-fr .header-link.nav-on {
		left: 0;
	}
	.header-fr .header-link .nav {
		display: block;
	}
	.header-fr .header-link .nav li {
		float: none;
		padding-right: 0;
		border-bottom: 1px solid #ccc;
		padding: 0 2px;
	}
	.header-fr .header-link .nav li a,
	.header-fr .header-link .nav li i {
		color: #323232;
	}
	.header-fr .header-ser {
		width: 100%;
		margin-top: 20px;
	}
	.header-fr .header-link .nav li.nav-sub {
		position: relative;
		padding-right: 40px;
	}
	.header-fr .header-link .nav li.nav-sub:after {
		content: '';
		position: absolute;
		right: 0;
		top: 16px;
		width: 15px;
		height: 8px;
		background: url(../images/nav-icons.png) no-repeat center;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.header-fr .header-link .nav-layer {
		position: static;
		height: auto;
		border: none;
		background: transparent;
		padding-bottom: 10px;
		display: none;
	}
	.header-fr .header-link .nav-layer:before,
	.header-fr .header-link .nav-lfr .nav-li .nav-lipic {
		display: none;
	}
	.nav-layer .nav-lfl,
	.nav-lfr .nav-litxt:before {
		display: none;
	}
	.nav-layer .nav-lfr {
		width: 100%;
	}
	.nav-lfr .nav-ul {
		margin-top: 0;
	}
	.nav-lfr .nav-li,
	.nav-lfr .nav-uls .nav-li {
		float: none;
		width: 100%;
		margin: 0;
	}
	.header-fr .header-link .nav-lfr .nav-litxt {
		background: none;
		border: none;
		color: #666;
		font-size: 14px;
		margin-top: 0;
		padding-left: 10px;
		line-height: 36px;
	}
	.header-fr .header-link .nav li.active:after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.foot-ft {
		padding: 40px 0;
	}
	.foot-nav {
		display: none;
	}
	.foot-cont {
		width: 100%;
	}
	.foot-copyright {
		float: none;
	}
	.foot-link {
		float: none;
		margin-top: 10px;
	}

	body {
		padding-bottom: 120px;
	}
	.side-box {
		display: none;
	}
	.mside-box {
		position: fixed;
		z-index: 99999;
		top: auto;
		bottom: 30px;
		left: 2%;
		right: 2%;
		background-color: #fff;
		padding: 16px 0;
		-moz-box-shadow: 0 0 38px rgba(13, 16, 24, 0.08);
		-webkit-box-shadow: 0 0 38px rgba(13, 16, 24, 0.08);
		box-shadow: 0 0 38px rgba(13, 16, 24, 0.08);
		-webkit-border-radius: 50px;
		border-radius: 50px;
		display: block;
	}
	.mside-box ul {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.mside-box li {
		text-align: center;
		position: relative;
		width: 50%;
	}
	.mside-box li:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 1px;
		background-color: #dcdcdc;
	}
	.mside-box li:first-child:before {
		display: none;
	}
	.mside-box li img {
		width: 35px;
		margin: 0 auto;
	}
	.mside-box li p {
		color: #323232;
		font-size: 20px;
		margin-top: 8px;
	}
	.mside-box .mside-hide {
		display: none;
	}
	.mside-box li.mside-on .mside-hide,
	.mside-box li:hover .mside-hide {
		display: block;
	}
	.mside-box li.mside-on .mside-show,
	.mside-box li:hover .mside-show {
		display: none;
	}

	.mside-box li .mside-have {
		position: absolute;
		bottom: 80px;
		top: auto;
		right: auto;
		left: 50%;
		border: 1px solid #e3eaf2;
		border-radius: 10px;
		background-color: #fff;
		padding: 10px;
		display: none;
		margin-left: -50%;
	}
	.mside-box li .mside-have img {
		width: 100%;
	}
	.mside-box li:hover .mside-have {
		display: block;
	}
	.side-totop {
		width: 48px;
		top: auto;
		bottom: 160px;
		right: 10px;
		margin-bottom: 0;
	}

	.one-show .swiper-button-prev {
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
	.one-show .swiper-button-next {
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
	.index-navs li a:before {
		bottom: 0;
		background-color: rgba(49, 184, 190, 0.5);
	}
	.index-navs li a:hover .navs-txt {
		background: none;
		padding-right: 0;
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
	.index-navs li a .navs-txt {
		font-size: 18px;
		right: auto;
		bottom: auto;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
	}

	.index-base,
	.index-custom,
	.index-news,
	.top-box,
	.pro-tamain,
	.pro-cogood,
	.zabout-intro,
	.zcont-msg,
	.znews-hot,
	.znews-list02 {
		margin-top: 60px;
	}
	.index-pro,
	.index-news,
	.sitemap,
	.pro-talist,
	.pro-tanews,
	.pro-tasolu,
	.pro-cogood,
	.pro-potvideo,
	.zlist-show,
	.zabout-custom,
	.zabout-book,
	.qlty-box,
	.zvideo-grey,
	.zvideo-greys,
	.zcase-show,
	.zinner-boxs,
	.znews-list02,
	.znews-boxlist {
		padding: 60px 0;
	}
	.index-case {
		padding: 20px 0 60px;
	}
	.index-about {
		padding-top: 60px;
	}
	.index-name {
		margin-bottom: 40px;
	}
	.index-name h2,
	.zabout-intro strong,
	.msg-show .msg-name {
		font-size: 30px;
	}

	.index-pro .index-name {
		position: static;
	}
	.pro-swiper .swiper-wrapper {
		padding-top: 0;
	}
	.pro-swiper .swiper-button-prev {
		top: auto;
		bottom: 0;
		left: 50%;
		margin-left: -50px;
	}
	.pro-swiper .swiper-button-next {
		top: auto;
		bottom: 0;
		right: 50%;
		margin-right: -50px;
	}
	.pro-zlist,
	.pro-zcase {
		padding: 16px;
	}
	.pro-zlist .index-protxt {
		font-size: 20px;
		margin-top: 20px;
	}
	.case-swiper .swiper-wrapper {
		padding-bottom: 60px;
	}
	.index-intmain {
		padding: 20px 0;
		position: static;
	}
	.scroNum-show li span {
		font-size: 36px;
	}
	.scroNum-show li i {
		margin-left: 3px;
	}
	.sitemap li a {
		font-size: 14px;
	}
	.pro-tagood li .pro-gditem {
		padding: 20px;
	}
	.pro-tagood li .pro-gditem img {
		width: 48px;
	}
	.pro-tagood li .pro-gditem span {
		font-size: 24px;
		margin-top: 20px;
	}
	.pro-tagood li .pro-gditem p {
		margin-top: 12px;
	}
	.pro-tagood li.pro-gdfc {
		margin-top: 80px;
	}

	.pro-tanewfl {
		width: 49%;
	}
	.pro-tanewfc {
		width: 49%;
		margin: 0 0 0 2%;
		padding: 20px;
	}
	.pro-tanewfr {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.pro-tanewfc .pic-hover {
		margin-top: 20px;
	}
	.pro-tanewfl,
	.pro-tanewfl > a,
	.pro-tanewfc {
		height: 520px;
	}
	.pro-tanewinfo .pro-tanewtxt {
		font-size: 18px;
	}
	.pro-tanewinfo .pro-tanewmore {
		margin-top: 16px;
	}
	.pro-tanewinfo p {
		height: 48px;
		-webkit-line-clamp: 2;
		margin-top: 12px;
	}
	.pro-tanewfr li {
		padding: 20px;
	}

	.pro-type {
		margin: 30px 0 20px;
	}
	.pro-type li a {
		margin-bottom: 12px;
	}

	.pro-listshow {
		padding: 50px 0;
	}
	.pro-listshow .pro-listbox li,
	.pro-colist .pro-listbox li {
		width: 31.3%;
	}
	.page-show {
		margin-top: 40px;
	}
	.pro-point {
		line-height: 60px;
	}
	.pro-taintro {
		padding: 50px 0;
	}
	.pro-introinfo h1 {
		font-size: 28px;
	}
	.pro-introinfo p {
		font-size: 18px;
	}
	.pro-introinfo .pro-introlink {
		margin-top: 20px;
	}
	.pro-intropic .pro-introtab {
		width: 60px;
	}
	.pro-intropic .pro-introtab li {
		height: 60px;
		margin-bottom: 12px;
	}
	.pro-introtabs {
		width: 60px;
	}
	.introtab-swiper .swiper-slide {
		height: 60px !important;
		margin-bottom: 12px;
	}
	.pro-intropic {
		padding-left: 75px;
	}

	.pro-taboxul {
		margin-top: 40px;
	}
	.pro-taboxul li .pro-taboxico img {
		width: 60px;
	}
	.pro-taboxul li .pro-taboxico {
		height: auto;
		line-height: initial;
		padding: 20px;
	}
	.pro-cogood li img {
		width: 80px;
	}
	.pro-cogood li strong {
		font-size: 20px;
	}
	.pro-cobook {
		padding: 60px 0 100px;
	}
	.pro-cobook p {
		margin-top: -10px;
		width: 60%;
	}
	.pro-cobook a {
		margin-top: 30px;
	}
	.pro-codevice {
		margin-top: 0;
		padding: 50px 0;
	}
	.pro-codevice li span {
		margin-top: 16px;
	}
	.video-listbox li .video-listinfo {
		padding: 16px 50px 16px 16px;
	}
	.video-listbox li .video-listinfo .video-listmore {
		right: 16px;
		margin-top: -12px;
	}
	.video-listbox li .video-listinfo .video-listmore img {
		width: 24px;
	}
	.pro-potgood li {
		width: 48.5%;
		margin-bottom: 10px;
		padding: 16px;
	}
	.pro-potgood li strong br {
		display: none;
	}
	.pro-potgood li p {
		height: 120px;
	}
	.potbase-main .pro-potbainfo p {
		font-size: 14px;
		margin-top: 16px;
	}

	.zlink-show {
		line-height: 80px;
	}
	.zlink-show li {
		width: auto;
		line-height: 32px;
		margin-right: 16px;
	}
	.zlink-show li a {
		padding: 0 20px;
		font-size: 18px;
	}
	.zlist01-box .zlist01-pic {
		width: 48%;
	}
	.zlist01-box .zlist01-info {
		width: 48%;
		padding-left: 10px;
	}
	.zlist01-box .zlist01-info .zlist01-more {
		margin-top: 40px;
	}
	.zlist01-box .zlist01-info .zlist01-txt {
		font-size: 20px;
	}
	.zlist02-box li {
		padding: 20px;
	}
	.zlist02-box .zlist02-info {
		padding: 0 4%;
		width: 72%;
	}
	.zkey-box li {
		padding: 24px;
	}

	.zabout-base {
		padding: 60px 0;
	}
	.zabout-base ul {
		margin-top: 40px;
	}
	.zabout-base .index-name p {
		font-size: 18px;
	}
	.zabout-introfl,
	.zabout-introfr {
		width: 46%;
	}
	.zbook-list li p {
		margin-top: 20px;
	}
	.zbook-list li {
		margin-bottom: 24px;
	}
	.zdl-list li {
		margin-bottom: 36px;
	}
	.zdl-list li .zdl-pic {
		width: 40%;
	}
	.zdl-list li .zdl-pic img {
		width: 72%;
	}
	.zdl-list li .zdl-info {
		padding-top: 20px;
		width: 55%;
	}
	.zdl-list li .zdl-info .zdl-name {
		font-size: 20px;
	}
	.zdl-list li .zdl-info .zdl-font,
	.zdl-list li .zdl-info .zdl-popu {
		margin-top: 36px;
	}

	.zcont-base ul {
		margin-left: 0;
	}
	.zcont-base li {
		margin-left: 0;
		width: 100%;
		margin-bottom: 16px;
		border-top: none;
		border-left: 3px solid #f6f7fb;
		padding: 10px 20px;
	}
	.zcont-base li:before {
		width: 3px;
		height: 100%;
	}
	.zcont-base li .zcont-icon {
		margin-top: 12px;
		margin-right: 16px;
		width: 24px;
	}
	.msg-show .msg-name {
		margin-bottom: 12px;
	}
	.msg-show .msg-des {
		margin-bottom: 24px;
		font-size: 14px;
	}
	.msg-show ul li {
		margin-bottom: 16px;
	}
	.msg-show textarea {
		height: 180px;
	}
	.zcont-map {
		height: 500px;
		margin-top: 60px;
	}
	.zabout-download .zpopu-show .zpopu-box,
	.zpopu-show .zpopu-box.other {
		padding: 36px;
	}
	.qlty-list li .qlty-font {
		margin-top: 16px;
	}
	.qlty-list li {
		margin-bottom: 24px;
	}
	.zvideo-greys .video-listbox li {
		margin-bottom: 24px;
	}

	.zinner-return {
		line-height: 42px;
	}
	.zinner-return a {
		padding: 0 24px;
		font-size: 18px;
	}
	.zinner-return a img {
		width: 20px;
		margin-right: 10px;
	}
	.zinner-box {
		padding: 40px;
	}

	.znews01-swiper img {
		height: 360px;
	}
	.znews-item {
		padding: 20px;
		height: 360px;
	}
	.znews-item .znews-hotdata strong {
		font-size: 32px;
	}
	.znews-item .znews-hottxt {
		padding-left: 60px;
	}
	.znews-item .znews-hottxt span {
		font-size: 14px;
		line-height: 22px;
		top: 0;
		width: 55px;
	}
	.znews-item .znews-hottxt a {
		font-size: 20px;
	}

	.znews-list01 {
		margin-top: 40px;
	}
	.znews-ltinfo {
		padding: 20px;
	}
	.znews-ltinfo .znews-lttxt {
		font-size: 18px;
	}
	.znews-ltfr .znews-rlist li {
		padding: 12px;
		margin-top: 12px;
	}
	.znews-ltfl .znews-ltinfo {
		left: 16px;
		right: 16px;
		bottom: 16px;
	}
	.znews-blist li {
		padding: 20px;
	}
	.znews-blist li .znews-blisttxt {
		margin-top: 20px;
		font-size: 20px;
	}
	.znews-blist li .znews-blistmore {
		margin-top: 30px;
	}
	.znews-blist li .znews-blistdata strong {
		font-size: 32px;
	}
	.zinner-boxfl {
		width: 66%;
	}
	.zinner-boxfr {
		width: 32%;
	}

	.index-pro .swiper-wrapper {
		display: block;
		margin-left: -2%;
		clear: both;
		overflow: hidden;
	}
	.index-pro .swiper-slide {
		float: left;
		width: 48%;
		margin-left: 2%;
		margin-bottom: 12px;
	}
	.pro-swiper .swiper-button-prev,
	.pro-swiper .swiper-button-next {
		display: none;
	}
	.index-newtab li {
		width: 140px;
		line-height: 24px;
		padding: 6px 8px;
	}
	.pro-tabainfo .index-name {
		margin-bottom: 20px;
	}
	.pro-tabainfo {
		position: static;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
		padding: 20px 3%;
	}
	.pro-tabapic {
		float: none;
		width: 100%;
	}
	.pro-tabapic img {
		height: auto;
	}
	.pro-tabainfo .index-name {
		margin-bottom: 30px;
	}
	.zmlink-data01 li {
		margin-right: 10px;
	}
	.zmlink-data01 li a {
		font-size: 16px;
		padding: 0 10px;
	}
	.zmlink-data02 li {
		margin-right: 6px;
	}
	.zmlink-data02 li a {
		font-size: 14px;
		padding: 0 6px;
	}
	.zmlink-data03 li a {
		font-size: 14px;
		padding: 0 6px;
	}
	.zmlink-data04 li a {
		font-size: 14px;
		padding: 0 6px;
	}
	.potbase-main .pro-potbapic .pic-hover{
		padding-top: 120%;
	}
	.qlty-list li {
		width: 48.7%;
		margin-bottom: 16px;
	}
	.qlty-list li .qlty-font {
		font-size: 14px;
		margin-top: 8px;
		line-height: 18px;
		height: 36px;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: initial;
	}
}
@media screen and (max-width: 840px) {
	.zmlink-data02 {
		line-height: 42px;
		padding: 12px 0;
	}
	.zmlink-data02 li {
		width: 49%;
		margin-right: 1%;
		min-width: auto;
	}
	.zmlink-data02 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
	.zmlink-data04 {
		line-height: 42px;
		padding: 12px 0;
	}
	.zmlink-data04 li {
		width: 49%;
		margin-right: 1%;
		min-width: auto;
	}
	.zmlink-data04 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
	.zinner-box .zinner-name h1{
		display: block;
	}
	.zinner-box .zinner-name i{
		margin-top: 20px;
		margin-left: 0;
	}
}
@media screen and (max-width: 800px) {
	.filter-type ul{
		height: 240px;
		overflow: hidden;
		position: relative;
	}
	.filter-type ul:before{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: #FFF;
		background: -webkit-linear-gradient(transparent, #FFF);
		background: -o-linear-gradient(transparent, #FFF);
		background: -moz-linear-gradient(transparent, #FFF);
		background: linear-gradient(transparent, #FFF);
		height: 100px;
		z-index: 66;
	}
	.filter-type ul.filter-open{
		height: auto;
	}
	.filter-type ul.filter-open:before{
		display: none;
	}
	.filter-btn{
		display: block;
	}
	.pro-type li span{
		float: none;
		display: block;
		width: auto;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.pro-type li a.pro-typeall{
		position: sticky;
	}
	.pro-type li p{
		padding-left: 0;
	}

	.zmlink-data01,.zmlink-data03{
		padding: 12px 0;
	}
	.zkey-box li .zkey-boxfl{
		width: 100%;
	}
	.zkey-box li .zkey-boxfr{
		width: 100%;
		margin-top: 20px;
	}

	.zpic-hide {
		display: block;
	}
	.zpic-show {
		display: none;
	}
	.one-show .swiper-button-prev,
	.one-show .swiper-button-next {
		display: none;
	}
	.oneban-mo {
		display: block;
	}
	.oneban-pc {
		display: none;
	}
	.index-name h2,
	.zabout-intro strong,
	.msg-show .msg-name {
		font-size: 26px;
	}
	.index-name .index-nfl,
	.index-name .index-nfr {
		float: none;
		text-align: center;
	}
	.index-name .index-nfr {
		margin-top: 20px;
	}
	.index-protab li {
		margin: 0 5px;
	}
	.index-about .index-name .index-nfl,
	.zname-more .index-nfl {
		float: left;
	}
	.index-about .index-name .index-nfr,
	.zname-more .index-nfr {
		float: right;
		margin-top: 0;
	}
	.index-about .index-name a {
		width: auto;
		padding: 0 20px;
		line-height: 32px;
	}
	.index-about .index-name a img {
		width: 60px;
	}
	.pro-talist .index-name .index-nfl,
	.pro-tanews .index-name .index-nfl {
		float: left;
	}
	.pro-talist .index-name .index-nfr,
	.pro-tanews .index-name .index-nfr {
		float: right;
		margin-top: 0;
	}
	.pro-more {
		margin-right: 0;
		width: auto;
		padding: 0 20px;
		font-size: 18px;
	}
	.pro-more:after {
		display: none;
	}
	.index-newtab li {
		margin: 0 5px;
	}
	.sitemap ul {
		margin-left: 0;
	}
	.sitemap li {
		margin-left: 0;
		width: 100%;
		height: auto;
		padding: 16px;
	}
	.sitemap strong {
		font-size: 24px;
	}

	.pro-intropic {
		width: 100%;
		padding-left: 0;
	}
	.intro-swiper .swiper-pagination {
		display: block;
	}
	.intro-swiper .swiper-button-prev,
	.intro-swiper .swiper-button-next {
		display: none;
	}
	.pro-introinfo {
		width: 100%;
		margin-top: 15px;
	}
	.pro-introtabs {
		display: none;
	}
	.potbase-main .pro-potbainfo {
		float: none;
		width: 100%;
		padding: 20px;
	}
	.pro-potbase {
		padding: 50px 0 100px;
	}
	.pro-potbase .swiper-pagination {
		margin-top: 40px;
	}
	.pro-potbase .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.pro-potbase .swiper-pagination-bullet {
		margin: 0 5px;
	}
	.pro-potbatab {
		margin-top: 20px;
	}
	.potbases-swiper .swiper-slide span {
		font-size: 14px;
		margin-top: 10px;
	}
	.pro-potvfl {
		float: none;
		width: 100%;
	}
	.zlist02-box .zlist02-more {
		display: none;
	}
	.zlist02-box .zlist02-pic {
		width: 24%;
	}
	.zlist02-box .zlist02-info {
		padding: 0;
		width: 72%;
	}
	.zlist02-box .zlist02-info a {
		font-size: 20px;
	}
	.zlist02-box li {
		margin-bottom: 24px;
	}
	.zkey-fl {
		width: 170px;
		margin-right: 16px;
	}
	.zkey-nav li {
		line-height: 50px;
	}
	.zkey-box li {
		padding: 16px;
		margin-bottom: 20px;
	}
	.zkey-box li .zkey-boxfr strong {
		font-size: 20px;
	}
	.zkey-box li .zkey-boxfl .zkey-blink01 {
		margin-top: 20px;
	}
	.zkey-box li .zkey-boxfl .zkey-blink01 img {
		margin-left: 8px;
	}
	.zkey-box li .zkey-boxfl .zkey-blink02 {
		width: auto;
		line-height: 32px;
		padding: 0 16px;
		font-size: 16px;
		margin-top: 16px;
	}
	.zkey-box li .zkey-boxfr .zkey-info {
		margin-bottom: 16px;
	}

	.zpopu-show .zpopu-info .zpopu-pic {
		width: 36%;
	}
	.zpopu-show .zpopu-info .zpopu-list {
		width: 60%;
	}
	.zpopu-show .zpopu-info .zpopu-list li {
		line-height: 32px;
		min-height: 32px;
	}
	.zpopu-show .zpopu-btn a {
		padding: 0 8px;
		line-height: 32px;
	}
	.zpopu-show .zpopu-info {
		padding-bottom: 10px;
	}
	.zbook-list li {
		width: 48%;
		margin-bottom: 16px;
	}
	.zbook-list li p {
		font-size: 14px;
		margin-top: 10px;
		line-height: 18px;
		height: 36px;
		display: -webkit-box;
		display: box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.znews-ltfl {
		width: 100%;
	}
	.znews-ltfr {
		width: 100%;
		margin-top: 12px;
	}
	.zinner-boxfl {
		width: 100%;
	}
	.zinner-boxfr {
		width: 100%;
		margin-top: 20px;
	}
	.more-data {
		display: block;
	}
	.pro-cobook {
		background-image: url(../images/pro-cobooks.jpg);
	}
	.pro-cobook a {
		margin-bottom: 400px;
	}
	.pro-cobook p {
		width: 100%;
	}
	.index-name p br {
		display: none;
	}

	.moname-flr .index-nfl {
		float: left;
		width: 80%;
		text-align: left;
	}
	.moname-flr .index-nfr {
		float: right;
		width: 20%;
	}
	.moname-flr .index-nfr .pro-more {
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 14px;
	}
	.pro-potgood li strong {
		line-height: 26px;
		height: 52px;
		overflow: hidden;
	}
	.zmlink-data01 li a {
		font-size: 14px;
		padding: 0 6px;
	}
	.zlink-show ul {
		overflow-x: auto;
		width: 100%;
		display: flex;
	}
	.zlink-show ul li {
		width: auto;
	}
	.zlink-show ul li a {
		white-space: nowrap;
		padding: 5px 10px;
	}
	.qlty-info .scroNum-show {
		display: -webkit-flex;
		display: flex;
		justify-content: space-around; /* 水平居中 */
		align-items: center;
		width: 100%;
	}
	.qlty-info .scroNum-show::after {
		display: none;
	}
	.qlty-info .scroNum-show li {
		float: none;
		width: auto !important;
		flex-shrink: 0;
	}
}
@media screen and (max-width: 660px) {
	.header-fr .header-link {
		width: 80%;
	}
	.foot-cont strong {
		font-size: 24px;
	}
	.foot-cont p {
		font-size: 14px;
	}
	.foot-fb {
		text-align: center;
	}
	.side-totop {
		width: 40px;
		bottom: 200px;
	}

	.index-base,
	.index-custom,
	.index-news,
	.top-box,
	.pro-tamain,
	.pro-cogood,
	.zabout-intro,
	.zcont-msg,
	.znews-hot,
	.znews-list02 {
		margin-top: 40px;
	}
	.index-pro,
	.index-news,
	.sitemap,
	.pro-talist,
	.pro-tanews,
	.pro-tasolu,
	.pro-cogood,
	.pro-potvideo,
	.zlist-show,
	.zabout-custom,
	.zabout-book,
	.qlty-box,
	.zvideo-grey,
	.zvideo-greys,
	.zcase-show,
	.zinner-boxs,
	.znews-list02,
	.znews-boxlist {
		padding: 40px 0;
	}
	.index-about {
		padding-top: 40px;
	}
	.index-name {
		margin-bottom: 30px;
	}
	.index-name h2,
	.zabout-intro strong,
	.msg-show .msg-name {
		font-size: 24px;
	}

	.index-base ul {
		margin-left: 0;
	}
	.index-base li {
		margin-left: 0;
		width: 100%;
	}
	.index-base li .index-bfr p {
		height: auto;
	}
	.index-base li {
		padding-left: 55px;
		margin-bottom: 20px;
	}
	.index-base li .index-bfl img {
		width: 36px;
	}
	.index-base li .index-bfr strong {
		font-size: 18px;
	}
	.index-base li .index-bfr p {
		font-size: 14px;
		line-height: 1.6;
		margin-top: 8px;
	}
	.index-protab li {
		width: auto;
		padding: 0 6px;
		line-height: 30px;
		font-size: 14px;
		margin: 0 3px;
	}
	.pro-zlist,
	.pro-zcase {
		padding: 10px;
		padding-bottom: 20px;
	}
	.pro-zlist .index-protxt {
		font-size: 18px;
		margin-top: 16px;
	}
	.pro-zlist p {
		font-size: 14px;
	}
	.pro-zlist .index-promore {
		margin-top: 8px;
	}
	.pro-zlist .index-promore img {
		width: 30px;
	}
	.pro-zcase .index-caseinfo {
		margin-top: 16px;
	}
	.pro-zcase .index-caseinfo a {
		font-size: 18px;
	}
	.index-data img {
		min-height: 360px;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	.scroNum-show li {
		width: 50%;
		margin-bottom: 20px;
		padding-left: 3%;
	}
	.scroNum-show li:nth-child(2) {
		text-align: right;
	}
	.scroNum-show li:nth-child(3):before {
		display: none;
	}
	.scroNum-show li:before {
		height: 50px;
		margin-top: -25px;
		margin-left: 0;
	}
	.scroNum-show li i {
		font-size: 14px;
	}
	.scroNum-show li p {
		font-size: 14px;
		margin-top: 6px;
	}
	.scroNum-show li:last-child {
		width: 50%;
	}

	.qlty-info .scroNum-show li {
		width: 33.3%;
		margin-bottom: 0;
	}
	.index-intmain {
		padding-bottom: 0;
	}
	.index-abshow p {
		font-size: 14px;
		margin-bottom: 16px;
	}
	.index-abshow ul {
		margin-top: 40px;
	}
	.index-abshow li .index-abtxt {
		margin-top: 10px;
	}
	.index-custom li {
		width: 31.7%;
		margin-bottom: 10px;
	}
	.index-newtab li {
		font-size: 14px;
	}
	.index-newlink li {
		padding: 12px;
		margin-top: 12px;
	}
	.index-newlink li.on:before,
	.index-newlink li:hover:before {
		display: none;
	}
	.index-newlink li .index-newdata {
		width: 62px;
		margin-right: 10px;
	}
	.index-newlink li .index-newinfo a {
		font-size: 16px;
	}
	.news-swiper .swiper-slide img {
		min-height: 172px;
	}
	.index-newfl {
		width: 100%;
	}
	.index-newfr {
		width: 100%;
	}
	.news-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 10px;
	}
	.news-swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.top-ban img {
		min-height: 120px;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	.pro-tagood li .pro-gditem span {
		font-size: 20px;
	}
	.pro-tagood li .pro-gditem p {
		font-size: 14px;
	}
	.pro-listbox li,
	.case-listbox li {
		width: 48%;
		margin-bottom: 16px;
		margin-left: 2%;
	}
	.pro-tabainfo .index-name {
		margin-bottom: 20px;
	}
	.pro-tabainfo > p {
		font-size: 14px;
		margin-bottom: 12px;
	}
	.pro-more {
		font-size: 16px;
	}
	.pro-tabainfo .pro-more {
		margin-top: 10px;
	}
	.pro-tanewfl,
	.pro-tanewfl > a,
	.pro-tanewfc {
		height: 420px;
	}
	.pro-tanewfr li .pro-tanewdata strong {
		font-size: 32px;
	}
	.pro-tanewfr li .pro-tanewinfo .pro-tanewmore {
		display: none;
	}

	.pro-type {
		margin: 20px 0 10px;
	}
	.pro-type li {
		font-size: 14px;
	}
	.pro-type li span {
		width: 60px;
		margin-right: 6px;
	}
	.pro-type li a.pro-typeall {
		min-width: 50px;
	}
	.pro-type li a {
		min-width: 100px;
		margin-right: 6px;
	}
	.pro-listshow .pro-listbox li,
	.pro-colist .pro-listbox li {
		width: 48%;
		margin-bottom: 10px;
		padding: 10px;
		margin-left: 2%;
	}
	.pro-listshow .pro-zlist .index-protxt {
		font-size: 18px;
	}
	.pro-point {
		line-height: 48px;
	}
	.pro-point li {
		margin: 0 8px;
	}
	.pro-point li a {
		font-size: 14px;
	}
	.pro-taintro {
		padding: 30px 0;
	}
	.pro-introinfo h1 {
		font-size: 24px;
	}
	.pro-introinfo p {
		font-size: 16px;
	}
	.pro-introinfo .pro-introli p {
		font-size: 14px;
		
	}
	.pro-introinfo .pro-introli p *{
		text-wrap-mode:unset !important;
	}
	.pro-introinfo .pro-introli span {
		font-size: 18px;
		margin-bottom: 6px;
	}
	
	.pro-introinfo .pro-introlink02 a {
		width: 120px;
		line-height: 32px;
		font-size: 16px;
	}
	.pro-tabox strong {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.pro-tabox p {
		font-size: 14px;
	}
	.pro-tatable {
		margin-top: 0;
	}
	.pro-tabox {
		margin-bottom: 24px;
	}
	.pro-tatable table tr.table-tit td {
		font-size: 14px;
	}
	.pro-tatable table td {
		padding: 6px 10px;
	}
	.pro-tatable table tr .pro-tablelink {
		font-size: 14px;
		width: 72px;
	}
	.pro-taboxul li {
		width: 29.17%;
		margin-bottom: 12px;
	}
	.pro-taboxul li .pro-taboxtxt {
		font-size: 14px;
	}
	.pro-cogood li img {
		width: 60px;
	}
	.pro-cogood li strong {
		font-size: 18px;
	}
	.pro-cogood li p {
		font-size: 14px;
		line-height: 1.6;
		margin-top: 10px;
	}
	.pro-cobook p {
		font-size: 14px;
		line-height: 1.6;
	}
	.pro-cobook a {
		padding: 0 16px;
		line-height: 32px;
		font-size: 16px;
		margin-top: 20px;
	}
	.pro-cobook {
		padding: 40px 0 80px;
	}
	.pro-codevice {
		padding: 30px 0;
	}
	.pro-codevice li span {
		font-size: 14px;
		margin-top: 10px;
	}
	.video-listbox {
		margin-left: 0;
	}
	.video-listbox li {
		margin-left: 0;
		width: 100%;
		margin-bottom: 12px;
	}
	.video-listbox li .video-listinfo .video-listtxt {
		font-size: 16px;
	}
	.pot-swiper .swiper-slide.swiper-slide-active .pro-potinfo {
		margin-left: -20px;
		margin-right: -20px;
	}
	.pro-potgood ul {
		margin-left: 0;
	}
	.pro-potgood li {
		margin-left: 0;
		width: 100%;
		text-align: left;
	}
	.pro-potgood li img {
		width: 48px;
	}
	.pro-potgood li strong {
		margin-top: 16px;
		height: auto;
	}
	.pro-potgood li p {
		font-size: 14px;
		height: auto;
		margin-top: 10px;
	}
	.pro-potvfl .index-name {
		margin-bottom: 20px;
	}
	.pro-potvfl p {
		font-size: 14px;
	}
	.pro-potvfl {
		padding: 12px;
	}
	.pro-potvfl a {
		width: 100px;
		margin-top: 0;
	}
	.pro-potvfl a img {
		width: 60px;
	}
	.zlist01-box li {
		padding: 16px;
		margin-bottom: 24px;
	}
	.zlist01-box li:before {
		width: 3px;
	}
	.zlist01-box .zlist01-info p {
		font-size: 14px;
		margin-top: 16px;
	}
	.zlist01-box .zlist01-info .zlist01-more {
		display: none;
	}
	.zlist01-box .zlist01-info {
		padding-left: 0;
	}
	.zlink-show li {
		margin-right: 10px;
	}
	.zlink-show li a {
		font-size: 14px;
		padding: 0 12px;
	}
	.zlist02-box .zlist02-info a {
		font-size: 16px;
	}
	.zlist02-box .zlist02-info p {
		font-size: 14px;
		margin-top: 10px;
	}
	.zlist02-box li {
		padding: 12px;
		margin-bottom: 12px;
	}

	.zkey-fl {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.zkey-nav {
		background-color: transparent;
	}
	.zkey-nav li {
		display: inline-block;
		border: 1px solid #ccc;
		background-color: #fff;
		margin-bottom: 6px;
		line-height: 36px;
	}
	.zkey-nav li a {
		font-size: 14px;
		padding: 0 6px;
	}
	.zkey-fr {
		margin-top: 10px;
	}
	.zkey-box li {
		padding: 10px;
	}
	.zkey-box li .zkey-boxfr strong {
		font-size: 18px;
	}
	.zkey-box li .zkey-boxfl .zkey-blink01 {
		font-size: 14px;
	}
	.zkey-box li .zkey-boxfl .zkey-blink01 img,
	.pro-introinfo .pro-introlink01 a img {
		width: 16px;
		margin-left: 4px;
	}

	.zabout-base {
		padding: 40px 0;
	}
	.zabout-basefl {
		width: 100%;
		text-align: center;
	}
	.zabout-basefr {
		width: 100%;
	}
	.zabout-base .index-name p {
		font-size: 16px;
		margin-top: 12px;
	}
	.zabout-basefr p {
		font-size: 14px;
		margin-bottom: 12px;
	}
	.zabout-base ul {
		margin-top: 24px;
	}
	.zabout-intro p {
		font-size: 14px;
		margin-top: 12px;
	}
	.zabout-introfl,
	.zabout-introfr {
		width: 48%;
	}
	.zabout-intro img {
		margin-top: 20px;
	}
	.zabout-introfr img {
		margin-bottom: 20px;
	}

	.zabout-download {
		padding: 40px 0;
	}
	.zdl-list li {
		background-color: #f6f7fb;
		padding: 20px;
		margin-bottom: 16px;
	}
	.zdl-list li:before {
		display: none;
	}
	.zdl-list li .zdl-info .zdl-name {
		font-size: 18px;
		line-height: 24px;
	}
	.zdl-list li .zdl-pic {
		padding-bottom: 0;
		border: none;
		margin-top: 20px;
	}
	.zdl-list li .zdl-info {
		padding-top: 0;
		width: 62%;
	}
	.zdl-list li .zdl-info .zdl-font,
	.zdl-list li .zdl-info .zdl-popu {
		margin-top: 20px;
	}
	.zdl-list li .zdl-info .zdl-popu {
		background-color: #31b8be;
		color: #fff;
		font-size: 16px;
		width: auto;
		padding: 0 16px;
		line-height: 32px;
	}
	.zdl-list li .zdl-info .zdl-font {
		font-size: 14px;
	}
	.zdl-list li .zdl-pic img {
		width: 92%;
	}
	.zdl-list li .zdl-pic {
		width: 32%;
	}
	.msg-show ul {
		margin-left: 0;
	}
	.msg-show ul li {
		margin-left: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.msg-show ul li.msg-text {
		width: 100%;
	}
	.msg-show input,
	.msg-show textarea {
		padding: 6px 10px;
	}
	.msg-show textarea {
		height: 120px;
	}
	.msg-show .msg-btn button {
		width: 130px;
		line-height: 40px;
	}
	.msg-show .msg-btn {
		margin-top: 16px;
	}
	.msg-code input {
		width: 120px;
		margin: 0 8px;
	}

	.zcont-map {
		height: 420px;
		margin-top: 40px;
	}
	.zcont-map .BMapLib_SearchInfoWindow {
		max-width: 300px;
		width: 80%;
	}
	.zcont-map .BMapLib_SearchInfoWindow .BMapLib_bubble_content > div {
		padding: 12px !important;
		font-size: 14px !important;
	}
	.zcont-map .BMapLib_SearchInfoWindow .BMapLib_bubble_content > div strong {
		font-size: 18px !important;
	}
	.zcont-map .BMapLib_bubble_content {
		height: auto !important;
	}
	.zabout-download .zpopu-show .zpopu-close,
	.zpopu-show.other .zpopu-close {
		top: 10px;
		right: 16px;
	}
	.zabout-download .zpopu-show .zpopu-close img,
	.zpopu-show.other .zpopu-close img {
		width: 30px;
	}
	.zabout-download .zpopu-show .zpopu-box,
	.zpopu-show.other .zpopu-box {
		padding: 16px;
	}
	.qlty-info .qlty-txt strong {
		font-size: 24px;
		margin-bottom: 16px;
	}
	.qlty-info .qlty-txt p {
		font-size: 14px;
		line-height: 1.6;
	}

	.zvideo-greys .video-listbox li {
		margin-bottom: 12px;
	}

	.zinner-return {
		line-height: 36px;
	}
	.zinner-return a {
		padding: 0 16px;
		font-size: 16px;
	}
	.zinner-return a img {
		width: 18px;
		margin-right: 6px;
	}
	.zinner-box {
		padding: 24px 12px;
	}
	.zinner-box > span {
		font-size: 14px;
	}
	.zinner-box .zinner-name i {
		padding: 5px 10px;
		font-size: 14px;
		margin-top: 10px;
		line-height: 20px;
	}
	.zinner-box .zinner-name h1 {
		font-size: 20px;
	}
	.zinner-word p {
		font-size: 14px;
		margin-bottom: 16px;
	}
	.zinner-page {
		margin-top: 30px;
	}
	.zinner-page a.zinner-page01:before {
		left: 12px;
	}
	.zinner-page a.zinner-page02:before {
		right: 12px;
	}
	.zinner-page a.zinner-page01 {
		padding-left: 40px;
		padding-right: 12px;
	}
	.zinner-page a.zinner-page02 {
		padding-left: 12px;
		padding-right: 40px;
	}

	.znews-item .znews-hotdata,
	.znews-item .znews-hottxt span,
	.znews-item p {
		display: none;
	}
	.znews-item .znews-hottxt {
		padding-left: 0;
		margin-top: 14px;
		margin-top: 0;
	}
	.znews-item .znews-hottxt a {
		font-size: 16px;
		line-height: 1.6;
		white-space: initial;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.znews01-swiper {
		width: 100%;
	}
	.znews02-swiper {
		width: 100%;
	}
	.znews-item {
		height: auto;
		padding: 16px;
		margin-left: 0;
		margin-top: 12px;
	}
	.znews-item:before {
		display: none;
	}
	.znews01-swiper img {
		height: auto;
	}
	.znews-item > a {
		margin-top: 16px;
	}
	.znews01-swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}
	.znews-item .znews-hotdata {
		font-size: 12px;
	}
	.znews-item .znews-hotdata strong {
		font-size: 20px;
	}
	.znews-list01 {
		margin-top: 24px;
	}
	.znews-list {
		margin-left: 0;
	}
	.znews-list li {
		margin-left: 0;
		width: 100%;
		margin-bottom: 12px;
	}
	.znews-ltinfo {
		padding: 16px;
	}
	.znews-ltinfo p {
		height: auto;
		-webkit-line-clamp: 2;
		margin-top: 12px;
	}
	.znews-ltinfo .znews-lttxt {
		font-size: 16px;
	}
	.znews-blist li .znews-blistdata {
		display: none;
	}
	.znews-blist li p {
		margin-top: 12px;
		-webkit-line-clamp: 2;
	}
	.znews-blist li .znews-blistmore {
		margin-top: 12px;
	}
	.znews-blist li {
		padding: 16px;
		margin-bottom: 20px;
	}
	.zinner-ten {
		padding: 12px;
	}
	.zinner-ten strong {
		font-size: 20px;
	}
	.zinner-ten li {
		margin-bottom: 20px;
	}
	.zinner-ten li .zinner-teninfo a {
		font-size: 16px;
	}
	.pro-zlist .index-protxt {
		font-size: 16px;
	}

	.index-case .case-listbox li:first-child {
		width: 98%;
	}
	.index-casetab {
		margin-top: 40px;
	}

	.case-listbox li:first-child {
		width: 98%;
	}
	.zkey-btn {
		display: block;
		background-color: #31b8be;
		color: #fff;
		font-size: 16px;
		position: relative;
		padding: 16px;
	}
	.zkey-btn:after {
		content: '';
		position: absolute;
		right: 16px;
		top: 22px;
		width: 15px;
		height: 8px;
		background: url(../images/nav-icon.png) no-repeat center;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		cursor: pointer;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.zkey-btn.zkey-btnopen:after {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.zkey-nav {
		display: none;
	}
	.zkey-nav.zkey-navon {
		display: block;
		background-color: #fff;
	}
	.zkey-nav.zkey-navon li {
		display: block;
		border: none;
		border-bottom: 1px solid #dcdcdc;
		margin-bottom: 0;
	}
	.zkey-nav.zkey-navon li:hover {
		background-color: #31b8be;
	}
	.zkey-nav.zkey-navon li a {
		padding: 10px 12px;
	}
	.index-newtab li {
		width: 24%;
		margin: 0 0.5%;
	}
	.sitemap li a {
		min-width: 100px;
		padding: 0 10px;
		margin-right: 16px;
	}
	.sitemap li span {
		margin-bottom: 6px;
	}
	.zmlink-data01 li {
		width: 70px;
		margin-right: 6px;
		min-width: auto;
	}
	.zmlink-data01 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
	.zmlink-data02 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
	.zmlink-data03 li {
		width: 84px;
		margin-right: 6px;
		min-width: auto;
	}
	.zmlink-data03 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
	.zmlink-data04 li {
		margin-right: 1%;
	}
	.zmlink-data04 li a {
		line-height: 20px;
		padding: 6px;
		font-size: 12px;
	}
}
@media screen and (max-width: 480px) {
	.one-show img {
		min-height: 180px;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	.one-show .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 10px;
	}
	.one-show
		.swiper-container-horizontal
		> .swiper-pagination-bullets
		.swiper-pagination-bullet {
		margin: 0 5px;
	}
	.one-show .swiper-pagination-bullet,
	.case-swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}
	.case-swiper.swiper-container-horizontal
		> .swiper-pagination-bullets
		.swiper-pagination-bullet {
		margin: 0 5px;
	}
	.pot-swiper.swiper-container-horizontal
		> .swiper-pagination-bullets
		.swiper-pagination-bullet {
		margin: 0 5px;
	}
	.pot-swiper .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.pot-swiper.swiper-container {
		padding-bottom: 40px;
	}

	.index-abshow ul {
		margin-top: 20px;
	}
	.index-abshow li .index-abtxt {
		font-size: 14px;
	}
	.index-about .index-name a img {
		width: 36px;
	}
	.index-newtab li {
		font-size: 12px;
		line-height: 30px;
		padding: 0 1px;
		margin: 0 3px;
	}
	.pro-tagood ul {
		margin-left: 0;
	}
	.pro-tagood li {
		margin-left: 0;
		width: 100%;
	}
	.pro-tagood li .pro-gditem {
		padding: 12px;
		margin-bottom: 16px;
	}
	.pro-tagood li .pro-gditem img {
		width: 32px;
	}
	.pro-tagood li .pro-gditem span {
		font-size: 18px;
		margin-top: 15px;
	}
	.pro-tagood li .pro-gditem p {
		margin-top: 8px;
	}
	.pro-tagood li.pro-gdfc {
		margin-top: 0;
	}
	/* .pro-listbox,.case-listbox{margin-left: 0;}
    .pro-listbox li,.case-listbox li{margin-left: 0;width: 100%;} */
	.pro-tanewfl,
	.pro-tanewfl > a,
	.pro-tanewfc {
		height: auto;
	}
	.pro-tanewfl {
		width: 100%;
	}
	.pro-tanewfc {
		width: 100%;
		margin: 12px 0 0;
		padding: 16px;
	}
	.pro-tanewfl .pro-tanewinfo {
		left: 16px;
		right: 16px;
	}
	.pro-tanewinfo .pro-tanewtxt {
		height: auto;
		font-size: 16px;
	}
	.pro-tanewfr li .pro-tanewdata {
		padding-right: 10px;
		margin-right: 10px;
	}
	.pro-tanewfr li {
		padding: 16px;
		margin-top: 12px;
	}
	.pro-tanewfr {
		margin-top: 12px;
	}
	.pro-more {
		line-height: 30px;
	}

	.pro-listshow {
		padding: 30px 0;
	}
	.page-show {
		margin-top: 30px;
		line-height: 30px;
	}
	.page-show .page-data a,
	.page-show .page-data strong {
		width: 30px;
	}
	.page-show .page-jump {
		margin-left: 8px;
	}
	.page-show .page-btn {
		margin-left: 8px;
	}
	.page-show .page-jump input {
		width: 42px;
		height: 30px;
		line-height: 30px;
		padding: 0 5px;
		margin: 0 5px;
	}
	.page-show .page-btn button {
		height: 30px;
		line-height: 30px;
		width: 42px;
	}
	.pro-introinfo h1 {
		font-size: 24px;
	}
	.intro-swiper .swiper-button-next {
		width: 30px;
		height: 30px;
		right: 20px;
		bottom: 20px;
	}
	.intro-swiper .swiper-button-prev {
		width: 30px;
		height: 30px;
		right: 60px;
		bottom: 20px;
	}
	.pro-taboxul li {
		width: 45.84%;
	}
	.pro-cogood ul {
		margin-left: 0;
	}
	.pro-cogood li {
		margin-left: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.pro-cogood li strong {
		margin-top: 10px;
	}

	.pro-colist .pot-swiper {
		margin: 0 3%;
	}
	.pot-swiper .swiper-slide.swiper-slide-active .pro-potinfo {
		margin-left: 0;
		margin-right: 0;
	}
	.zlink-show {
		line-height: 60px;
	}
	.zlink-show li {
		margin-right: 6px;
	}
	.zlink-show li a {
		font-size: 12px;
		padding: 0 6px;
	}
	.zlist01-box li {
		padding: 10px;
		margin-bottom: 16px;
	}
	.zlist01-box .zlist01-info p {
		height: 48px;
		-webkit-line-clamp: 2;
		margin-top: 10px;
	}
	.zlist01-box .zlist01-info .zlist01-txt {
		font-size: 18px;
	}
	.zlist01-box .zlist01-pic {
		width: 42%;
	}
	.zlist01-box .zlist01-info {
		width: 55%;
	}
	.zpopu-show .zpopu-info .zpopu-pic {
		width: 100%;
	}
	.zpopu-show .zpopu-info .zpopu-list {
		width: 100%;
		margin-top: 16px;
	}
	.zpopu-show .zpopu-name {
		padding-left: 10px;
	}
	.zabout-introfl,
	.zabout-introfr {
		width: 100%;
	}
	.zcase-pro {
		padding-top: 24px;
		margin-top: 24px;
	}
	.zinner-page {
		margin-top: 16px;
	}
	.zinner-page a {
		width: 100%;
		line-height: 50px;
		margin-top: 6px;
	}
	.zinner-box {
		padding-top: 50px;
	}

	.index-news .index-newtab li {
		width: 48%;
		margin: 0 1% 10px;
	}
	.index-case .case-listbox {
		margin-left: -2%;
	}
	.index-case .case-listbox li {
		width: 48%;
		margin-left: 2%;
	}
	.index-case .case-listbox li:first-child {
		width: 98%;
	}
	.index-casetab {
		margin-top: 20px;
	}
	.index-casetab li {
		width: 10px;
		height: 10px;
		margin: 0 6px;
	}
	.pro-cobook a {
		margin-bottom: 300px;
	}

	body {
		padding-bottom: 66px;
	}
	.mside-box {
		bottom: 10px;
		padding: 8px 0;
	}
	.mside-box li img {
		width: 20px;
	}
	.mside-box li p {
		font-size: 14px;
		margin-top: 6px;
	}
	.mside-box li .mside-have {
		bottom: 48px;
		padding: 6px;
	}

	.zlink-data01 li a {
		padding: 0 15px;
	}
	.zcase-show .case-listbox li {
		margin-bottom: 12px;
	}
	.potbases-swiper.swiper-container-horizontal
		> .swiper-pagination-bullets
		.swiper-pagination-bullet {
		margin: 0 5px;
	}
	.potbases-swiper .swiper-slide.swiper-slide-active span {
		color: #646464;
	}

	.potbases-swiper .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.index-protab li {
		font-size: 12px;
		padding: 0 3px;
	}
	.zmlink-data01 li a {
		padding: 4px 5px;
	}
	.zmlink-data02 {
		line-height: 34px;
	}
	.zmlink-data02 li a {
		padding: 3px 6px;
	}
	.zmlink-data03 li a {
		padding: 4px 6px;
	}
	.zmlink-data04 {
		line-height: 34px;
	}
	.zmlink-data04 li {
		margin-right: 1%;
		width: auto;
	}
	.zmlink-data04 li a {
		padding: 3px 6px;
	}
	.qlty-info {
		padding: 16px 12px;
	}
	.pro-more {
		padding: 0 12px;
		font-size: 14px;
	}
}
@media screen and (max-width: 375px) {
	.header {
		line-height: 42px;
	}
	.nav-btn {
		margin-top: 5px;
	}
	.index-navs li a:hover .navs-txt,
	.index-navs li a .navs-txt {
		font-size: 16px;
	}
	.navs-pic img {
		min-height: 100px;
		-webkit-object-fit: cover;
		object-fit: cover;
	}
	.foot-ft {
		padding: 24px 0;
	}

	.index-base,
	.index-news,
	.top-box,
	.pro-tamain,
	.pro-cogood,
	.zcont-base,
	.zcont-msg,
	.znews-hot,
	.znews-list02 {
		margin-top: 24px;
	}
	.pro-tasolu,
	.pro-cogood,
	.pro-potvideo,
	.zlist-show,
	.zabout-custom,
	.zabout-book,
	.zabout-download,
	.qlty-box,
	.zvideo-grey,
	.zvideo-greys,
	.zcase-show,
	.zinner-boxs,
	.znews-list02,
	.znews-boxlist {
		padding: 24px 0 30px;
	}
	.page-show {
		margin-top: 24px;
	}
	.index-about {
		padding-top: 24px;
	}
	.index-name {
		margin-bottom: 20px;
	}
	.index-name h2,
	.zabout-intro strong,
	.msg-show .msg-name {
		font-size: 20px;
	}
	.index-name p {
		font-size: 14px;
		margin-top: 10px;
	}
	.index-data img {
		min-height: 300px;
	}
	.scroNum-show li span {
		font-size: 24px;
	}
	.pro-zcase .index-caseinfo a {
		font-size: 16px;
	}
	.pro-zcase .index-caseinfo span {
		font-size: 12px;
	}

	.pro-intropic .pro-introtab {
		width: 50px;
	}
	.pro-intropic .pro-introtab li {
		height: 50px;
		margin-bottom: 8px;
	}
	.pro-introinfo h1 {
		font-size: 22px;
	}
	.pro-introinfo p {
		font-size: 14px;
		margin-top: 5px;
	}
	.pro-introinfo .pro-introli {
		padding-top: 10px;
		margin-top: 10px;
	}
	.pro-tabox strong {
		font-size: 16px;
	}
	.potbases-swiper.swiper-container {
		padding-bottom: 30px;
	}
	.potbases-swiper .swiper-slide span {
		font-size: 12px;
	}
	.potbase-main .pro-potbainfo {
		padding: 12px;
	}
	.pro-potbase {
		padding: 24px 0 60px;
	}
	.pro-potbase .swiper-pagination {
		margin-top: 20px;
	}
	.zlist01-box .zlist01-info .zlist01-txt {
		font-size: 16px;
	}
	.zkey-box li .zkey-boxfl {
		width: 100%;
	}
	.zkey-box li .zkey-boxfr {
		width: 100%;
		margin-top: 12px;
	}
	.zcont-base li .zcont-info strong {
		font-size: 18px;
	}
	.qlty-info .qlty-txt strong {
		font-size: 20px;
	}
	.znews-item,
	.znews-ltinfo {
		padding: 12px;
	}
	.znews-ltinfo span {
		display: none;
	}
	.znews-blist li {
		padding: 12px;
		display: block;
		margin-bottom: 12px;
	}
	.znews-blist li .znews-blistfl {
		width: 100%;
	}
	.znews-blist li .znews-blistfr {
		width: 100%;
	}
	.znews-blist li .znews-blisttxt {
		font-size: 18px;
	}

	.zkey-btn {
		padding: 10px 12px;
	}
	.zkey-btn:after {
		right: 12px;
		top: 14px;
	}
	.zkey-nav.zkey-navon li {
		padding: 0 12px;
	}
	.zmlink-data02 li {
		width: auto;
	}
}
@media screen and (max-width: 360px) {
	.index-newtab li {
		margin: 0 1px;
		padding: 0 3px;
	}
	.sitemap li {
		padding: 10px;
	}
	.zlink-show li {
		margin-right: 3px;
	}
	.zlink-show li a {
		padding: 0 3px;
	}
	.index-case .case-listbox {
		margin-left: 0;
	}
	.index-case .case-listbox li {
		width: 100%;
		margin-left: 0;
	}
	.index-case .case-listbox li:first-child {
		width: 100%;
	}

	.zlink-data01 li a {
		padding: 0 10px;
	}
	.zmlink-data03 li a {
		padding: 4px 6px;
	}
	.zcase-show .case-listbox li {
		width: 100%;
		margin-left: 0;
	}
	.case-listbox {
		margin-left: 0;
	}
	.case-listbox li:first-child {
		width: 100%;
	}
}