@charset "utf-8";
/* CSS Document */
.ztcontainer {
	display: block;
	width: 85%;
	max-width: 1600px;
	margin: 0 auto;
}
.ztcontainer2 {
	display: block;
	width: 85%;
	max-width: 1300px;
	margin: 0 auto;
}
.ztban {
	height: calc(100vh - 190px);
	position: relative;
	width: 100%;
}
.ztinfo {
	color: #ffffff;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
}
.ztinfo .img {
	height: 48px;
	margin-bottom: 40px;
}
.ztinfo .img img {
	display: block;
	height: 100%;
	margin: 0 auto;
}
.ztinfo h3 {
	font-size: 72px;
}
.ztinfo p {
	font-size: 48px;
}
.ztban .zbban_btn {
	position: absolute;
	left: 50%;
	margin-left: -22.5px;
	bottom: 50px;
	width: 45px;
	cursor: pointer;
}
.ztban .zbban_btn img {
	display: block;
	position: absolute;
	width: 100%;
	animation: myFade 2s linear infinite;
}
.tit01 {
	color: #111111;
	text-align: center;
	margin: 60px 0;
}
.tit01 h3 {
	font-size: 48px;
	font-weight: normal;
}
.tit01 p {
	font-size: 18px;
	margin-top: 15px;
	line-height: 2;
}
.ztprod_info {
	background: #f8f8f7;
	overflow: hidden;
}
.ztprod_info .tit01 p {
	color: #737373;
}
.sjnav {
	width: 720px;
	margin: 0 auto;
	overflow: hidden;
}
.sjnav li {
	margin: 0 20px;
	width: 200px;
	height: 200px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.sjnav li i {
	display: block;
	margin: 50px auto 30px auto;
	width: 60px;
	height: 60px;
}
.sjnav li span {
	color: #111111;
	font-size: 18px;
}
.sjnav li i.ico01 {
	background: url(../img/ico01.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico02 {
	background: url(../img/ico02.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico03 {
	background: url(../img/ico03.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico04 {
	background: url(../img/ico04.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico05 {
	background: url(../img/ico05.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico06 {
	background: url(../img/ico06.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico07 {
	background: url(../img/ico07.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li i.ico08 {
	background: url(../img/ico08.png) no-repeat center center;
	background-size: 100%;
}
.sjnav li.on, .sjnav li:hover {
	background: #facf67;
}
.sjnav li.on span, .sjnav li:hover span {
	color: #ffffff;
}
.sjnav li.on i.ico01, .sjnav li:hover i.ico01 {
	background-image: url(../img/ico01s.png);
}
.sjnav li.on i.ico02, .sjnav li:hover i.ico02 {
	background-image: url(../img/ico02s.png);
}
.sjnav li.on i.ico03, .sjnav li:hover i.ico03 {
	background-image: url(../img/ico03s.png);
}
.sjnav li.on i.ico04, .sjnav li:hover i.ico04 {
	background-image: url(../img/ico04s.png);
}
.sjnav li.on i.ico05, .sjnav li:hover i.ico05 {
	background-image: url(../img/ico05s.png);
}
.sjnav li.on i.ico06, .sjnav li:hover i.ico06 {
	background-image: url(../img/ico06s.png);
}
.sjnav li.on i.ico07, .sjnav li:hover i.ico07 {
	background-image: url(../img/ico07s.png);
}
.sjnav li.on i.ico08, .sjnav li:hover i.ico08 {
	background-image: url(../img/ico08s.png);
}
.sjmain {
	height: 696px;
}
.sjmain .sjinfo {
	height: 100%;
	overflow: hidden;
	display: none;
	position: relative;
}
.sjmain .sjinfo img {
	display: none;
}
.sjmain .sjinfo01 {
	background: url(../img/technology-01.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo02 {
	background: url(../img/technology-02.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo03 {
	background: url(../img/technology-03.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo04 {
	background: url(../img/technology-04.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo05 {
	background: url(../img/sjimg05.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo06 {
	background: url(../img/sjimg06.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo07 {
	background: url(../img/sjimg07.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo08 {
	background: url(../img/sjimg08.jpg) no-repeat center center;
	background-size: cover;
}
.sjmain .sjinfo .txt {
	position: absolute;
	height: 100%;
	width: 100%;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
}
.sjmain .sjinfo .txt .ztcontainer {
	height: 100%;
}
.sjmain .sjinfo .txt .info {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	padding-left: 54%;
}
.sjmain .sjinfo .txt h3 {
	font-size: 60px;
}
.sjmain .sjinfo .txt p {
	font-size: 24px;
	line-height: 2;
	margin-top: 10px;
}
.znmain {
	height: 633px;
	background: url(../img/znmain.jpg) no-repeat center center;
	background-size: cover;
	padding: 0 150px;
}
.znlistt {
	overflow: hidden;
}
.znlistt li {
	float: left;
	width: 25%;
	text-align: center;
	color: #ffffff;
}
.znlistt li i {
	display: block;
	width: 100px;
	margin: 170px auto 0 auto;
}
.znlistt li i img {
	display: block;
	width: 100%;
}
.znlistt li h3 {
	font-size: 30px;
	margin: 60px 0 25px 0;
}
.znlistt li p {
	font-size: 16px;
}
.specifications {
	margin: 80px 0 120px 0;
}
.specification {
	padding: 32px 0;
	color: #4d4d4d;
	border-top: 1px solid #d3d4d6;
	overflow: hidden;
}
.specification h3 {
	width: 40%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.specification .specification-content {
	width: 60%;
	float: left;
}
.table-content {
}
.table-content .column {
	margin-right: 40px;
}
.table-content .column:last-child {
	margin-right: 0;
}
.table-content h5 {
	color: #4d4d4d;
	font-family: Gotham, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	white-space: nowrap;
	margin-bottom: 0.5rem;
}
.table-content .column-row {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 24px;
}
.text-content {
	font-size: 16px;
}
.color-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.color-content .color {
	width: 144px;
	margin: 16px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.color-content .color .color-image-container {
	width: 96px;
	overflow: hidden;
	margin-bottom: 16px;
}
.color-content .color .color-image-container img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.color-content .color p {
	font-size: 16px;
}
.sptit {
	font-size: 100px;
	line-height: 1.8;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	color: #672fbc;
}
.sjnav li {
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
.animated {
	opacity: 0;
}