/* ---------------------- M51 info  20200131/zhu  start ------------------------ */

#m51-info-one,
#m51-info-two,
#m51-info-three,
#m51-info-four,
#m51-info-five,
#m51-info-six,
#m51-info-seven,
#m51-info-eigh,
#m51-info-nine {
	position: relative;
}

#m51-info-one img,
#m51-info-two img,
#m51-info-three img,
#m51-info-four img,
#m51-info-five img,
#m51-info-six img,
#m51-info-seven img,
#m51-info-eight img,
#m51-info-nine img {
	width: 100%;
	height: auto;
}

#m51-info-id {
	font-family: "Adobe 黑体 Std R";
	line-height: 40px;
	color: #0b0b0b;
}

@media screen and (max-width: 768px) {
	#m51-info-id {
		line-height: 24px;
	}
}

#m51-info-one .m51info-one-text {
	position: absolute;
	top: 40%;
	left: 9%;
	width: 42%;
}

#m51-info-one .m51info-one-text h2 {
	font-size: 23px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: inherit;
	text-align: center;
}

#m51-info-one .m51info-one-text p {
	margin: 20px 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#m51-info-one .m51info-one-text {
		top: 9%;
		left: 4%;
		width: 100%;
	}
	#m51-info-one .m51info-one-text h2 {
		font-size: 14px;
		text-align: center;
	}
	#m51-info-one .m51info-one-text p {
		font-size: 12px;
		margin: 5% 0 0 2%;
		line-height: 22px;
		word-break: break-all;
		width: 55%;
	}
}

#m51-info-one .m51info-one-text .m51info-one-img img {
	width: 50%;
	height: auto;
}

#m51-info-two .m51info-two-text {
	margin: 2% 0;
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#m51-info-two .m51info-two-text h2 {
	font-family: inherit;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 10px;
}

#m51-info-two .m51info-two-text p {
	margin: 20px 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#m51-info-two .m51info-two-text h2 {
		margin-right: 37px;
		font-size: 17px;
	}
	#m51-info-two .m51info-two-text p {
		font-size: 14px;
		text-align: left;
		margin: 0;
	}
}

#m51-info-three .m51info-three-text {
	position: absolute;
	top: 9%;
	left: -0.75%;
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#m51-info-three .m51info-three-text h2 {
	font-size: 23px;
	font-weight: bold;
}

#m51-info-three .seam p {
	margin: 3% 0;
	font-size: 17px;
	text-align: center;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#m51-info-three .m51info-three-text h2 {
		font-size: 17px;
		margin-right: 17px;
	}
	#m51-info-three .seam p {
		margin: 1% 4%;
		font-size: 14px;
		text-align: left;
	}
}

#m51-info-four .m51info-four-text {
	position: absolute;
	top: 23%;
	left: 13%;
	width: 78%;
	text-align: left;
	margin-top: 3%;
}

#m51-info-four .m51info-four-text p {
	width: 100%;
	margin-top: 28%;
	font-size: 17px;
	text-indent: 2em;
	margin-bottom: 0;
}

#m51-info-four .m51info-four-text span {
	float: right;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	#m51-info-four .m51info-four-text {
		padding: 0 2% 0 7%;
		left: 0;
		width: 100%;
		position: relative;
	}
	#m51-info-four .m51info-four-text p {
		margin-top: 1%;
		font-size: 14px;
		WORD-WRAP: break-word;
		TABLE-LAYOUT: fixed;
		word-break: break-all;
	}
	#m51-info-four .m51info-four-text span {
		float: none;
	}
}

#m51-info-five .m51info-five-text {
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#m51-info-five .m51info-five-text h2 {
	margin: 3% 0;
	font-size: 23px;
	font-weight: bold;
}

#m51-info-five .m51info-five-text p {
	font-size: 17px;
	margin: 3% 0;
}

@media screen and (max-width: 768px) {
	#m51-info-five .m51info-five-text {
		position: relative;
		padding: 1% 7%;
		width: 100%;
	}
	#m51-info-five .m51info-five-text h2 {
		margin: 9% 0;
		font-size: 17px;
		margin-right: 40px;
		font-weight: bold;
	}
	#m51-info-five .m51info-five-text p {
		font-size: 14px;
		text-align: left;
	}
}

#m51-info-six .m51info-six-text {
	position: absolute;
	top: 10%;
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#m51-info-six .m51info-six-text h2 {
	font-size: 23px;
	font-weight: bold;
}

#m51-info-six .seam p {
	position: relative;
	width: 100%;
	font-size: 17px;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 768px) {
	#m51-info-six .m51info-six-text {
		top: 0;
	}
	#m51-info-six .m51info-six-text h2 {
		padding: 4% 6% 0 0;
		width: 100%;
		font-size: 17px;
	}
	#m51-info-six .seam p {
		padding: 0 7%;
		font-size: 14px;
		text-align: left;
		text-indent: 2em;
	}
}

#m51-info-seven .m51info-seven-text {
	position: absolute;
	bottom: 9%;
	text-align: left;
	width: 100%;
	padding: 0 10%;
}

#m51-info-seven .m51info-seven-text p {
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#m51-info-seven .m51info-seven-text {
		position: relative;
		padding: 0 7%;
	}
	#m51-info-seven .m51info-seven-text p {
		font-size: 14px;
		margin-top: 4%;
	}
}

#m51-info-eight .m51info-eight-text p {
	position: relative;
	width: 100%;
	font-size: 17px;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 1300px) {
	#m51-info-eight .m51info-eight-text p {
		padding: 0 7%;
		text-align: left;
		text-indent: 2em;
	}
}

@media screen and (max-width: 768px) {
	#m51-info-eight .m51info-eight-text {
		top: 0;
	}
	#m51-info-eight .m51info-eight-text p {
		padding: 0 7%;
		font-size: 14px;
		text-align: left;
		text-indent: 2em;
	}
}

#m51-info-nine .m51info-nine-text p {
	position: relative;
	width: 100%;
	font-size: 17px;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 1300px) {
	#m51-info-nine .m51info-nine-text p {
		padding: 0 7%;
		text-align: left;
		text-indent: 2em;
	}
}

@media screen and (max-width: 768px) {
	#m51-info-nine .m51info-nine-text {
		top: 0;
	}
	#m51-info-nine .m51info-nine-text p {
		padding: 0 7%;
		font-size: 14px;
		text-align: left;
		text-indent: 2em;
	}
}


/* ---------------------- M51 info  20200131/zhu  end ------------------------ */


/* ---------------------- faq 20200131/zhu  start ------------------------ */

#info-faq-content {
	margin: 35px 0;
}

#info-faq-content .faq-content-text {
	margin: 15px 0 0 2.6%;
	font-family: "Adobe 黑体 Std R";
}

#info-faq-content .faq-content-issue {
	font-size: 16px;
	color: #000000;
	display: block;
	font-weight: 500;
}

#info-faq-content .faq-content-issue:hover {
	cursor: pointer;
}

#info-faq-content .faq-content-issue .faq-content-arrows {
	float: right;
}

#info-faq-content .faq-content-answer {
	display: none;
	margin: 10px 0;
	width: 91%;
}


/* ---------------------- faq  20200131/zhu  end ------------------------ */


/* ---------------------- S1PRO info  20200206/zhu  start ------------------------ */

#s1pro-info-one,
#s1pro-info-two,
#s1pro-info-three,
#s1pro-info-four,
#s1pro-info-five,
#s1pro-info-six,
#s1pro-info-seven {
	position: relative;
}

#s1pro-info-one img,
#s1pro-info-two img,
#s1pro-info-three img,
#s1pro-info-four img,
#s1pro-info-five img,
#s1pro-info-six img,
#s1pro-info-seven img {
	width: 100%;
	height: auto;
}

#s1pro-info-one .s1proinfo-one-text {
	position: absolute;
	top: 36%;
	left: 17%;
	font-size: 1.2vw;
	width: 42%;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
}

#s1pro-info-one .s1proinfo-one-text h2 {
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
}

#s1pro-info-one .s1proinfo-one-text p {
	/*width: 40%;*/
}

@media screen and (max-width: 768px) {
	#s1pro-info-one .s1proinfo-one-text {
		top: 7%;
		left: 3%;
		width: 100%;
	}
	#s1pro-info-one .s1proinfo-one-text h2 {
		font-size: 15px;
		text-align: center;
		margin: 0;
	}
	#s1pro-info-one .s1proinfo-one-text p {
		font-size: 12px;
		margin: 1% 0 0 1%;
		line-height: 20px;
		word-break: break-all;
		width: 59%;
	}
}

#s1pro-info-two .s1proinfo-two-text {
	position: absolute;
	top: 27%;
	left: 5%;
	font-size: 1.2vw;
	width: 42%;
	font-family: "Adobe 黑体 Std R";
	color: #FFFFFF;
	font-weight: 600;
	text-indent: 2em;
	line-height: 40px;
}

@media screen and (max-width: 768px) {
	#s1pro-info-two .s1proinfo-two-text {
		position: relative;
		font-size: 14px;
		color: #0b0b0b;
		line-height: 22px;
		text-align: center;
		width: 100%;
		font-weight: 400;
		left: 0;
		letter-spacing: 0px;
		text-indent: 0;
		padding: 3% 5%;
	}
	#s1pro-info-two .s1proinfo-two-text p {
		margin: 0;
	}
}

#s1pro-info-three .s1proinfo-three-text {
	position: absolute;
	top: 0;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 4%;
}

#s1pro-info-three .s1proinfo-three-text p {
	position: absolute;
	width: 100%;
	margin-top: 36%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#s1pro-info-three .s1proinfo-three-text p {
		margin-top: 30.5%;
		text-indent: 0;
		padding: 0 5%;
		font-weight: 400;
		font-size: 14px;
	}
}

#s1pro-info-four .s1proinfo-four-text {
	position: absolute;
	top: 0;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 3%;
}

#s1pro-info-four .s1proinfo-four-text p {
	position: absolute;
	width: 100%;
	margin-top: 35%;
	text-align: center;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	#s1pro-info-four {
		margin-top: 7%;
	}
	#s1pro-info-four .s1proinfo-four-text p {
		margin-top: 32%;
		text-indent: 0;
		padding: 0 5%;
		font-weight: 400;
		font-size: 14px;
	}
}

#s1pro-info-five .s1proinfo-five-text {
	position: absolute;
	top: 61%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #000;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 3%;
}

#s1pro-info-five .s1proinfo-five-text h2 {
	font-size: 2vw;
	font-weight: 400;
}

#s1pro-info-five .s1proinfo-five-text p {
	position: absolute;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#s1pro-info-five .s1proinfo-five-text {
		top: 59%;
	}
	#s1pro-info-five .s1proinfo-five-text h2 {
		margin: 10px 0 0 0;
		font-weight: bold;
		font-size: 17px;
	}
	#s1pro-info-five .s1proinfo-five-text p {
		width: 100%;
		text-indent: 0;
		padding: 5px 13px;
		text-align: center;
		font-size: 14px;
	}
}

#s1pro-info-six .s1proinfo-six-text {
	position: absolute;
	top: 10%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	text-indent: 2em;
	width: 100%;
	text-align: center;
	color: #0b0b0b;
}

#s1pro-info-six .s1proinfo-six-text h2 {
	font-size: 2vw;
	font-weight: 400;
}

#s1pro-info-six .s1proinfo-six-text p {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 22%;
}

@media screen and (max-width: 768px) {
	#s1pro-info-six {
		margin-top: 17%;
	}
}


/* ---------------------- S1PRO info  20200131/zhu  end ------------------------ */


/* ---------------------- S2 info  20200206/zhu  start ------------------------ */

#s2-info-one,
#s2-info-two,
#s2-info-three,
#s2-info-four,
#s2-info-five,
#s2-info-six,
#s2-info-seven {
	position: relative;
}

#s2-info-one img,
#s2-info-two img,
#s2-info-three img,
#s2-info-four img,
#s2-info-five img,
#s2-info-six img,
#s2-info-seven img {
	width: 100%;
	height: auto;
}

#s2-info-one .s2info-one-text {
	position: absolute;
	top: 32%;
	left: 16%;
	font-size: 1.2vw;
	width: 42%;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
}

#s2-info-one .s2info-one-text h2 {
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

#s2-info-one .s2info-one-text p {
	/*width: 40%;*/
}

@media screen and (max-width: 768px) {
	#s2-info-one .s2info-one-text {
		position: absolute;
		top: 7%;
		left: 0;
		width: 100%;
	}
	#s2-info-one .s2info-one-text h2 {
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 0;
		text-align: center;
	}
	#s2-info-one .s2info-one-text p {
		margin-top: 1%;
		margin-left: 5%;
		width: 57%;
	}
}

#s2-info-two .s2info-two-text {
	position: absolute;
	top: 23%;
	left: 21%;
	font-size: 1.2vw;
	width: 60%;
	font-family: "Adobe 黑体 Std R";
	color: #000;
	font-weight: 600;
	text-indent: 2em;
	line-height: 40px;
}

#s2-info-two .s2info-two-text h2 {
	font-size: 2vw;
	margin-left: 95px;
	text-align: center;
	float: left;
}

#s2-info-two .s2info-two-text p {
	width: 46%;
	margin-top: 24.7%;
	margin-left: 52%;
	font-weight: 400;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	#s2-info-two {
		margin-top: 2%;
	}
	#s2-info-two .s2info-two-text {
		position: absolute;
		top: 12%;
		left: 6%;
		font-size: 17px;
		width: 90%;
		text-align: left;
	}
	#s2-info-two .s2info-two-text h2 {
		margin-left: 0;
		font-size: 14px;
		float: left;
	}
	#s2-info-two .s2info-two-text p {
		margin-top: 24%;
		margin-left: 0;
		text-indent: 12em;
		padding: 0 30px;
		width: 100%;
		font-weight: 400;
		line-height: 24px;
		font-size: 12px;
	}
}

#s2-info-three .s2info-three-text {
	position: absolute;
	top: 57%;
	left: 5%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 4%;
}

#s2-info-three .s2info-three-text-down {
	position: absolute;
	top: 81%;
	left: 5%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 4%;
}

#s2-info-three .s2info-three-text p {
	position: absolute;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#s2-info-three .s2info-three-text {
		position: absolute;
		top: 50%;
		left: 0;
	}
	#s2-info-three .s2info-three-text h2 {
		font-size: 17px;
		font-weight: 600;
		margin-bottom: 0;
	}
	#s2-info-three .s2info-three-text p {
		text-indent: 0;
		width: 100%;
		padding: 4px 15px;
		text-align: center;
	}
	#s2-info-three .s2info-three-text-down {
		top: 80%;
	}
	#s2-info-three .s2info-three-text-down h2 {
		font-size: 17px;
		font-weight: 600;
		text-indent: 0;
		width: 100%;
		text-align: center;
		margin-bottom: 6px;
	}
	#s2-info-three .s2info-three-text-down p {
		width: 90%;
		text-indent: 0;
		text-align: center;
	}
}

#s2-info-four .s2info-four-text {
	position: absolute;
	top: 60%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #FFFFFF;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 3%;
}

#s2-info-four .s2info-four-text h2 {
	font-family: "Adobe 黑体 Std R";
	color: #FFFFFF;
}

#s2-info-four .s2info-four-text p {
	position: absolute;
	text-align: center;
	font-weight: 400;
}

@media screen and (max-width: 768px) {
	#s2-info-four .s2info-four-text {
		top: 0.5%;
	}
	#s2-info-four .s2info-four-text h2 {
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 0;
	}
	#s2-info-four .s2info-four-text p {
		margin-top: 24%;
		padding: 0 15px;
		font-size: 12px;
		font-weight: 400;
		text-align: left;
		line-height: 20px;
	}
}

#s2-info-five .s2info-five-text {
	position: absolute;
	top: 61%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #000;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 3%;
}

#s2-info-five .s2info-five-text h2 {
	font-size: 2vw;
	font-weight: 400;
}

#s2-info-five .s2info-five-text p {
	position: absolute;
	width: 100%;
	text-align: center;
}

#s2-info-six .s2info-six-text {
	position: absolute;
	top: 60%;
	width: 100%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #000;
	font-weight: 600;
	text-indent: 2em;
	line-height: 40px;
	text-align: center;
}

#s2-info-six .s2info-six-text h2 {
	font-size: 2vw;
	display: inline !important;
	margin: 0 20vh;
}

#s2-info-six .s2info-six-text p {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 13%;
}

@media screen and (max-width: 768px) {
	#s2-info-six .s2info-six-text {
		text-indent: 0;
	}
	#s2-info-six .s2info-six-text h2 {
		font-size: 17px;
		font-weight: bold;
		text-align: left;
		margin: 0 0 0 4px;
	}
	#s2-info-six .s2info-six-text p {
		position: absolute;
		width: 100%;
		text-align: center;
		margin-top: 0;
		line-height: 20px;
		padding: 10px 15px;
	}
}


/* ----------------------S2 info  20200131/zhu  end ------------------------ */


/* ---------------------- HDMI info  20210127/zhu  start ------------------------ */

#hdmi-info-one,
#hdmi-info-two,
#hdmi-info-three,
#hdmi-info-four,
#hdmi-info-five,
#hdmi-info-six,
#hdmi-info-seven {
	position: relative;
}

#hdmi-info-one img,
#hdmi-info-two img,
#hdmi-info-three img,
#hdmi-info-four img,
#hdmi-info-five img,
#hdmi-info-six img,
#hdmi-info-seven img {
	width: 100%;
	height: auto;
}

#hdmi-info-one .hdmiinfo-one-text {
	position: absolute;
	width: 50%;
	left: 10%;
	top: 35%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	letter-spacing: 0px;
}

#hdmi-info-one .hdmiinfo-one-text h2 {
	font-size: 2vw;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
}

@media screen and (max-width: 768px) {
	#hdmi-info-one .hdmiinfo-one-text {
		position: absolute;
		width: 100%;
		left: 4%;
		top: 10%;
		font-family: "Adobe 黑体 Std R";
		color: #0b0b0b;
		text-indent: 0;
		letter-spacing: 0px;
	}
	#hdmi-info-one .hdmiinfo-one-text h2 {
		font-size: 17px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#hdmi-info-one .hdmiinfo-one-text p {
		margin-top: 1%;
		font-size: 12px;
		text-indent: 2em;
		line-height: 16px;
		padding: 0;
		width: 62%;
		word-break: break-all;
	}
}

#hdmi-info-three .hdmiinfo-three-text {
	position: absolute;
	top: 30%;
	left: 20%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #0b0b0b;
	text-indent: 2em;
	width: 100%;
	text-align: center;
	margin-top: 4%;
}

#hdmi-info-three .hdmiinfo-three-text h2 {
	font-size: 2vw;
	font-weight: bold;
}

#hdmi-info-three .hdmiinfo-three-text p {
	width: 100%;
}

@media screen and (max-width: 768px) {
	#hdmi-info-three .hdmiinfo-three-text {
		position: absolute;
		top: 6%;
		left: 0;
		font-size: 17px;
		font-family: "Adobe 黑体 Std R";
		color: #0b0b0b;
		text-indent: 2em;
		width: 100%;
		text-align: center;
	}
	#hdmi-info-three .hdmiinfo-three-text h2 {
		font-size: 17px;
		font-weight: bold;
	}
	#hdmi-info-three .hdmiinfo-three-text p {
		margin-top: 27%;
		font-size: 12px;
		text-indent: 0;
		padding: 0 10px;
		width: 100%;
	}
}

#hdmi-info-four .hdmiinfo-four-text {
	position: absolute;
	top: 20%;
	left: 22.5%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	color: #FFFFFF;
	text-indent: 2em;
	width: 27%;
	text-align: center;
	margin-top: 3%;
}

#hdmi-info-four .hdmiinfo-four-text h2 {
	color: #FFFFFF;
	font-size: 2vw;
	font-weight: bold;
}

#hdmi-info-four .hdmiinfo-four-text p {
	text-align: left;
}

@media screen and (max-width: 768px) {
	#hdmi-info-four .hdmiinfo-four-text {
		left: 25%;
		width: 21%;
	}
	#hdmi-info-four .hdmiinfo-four-text h2 {
		color: #FFFFFF;
		font-size: 17px;
		text-indent: 0;
		letter-spacing: 2px;
		font-weight: bold;
	}
}

#hdmi-info-six .hdmiinfo-six-text {
	position: absolute;
	top: 18%;
	left: 10%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	text-indent: 2em;
	width: 80%;
	text-align: center;
	color: #0b0b0b;
}

#hdmi-info-six .hdmiinfo-six-text h2 {
	font-size: 2vw;
	font-weight: 400;
}

#hdmi-info-six .hdmiinfo-six-text p {
	margin-top: 20%;
	margin-left: 17.47%;
	float: left;
}

@media screen and (max-width: 768px) {
	#hdmi-info-six .hdmiinfo-six-text {
		left: 8%;
	}
	#hdmi-info-six .hdmiinfo-six-text h2 {
		font-size: 17px;
		font-weight: bold;
	}
	#hdmi-info-six .hdmiinfo-six-text p {
		margin-top: 19%;
		margin-left: 5%;
		float: left;
	}
}

#hdmi-info-seven .hdmiinfo-seven-text {
	position: absolute;
	top: 15%;
	left: 14%;
	font-size: 1.2vw;
	font-family: "Adobe 黑体 Std R";
	text-indent: 2em;
	width: 70%;
	text-align: center;
	color: #0b0b0b;
}

#hdmi-info-seven .hdmiinfo-seven-text h2 {
	font-size: 2vw;
	font-weight: 400;
}

#hdmi-info-seven .hdmiinfo-seven-text p {
	text-align: left;
	width: 74%;
	margin-top: 21%;
	margin-left: 15%;
	text-indent: 0em;
}

@media screen and (max-width: 768px) {
	#hdmi-info-seven .hdmiinfo-seven-text {
		top: 9%;
		text-indent: 0;
		width: 100%;
		left: 0;
	}
	#hdmi-info-seven .hdmiinfo-seven-text h2 {
		font-size: 17px;
		font-weight: 600;
	}
	#hdmi-info-seven .hdmiinfo-seven-text p {
		text-align: left;
		width: 100%;
		margin-top: 24%;
		margin-left: 0;
		word-break: break-all;
		padding: 0 32px;
		text-indent: 0em;
		font-size: 12px;
	}
}


/* ---------------------- HDMI info  20200210/zhu  end ------------------------ */


/* ---------------------- nav When the screen shrinks start 20200130/zhu  end ------------------------ */

.product-middle-logo {
	display: none;
	width: 100%;
	height: 50px;
	background: #1D9CF6;
	text-align: center;
	opacity: 0.9;
	border-radius: 2px;
}

.product-middle-logo img {
	width: 114.8px;
	height: 21.7px;
	margin-top: 4.3%;
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.product-middle-logo {
		display: block;
		position: fixed;
		z-index: 1001;
	}
}


/* ---------------------- nav When the screen shrinks20200130/zhu  end ------------------------ */


/* ---------------------- M52 info  20200131/zhu  start ------------------------ */

#M52-info-one,
#M52-info-two,
#M52-info-three,
#M52-info-four,
#M52-info-five,
#M52-info-six,
#M52-info-seven,
#M52-info-eight {
	position: relative;
}

#M52-info-one img,
#M52-info-two img,
#M52-info-three img,
#M52-info-four img,
#M52-info-five img,
#M52-info-six img,
#M52-info-seven img,
#M52-info-eight img {
	width: 100%;
	height: auto;
}

#M52-info-id {
	font-family: "Adobe 黑体 Std R";
	line-height: 40px;
	color: #0b0b0b;
}

@media screen and (max-width: 768px) {
	#M52-info-id {
		line-height: 24px;
	}
}

#M52-info-one .M52info-one-text {
	position: absolute;
	top: 30%;
	left: 9%;
	width: 42%;
}

#M52-info-one .M52info-one-text h2 {
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: inherit;
	text-align: center;
}

#M52-info-one .M52info-one-text p {
	margin: 20px 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#M52-info-one .M52info-one-text {
		top: 9%;
		left: 4%;
		width: 100%;
	}
	#M52-info-one .M52info-one-text h2 {
		font-size: 14px;
		text-align: center;
	}
	#M52-info-one .M52info-one-text p {
		font-size: 12px;
		margin: 3% 0 0 2%;
		line-height: 22px;
		word-break: break-all;
		width: 52%;
	}
}

#M52-info-two .M52info-two-text {
	margin: 0;
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#M52-info-two .M52info-two-text h2 {
	font-family: inherit;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 10px;
}

#M52-info-two .M52info-two-text p {
	margin: 2% 6%;
	font-size: 17px;
	text-indent: 2em;
	text-align: left;
}

@media screen and (max-width: 768px) {
	#M52-info-two .M52info-two-text h2 {
		margin: 2% 6%;
		margin-right: 37px;
		font-size: 17px;
		text-align: left;
	}
	#M52-info-two .M52info-two-text p {
		font-size: 14px;
		text-align: left;
		margin: 4% 6%;
	}
}

#M52-info-three .M52info-three-text {
	left: -0.75%;
	text-indent: 2em;
	width: 100%;
	text-align: left;
}

#M52-info-three .M52info-three-text p {
	font-size: 17px;
	text-align: left;
	text-indent: 2em;
	margin: 0 6%;
}

@media screen and (max-width: 768px) {
	#M52-info-three .M52info-three-text h2 {
		font-size: 17px;
		margin-right: 17px;
	}
	#M52-info-three .M52info-three-text p {
		margin: 1% 6%;
		font-size: 14px;
		text-align: left;
		word-break: normal;
	}
}

#M52-info-four .M52info-four-text {
	margin: 0 6%;
	text-align: left;
	margin-bottom: 3%;
}

#M52-info-four .M52info-four-text p {
	width: 100%;
	font-size: 17px;
	text-indent: 2em;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	#M52-info-four .M52info-four-text {
		margin: 3% 6%;
	}
	#M52-info-four .M52info-four-text p {
		margin-top: 1%;
		font-size: 14px;
	}
}

#M52-info-five .M52info-five-text {
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#M52-info-five .M52info-five-text h2 {
	margin: 3% 0;
	font-size: 23px;
	font-weight: bold;
}

#M52-info-five .M52info-five-text p {
	font-size: 17px;
	margin-top: 5%;
}

@media screen and (max-width: 768px) {
	#M52-info-five .M52info-five-text {
		position: relative;
		padding: 1% 7%;
		width: 100%;
	}
	#M52-info-five .M52info-five-text h2 {
		margin: 9% 0;
		font-size: 17px;
		margin-right: 40px;
		font-weight: bold;
	}
	#M52-info-five .M52info-five-text p {
		font-size: 14px;
		text-align: left;
	}
}

#M52-info-six .M52info-six-text {
	margin: 9% 0 8% 6%;
	width: 100%;
	line-height: 1.7;
}

#M52-info-six .M52info-six-text P {
	text-align: left;
	margin: 0;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	#M52-info-six .M52info-six-text {
		margin: 24% 0 3% 0;
	}
	#M52-info-six .M52info-six-text P {
		margin: 0 6%;
		text-align: left;
		font-size: 12px;
	}
}

#M52-info-seven .M52info-seven-text {
	padding: 4% 6%;
	text-align: left;
	width: 100%;
}

#M52-info-seven .M52info-seven-text p {
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#M52-info-seven .M52info-seven-text {
		padding: 1% 6%;
	}
	#M52-info-seven .M52info-seven-text p {
		font-size: 14px;
		margin-top: 4%;
	}
}

#M52-info-eight .M52info-eight-text {
	padding: 2% 6%;
	text-align: left;
	width: 100%;
}

#M52-info-eight .M52info-eight-text p {
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#M52-info-eight .M52info-eight-text {
		padding: 2% 6%;
	}
	#M52-info-eight .M52info-eight-text p {
		font-size: 14px;
		margin-top: 4%;
	}
}


/* ---------------------- M52 info  20200131/zhu  end ------------------------ */


/* ---------------------- mf05 info  20200131/zhu  start ------------------------ */

#mf05-info-one,
#mf05-info-two,
#mf05-info-three,
#mf05-info-four,
#mf05-info-five,
#mf05-info-six,
#mf05-info-seven,
#mf05-info-eigh,
#mf05-info-nine {
	position: relative;
}

#mf05-info-one img,
#mf05-info-two img,
#mf05-info-three img,
#mf05-info-four img,
#mf05-info-five img,
#mf05-info-six img,
#mf05-info-seven img,
#mf05-info-eight img,
#mf05-info-nine img {
	width: 100%;
	height: auto;
}

#mf05-info-id {
	font-family: "Adobe 黑体 Std R";
	line-height: 40px;
	color: #0b0b0b;
}

@media screen and (max-width: 768px) {
	#mf05-info-id {
		line-height: 24px;
	}
}

#mf05-info-one .mf05info-one-text {
	margin: 2% 0;
	padding: 0 7%;
}

#mf05-info-one .mf05info-one-text h2 {
	font-size: 23px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: inherit;
	text-align: center;
}

#mf05-info-one .mf05info-one-text p {
	margin: 20px 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#mf05-info-one .mf05info-one-text {
		top: 9%;
		left: 4%;
		width: 100%;
	}
	#mf05-info-one .mf05info-one-text h2 {
		font-size: 14px;
		text-align: center;
	}
	#mf05-info-one .mf05info-one-text p {
		font-size: 12px;
		margin: 5% 0 0 2%;
		line-height: 22px;
		word-break: break-all;
		width: 55%;
	}
}

#mf05-info-one .mf05info-one-text .mf05info-one-img img {
	width: 50%;
	height: auto;
}

#mf05-info-two .mf05info-two-text {
	position: absolute;
	bottom: 17%;
	margin: 1% 0;
	padding: 0 7%;
	text-indent: 2em;
	width: 100%;
	text-align: left;
}

#mf05-info-two .mf05info-two-text p {
	margin: 20px 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 1300px) {
	#mf05-info-two .mf05info-two-text {
		bottom: 0;
	}
	#mf05-info-two .mf05info-two-text p {
		margin-top: 9%;
	}
}

@media screen and (max-width: 768px) {
	#mf05-info-two .mf05info-two-text {
		position: relative;
	}
	#mf05-info-two .mf05info-two-text p {
		font-size: 14px;
		text-align: left;
		margin: 0;
	}
}

#mf05-info-three .mf05info-three-text {
	text-indent: 2em;
	width: 100%;
	padding: 2% 0;
	text-align: center;
}

#mf05-info-three .mf05info-three-text p {
	margin: 0;
	font-size: 17px;
	text-indent: 2em;
}

@media screen and (max-width: 768px) {
	#mf05-info-three .mf05info-three-text p {
		padding: 0 7%;
		font-size: 14px;
		text-align: left;
		margin: 0;
	}
}

#mf05-info-four .mf05info-four-text {
	position: absolute;
	top: 23%;
	width: 100%;
	text-align: center;
}

#mf05-info-four .mf05info-four-text p {
	width: 100%;
	margin-top: 28%;
	font-size: 17px;
	text-indent: 2em;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	#mf05-info-four .mf05info-four-text {
		top: 76%;
	}
	#mf05-info-four .mf05info-four-text p {
		font-size: 14px;
		margin-top: 0;
		padding: 0 4%;
		text-align: left;
	}
}

#mf05-info-five .mf05info-five-text {
	position: absolute;
	bottom: 2%;
	width: 100%;
	text-align: center;
}

#mf05-info-five .mf05info-five-text p {
	font-size: 17px;
	margin: 3% 0;
}

@media screen and (max-width: 768px) {
	#mf05-info-five .mf05info-five-text {
		bottom: 0;
		padding: 0 7%;
		width: 100%;
	}
	#mf05-info-five .mf05info-five-text p {
		font-size: 14px;
		text-align: left;
		text-indent: 2em;
		margin: 1% 0;
	}
}

#mf05-info-six .mf05info-six-text {
	position: absolute;
	top: 10%;
	text-indent: 2em;
	width: 100%;
	text-align: center;
}

#mf05-info-six .mf05info-six-text h2 {
	font-size: 23px;
	font-weight: bold;
}

#mf05-info-six .seam p {
	position: relative;
	width: 100%;
	font-size: 17px;
	text-align: center;
	margin: 0 0 3% 0;
}

@media screen and (max-width: 768px) {
	#mf05-info-six .mf05info-six-text {
		top: 0;
	}
	#mf05-info-six .seam p {
		padding: 0 7%;
		font-size: 14px;
		text-align: left;
		text-indent: 2em;
	}
}

#mf05-info-seven .mf05info-seven-text {
	margin: 3% 0;
	text-align: center;
	width: 100%;
}

#mf05-info-seven .mf05info-seven-text p {
	font-size: 17px;
	text-indent: 2em;
}

#mf05-info-seven .two {
	font-size: 17px;
	text-indent: 2em;
	text-align: left;
	padding: 3% 7% 0 7%;
}

@media screen and (max-width: 768px) {
	#mf05-info-seven .mf05info-seven-text {
		position: relative;
		padding: 0 7%;
	}
	#mf05-info-seven .mf05info-seven-text p {
		font-size: 14px;
		margin-top: 4%;
		text-align: left;
	}
	#mf05-info-seven .two {
		font-size: 14px;
		margin-top: 7%;
		padding: 0;
	}
}


/* ---------------------- MF05 info  20200131/zhu  end ------------------------ */


/* ---------------------- MF18 info  20200131/zhu  start ------------------------ */

#mf18-info-one,
#mf18-info-two,
#mf18-info-three,
#mf18-info-four,
#mf18-info-five,
#mf18-info-six,
#mf18-info-seven,
#mf18-info-eigh,
#mf18-info-nine {
	position: relative;
}

#mf18-info-one img,
#mf18-info-two img,
#mf18-info-three img,
#mf18-info-four img,
#mf18-info-five img,
#mf18-info-six img,
#mf18-info-seven img,
#mf18-info-eight img,
#mf18-info-nine img {
	width: 100%;
	height: auto;
}

#mf18-info-id {
	font-family: "Adobe 黑体 Std R";
	line-height: auto;
	font-weight: 400;
	letter-spacing: 0;
}

#mf18-info-id .mf18info-title {
	text-align: center;
	padding: 3% 0;
	line-height: 37px;
	letter-spacing: 0;
}

#mf18-info-id .mf18info-title h2 {
	font-size: 2.5vw;
}

#mf18-info-id .mf18info-title p {
	font-size: 1.6vw;
}

#mf18-info-one .mf18info-one-text {
	position: absolute;
	top: 23.5%;
	right: 7%;
	color: #FFFFFF;
}

#mf18-info-one .mf18info-one-text h2 {
	font-size: 6vw;
	color: #FFFFFF;
	font-weight: bold;
}

#mf18-info-one .mf18info-one-text p {
	font-size: 1.3vw;
	margin-left: 43%;
	color: #FFFFFF;
	line-height: 42px;
	letter-spacing: 0;
	text-align: left;
	text-indent: 2em;
}

#mf18-info-one .mf18info-one-text .mf18info-one-img img {
	width: 50%;
	height: auto;
}

#mf18-info-two .mf18info-two-text {
	text-align: center;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 10%;
}

#mf18-info-two .mf18info-two-text-1 {
	position: relative;
	background: #FFFFff;
	text-align: center;
}

#mf18-info-two .mf18info-two-text-1 img{
	width: 65%;
	margin: 10% 0;
}

#mf18-info-two .mf18info-two-text-2 {
	text-align: center;
}

#mf18-info-two .mf18info-two-text-2 img {
	width: 65%;
	margin: 10% 0;
}

#mf18-info-two .mf18info-two-text h2 {
	color: #ffffff;
	font-size: 6vw;
	font-weight: bold;
}

#mf18-info-two .mf18info-two-text p {
	margin: 20px 0;
	font-size: 1.3vw;
	color: #a6a6a6;
	line-height: 32px;
	letter-spacing: 0;
}

#mf18-info-three .mf18info-three-text {
	margin: 6% 0 0 0;
	text-align: center;
	color: #FFFFFF;
	line-height: 32px;
	font-weight: 400;
	letter-spacing: 0;
}

#mf18-info-three .mf18info-three-text img {
	margin: 6% 0;
	width: 70%;
}

#mf18-info-three .mf18info-three-text h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #FFFFFF;
}

#mf18-info-three .mf18info-three-text p {
	color: #a6a6a6;
	font-size: 1.3vw;
	line-height: 32px;
	letter-spacing: 0;
}

#mf18-info-four .mf18info-four-text {
	margin: 6% 0 0 0;
	text-align: center;
	color: #FFFFFF;
}

#mf18-info-four .mf18info-four-text img {
	margin: 6% 0;
	width: 50%;
}

#mf18-info-four .mf18info-four-text h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #FFFFFF;
}

#mf18-info-four .mf18info-four-text p {
	color: #a6a6a6;
	font-size: 1.3vw;
	letter-spacing: 0;
	line-height: 32px;
}

#mf18-info-five .mf18info-five-text {
	padding: 6% 0 0 0;
	text-align: center;
	color: #FFFFFF;
}

#mf18-info-five .mf18info-five-text img {
	margin: 7% 0;
	width: 40%;
	height: 100px%;
}

#mf18-info-five .mf18info-five-text h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #FFFFFF;
}

#mf18-info-five .mf18info-five-text p {
	color: #a6a6a6;
	font-size: 1.3vw;
	letter-spacing: 0;
	line-height: 32px;
}

#mf18-info-six .mf18info-six-text {
	padding: 6% 0 0 0;
	text-align: center;
	color: #FFFFFF;
}

#mf18-info-six .mf18info-six-text img {
	margin: 7% 0;
	width: 30%
}

#mf18-info-six .mf18info-six-img {
	margin: 2% 0;
}

#mf18-info-six .mf18info-six-img .mf18info-six-img-2 {
	margin: 2% 0;
}

#mf18-info-six .mf18info-six-text h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #FFFFFF;
}

#mf18-info-six .mf18info-six-text p {
	color: #a6a6a6;
	font-size: 1.3vw;
	text-align: center;
	letter-spacing: 0;
	line-height: 32px;
}

#mf18-info-seven .mf18info-seven-text {
	margin: 3% 0;
	text-align: center;
}

#mf18-info-seven .mf18info-seven-text img {
}

#mf18-info-seven .mf18info-seven-text h2 {
	font-size: 3vw;
	font-weight: bold;
	color: #000000;
}
#mf18-info-seven .mf18info-seven-text p {
	color: #a6a6a6;
	font-size: 1.3vw;
	letter-spacing: 0;
	line-height: 32px;
	text-align: left;
	text-indent: 2em;
}

/* ---------------------- mf18 info  20210127/zhu  end ------------------------ */