#banner img {
	width:110%;
	margin-left:-5%
}
#content5 div{
	padding-top: 35px;
}
#content5 div.icons dl{
	display: inline-block;
	width: 50px;
	height: 120px;
	margin-right: 25px;
}
.table-css h5{
float:right}
#content5 div.icons dl dt{
	width: 100%;
	height: 50px;
	border-radius: 50%;
	border:1px #fff solid;
	background: url("../images/58f3862d6ac81.png") no-repeat center center;
	background-size: 80% auto
}
#content5 div.icons dl:nth-child(2) dt{
	background-image:url("../images/58f3865258e14.png");
}
#content5 div.icons dl:nth-child(2) dt{
	background-image:url("../images/58f38666408c5.png");
}
#content5 div.icons dl dd{
	width: 100%;
	text-align: center;
	font-size: 13px;
	padding-top: 8px;
}
#content5 div img{
	width: 50%;
	margin: 0 auto;
	display: block;
}
.swiper_content{ width: 100%; overflow: hidden;}
.swiper_content .swiper-container { width: 100%; background: #e7e7e7;padding-top: 30px}
.swiper_content .swiper-wrapper{padding:0;}
.swiper_content .swiper-pagination-bullet{width:50px;height:3px;border-radius:0;}
.swiper_content .swiper-pagination-bullet-active{background:#ff0e00}
.swiper_content .swiper-slide { text-align: center; display: inline-block;width:25%}
.swiper_content .swiper-slide a{ width:96%; height:200px; padding:0; overflow:hidden;display: inline-block; margin-left:2%; position:relative; background: #e7e7e7}
.swiper_content .swiper-slide a:hover{background:#c2c2c2;}
.swiper_content .swiper-slide a img{ width:100%; height:200px;transition: all 0.3s; }
.swiper_content .swiper-slide a:hover img{ transform: scale(1.08);}
.swiper_content .swiper-slide a h1{ width:100%;height:35px; line-height:35px;background:url(../images/point.png); font-size: 14px;  overflow:hidden; display:inline-block; transition: all 0.2s; text-align: center; position: absolute;bottom: 0; left: 0;z-index: 1100;}
.swiper_content .swiper-container.finish-product{
	background: none;
}
.swiper_content .swiper-container.finish-product .swiper-slide a{
	width: 90%;
	height: 220px;
	margin-left: 5%;
	background: #f8f8f8;
	text-align: center;
	padding: 20px 5% 0 5%;
}
.swiper_content .swiper-container.finish-product .swiper-slide a img{ width:70%; height:130px;transition: all 0.3s; margin-bottom: 25px}
.swiper_content .swiper-container.finish-product .swiper-slide a h1{
	background: none;
	position: inherit;
	width:90%;
	margin: 0 5%;
	border-top: 1px #e31011 solid;
}

@media(min-width:768px) {
	#banner img {
	width:100%;
	margin-left:0
}
}#content1,#content3,#content4,#content41,#content5,#content6,#content7,#content8,#content9,#content10 {
	width:100%;
	overflow:hidden
}
.content1,.content3,.content4,.content41,.content5,.content6,.content7,.content8,.content9 {
	width:90%;
	overflow:hidden;
	margin:40px auto
}
.seriesImg {
	margin-top:40px
}
.seriesImg img {
	width:100%
}
.para {
	margin-top:30px
}
.para h4 {
	font-weight:900;
	line-height:1.8;
	text-align:center
}
.para p {
	line-height:1.8;
	text-align:center;
	font-weight: bold;
}
.para table {
	width:100%;
	word-wrap:break-word;
	word-break:break-all;
	table-layout:fixed;
	margin-top:12px
}
.para table tr td {
	/* border:2px solid #fff; */
	height:40px;
	padding:0 8px
}
.para table tr:nth-child(odd) {
	background:#f0f0f0
}
#content1 .content1 .para > p:first-child{background: #e20000;color: #fff;padding-left: 5px}
.para .instructions {
	text-align:left;
	margin-top:14px
}
.table-css table{
	width: 100%;
	margin-top: 10px;
}
.table-css table tr td {
	    border: 1px solid #b4aeae;
	height:40px;
	padding:0 8px;
	background: #fafafa;
	font-size: 14px;
}
.table-css table tr td.red-background{
	background: #e20000;
	color: #fff;
	text-align: center;
}
.table-css table tr:first-child td{
	background: #e20000;
	color: #fff;
	text-align: center;
}
#content2 {
	width:100%;
	overflow:hidden;
	background:url(../images/content2bg.jpg) no-repeat right bottom;
	background-size:cover
}
.content2 {
	width:90%;
	overflow:hidden;
	margin:20px auto 50px;
	text-align:center
}
.content2 li {
	height:230px;
	margin-top:40px;
	line-height:1.8
}
.content2 li h4 {
	font-weight:900;
	margin-top:12px
}
.funWord h4 {
	font-weight:900;
	margin-bottom:14px;
	text-align:center
}
.border_bottom {
	border-bottom:1px solid #010101;
	width:30px;
	margin:12px auto 0
}
.content2Merit {
	margin-top:10px
}
.para .ironChar {
	text-align:left;
	margin-top:10px
}
.para .ironMerit {
	text-align:left;
	color:#e20000;
	margin-top:10px
}

.para .moreDetail {
	color:#fff;
	margin:10px auto
}
.content3 h3,.content6 h3,.content8 h3 {
	text-align:center
}
.content3 .border_bottom,.content6 .border_bottom,.content8 .border_bottom {
	border-bottom:2px solid #e20000;
	width:36px;
	margin:18px auto 40px
}
#content4 {
	background:url(../images/bodorgeniusbg.jpg) no-repeat top right;
	background-size:cover
}
.content4,.content41 {
	background:0;
	padding:0
}
#content5 {
	background:url(../images/beambg.jpg) no-repeat center center;
	background-size:cover;
	color:#fff
}
.content5 .para .moreDetail {
	background:#fff;
	color:#ea5529;
	margin:10px auto
}
.content5 .para .ironMerit {
	color:#fff
}
.content6Function li {
	width:100%;
	overflow:hidden;
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:1px solid #dbdbdb
}
.content6Function li:nth-child(4) {
	border:0
}
.funWord {
	width:100%;
	overflow:hidden
}
.funWord p {
	line-height:1.8;
	text-align:center
}
.funImg {
	margin:14px auto 0;
	text-align:center
}
#content3.gray,#content7 {
	background:#f1f1f1
}
ul.detail-Box{
	width: 100%;
}
.detail-Box li{
	width: 35%;
	padding: 0 5%;
}
.detail-Box li h4{
	font-weight: bold;
}
.detail-Box li p{
	font-size: 15px;
	line-height: 25px;
	padding-top: 30px
}
.metailBox ul li {
	width:50%;
	float:left;
	margin-bottom:20px
}
.metailBox ul li:nth-child(odd) {
	padding-right:10px
}
.metailBox ul li:nth-child(even) {
	padding-left:10px
}
.metailBox ul li img {
	width:100%
}
.metailBox ul li p {
	top:82.2%;
	left:calc(50% - 15px)
}
.proSeries {
	display:none
}
.companyImg {
	width:100%
}
#content9 {
	background:url(../images/areabg.jpg) no-repeat;
	background-size:100% 100%
}
.content9 h4 {
	font-weight:900;
	margin-bottom:10px
}
.content9 p {
	line-height:1.5;
	margin-top:10px
}
.content9 .moreDetail {
	color:#fff;
	margin:20px auto 0
}
.mangoLogo {
	display:block;
	width:200px;
	margin:calc(50% - 100px);
	margin:0 auto;
	text-align:center
}
@media(min-width:640px) {
	.content2 {
	text-align:left
}
.content2 li {
	width:50%;
	float:left;
	line-height:1.8;
	padding-right:20px
}
.border_bottom {
	margin-left:0
}
.content2 li h4,.border_bottom {
	margin-top:16px
}
.funWord {
	float:left;
	width:60%
}
.funWord h4 {
	text-align:left
}
.funWord p {
	line-height:1.8;
	text-align:left
}
.funImg {
	float:right;
	width:40%;
	margin-top:0
}
.funImg img {
	float:right
}
.metailBox {
	width:100%;
	overflow:hidden
}
.metailBox ul li {
	width:25%;
	float:left
}
.metailBox ul li {
	padding-right:10px;
	padding-left:10px
}
}@media(min-width:768px) {
	.content1,.content2,.content3,.content4,.content41,.content5,.content6,.content7,.content8,.content9 {
	/* width:80%; */
	max-width:1440px;
	margin:60px auto;
	font-size:16px
}
.seriesImg {
	margin-top:0
}
.seriesImg,.para {
	float:left;
	width:50%
}
.para {
	margin-top:0;
	padding-left:6%
}
.para h4,.para p {
	text-align:left
}
.para .moreDetail {
	color:#fff;
	margin-left:0;
	margin-top:20px
}
.content5 .para .moreDetail {
	margin-left:0;
	margin-top:20px
}
#content41 {
	background:url(../images/mango.jpg) no-repeat center center;
	background-size:cover
}
.mangoLogo {
	display:block;
	width:308px;
	margin-left:0
}
.content4 .mangoImg {
	display:none
}
.content4 .para {
	padding-left:0;
	padding-right:6%
}
.content5 .para {
	padding-left:0
}
.content5 .seriesImg {
	padding-right:6%
}
.content9 h4,.content9 p {
	width:80%;
	margin:20px auto 0;
	line-height:1.8
}
.content9 .moreDetail {
	margin-top:40px
}
.content7 .para h4 {
	text-align:right;
	border-bottom:1px solid #9f9f9f;
	margin-bottom:10px;
	height:46px
}
}@media(min-width:1080px) {
	.content1,.content2,.content3,.content4,.content41,.content5,.content6,.content7,.content8,.content9 {
	margin:80px auto
}
.content2 li {
	width:33.3%;
	margin-top:0
}
.para table tr td {
	padding:0 18px
}
.metailBox ul {
	float:left;
	width:70%;
	padding-right:20px
}
.proSeries p {
	font-weight:900;
	margin-left:20px
}
.proSeries {
	border:1px solid#828282;
	float:left;
	display:block;
	width:30%;
	height:100%;
	padding:3% 10px 4%
}
.proSeries img {
	width:100%
}
.content6Function {
	padding:0 5%
}
}@media(min-width:1280px) {
	.content1,.content2,.content3,.content4,.content41,.content5,.content6,.content7,.content8,.content9 {
	margin:100px auto
}
.para table tr td {
	padding:0 26px
}
.content3 .para h4,.content4 .seriesImg h4,.content41 .seriesImg h4,.content5 .para h4,.content7 .para h4 {
	margin-top:20px
}
.para .ironChar,.para .ironMerit {
	margin-top:20px
}
.proSeries {
	padding:3% 14px 5%
}
}@media(min-width:1440px) {
	.content1,.content2,.content3,.content4,.content41,.content5,.content6,.content7,.content8,.content9 {
	margin:50px auto
}
.content3 .para h4,.content4 .para h4,.content5 .para h4 {
	margin-top:40px
}
.content7 .para h4 {
	margin-top:90px
}
.proSeries {
	padding:4% 18px 5%
}
.content9 h4,.content9 p {
	width:60%
}
}#proVideo {
	position:fixed;
	z-index:1200;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.5);
	top:0;
	padding:10%;
	display:none
}
.proVideo {
	width:100%
}
.closeVideo {
	right:4px;
	top:4px;
	width:30px;
	z-index: 1000;
}
.moreVideo {
	cursor:pointer
}
@media(min-width:1280px) {
	.proVideo {
	max-width:1024px;
	left:calc(50% - 512px)
}
}
@media screen and (max-width: 1450px) {
	.seriesImg, .para{
		width: 45%;
	}
	.content1{
		width: 100%;
	}
	/* .para{
		padding-left: 0;
	} */
}
@media screen and (max-width: 960px) {
    .seriesImg, .para{
      width: 100%;
	}
	video{
		width: 100% !important;
	}
}