/* banner */
.banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 750px;
}

.banner .banner_tet {
	padding-top: 305px;
	width: 92%;
	margin: 0 auto;
	text-align: center;
}

.banner h1 {
	font-size: 38px;
	line-height: 1.1;
	color: #524886;
	font-weight: normal;
	margin-top: 10px;
}

.banner h2 {
	font-size: 52px;
	line-height: 1.1;
	color: #524886;
	font-family: "milanb";
	text-transform: uppercase;
}
#main{
	background-color: #f6f6f6;
}
/*纸尿裤痛点*/
.detail1-page .sec3 .img-box.mobile{ display:none;}
.detail1-page .sec1{
	padding-top: 148px;
}
.detail1-page .sec1 .relative-box{
	position: relative;
	z-index: 1;
}
.detail1-page .sec1 .text-box{
	width: 96.5%;
	position: relative;
	margin-bottom: -16.5625%;
	z-index: 1;
}
.detail1-page .sec1 .relative-box.white{
	padding: 5.18135% 6.736%;
	background-color: #fff;
}
.detail1-page .sec1 i.relative-box{
	font-style: normal;
}
.detail1-page .sec1 .square{
	position: absolute;
	left: -4.275%;
	top: -8.52%;
	width: 13.5636%;
}
.detail1-page .sec1 .diaper{
	width: 21.848%;
	position: absolute;
	right: -3%;
	top: -5%;
}
.detail1-page .sec1 h4{
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	line-height: 2.182;
	margin-bottom: 1.364em;
}
.detail1-page .sec1 h4:last-child{
	margin-bottom: 0;
}
.detail1-page .sec1 h4 span{
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% 5px;
	background-position: center bottom;
	background-image: url(../images/laboratory_detail1_sec1_line.png);
}
.detail1-page .sec1 h4 span.small{
	background-size: -webkit-calc(100% - 1em) 5px;
	background-size: -moz-calc(100% - 1em) 5px;
	background-size: -o-calc(100% - 1em) 5px;
	background-size: calc(100% - 1em) 5px;
}
.detail1-page .sec1 ul{
	margin-bottom: 28px;
	-webkit-display: flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: flex-start;
	-webkit-flex-direction: row;
	-moz-display: flex;
	-moz-align-items: stretch;
	-moz-justify-content: flex-start;
	-moz-flex-direction: row;
	-o-display: flex;
	-o-align-items: stretch;
	-o-justify-content: flex-start;
	-o-flex-direction: row;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-direction: row;
}
.detail1-page .sec1 li{
	background-color: #e2e2ef;
	margin-right: 3.7425%;
	position: relative;
	width: 34.8%;
}
.detail1-page .sec1 li:last-child{
	margin-right: 0;
}
.detail1-page .sec1 .num{
	font-size: 156px;
	color: #fff;
	opacity: 0.5;
	font-family: "milanb";
	position: absolute;
	right: 0;
	bottom: -0.15em;
}
.detail1-page .sec1 li:last-child .num{
	right: 0.2em;
}
.detail1-page .sec1 li .relative-box{
	padding: 5.16% 6.45% 7.53%;
}
.detail1-page .sec1 h5{
	font-size: 22px;
	color: #524886;
	font-weight: bold;
	margin-bottom: 0.859em;
}
.detail1-page .sec1 h5 span{
	vertical-align: middle;
}
.detail1-page .sec1 h5 .circle{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.455em;
	width: 0.455em;
	height: 0.455em;
	border-radius: 50%;
	border: 0.136em solid #524886;
}
.detail1-page .sec1 p{
	font-size: 16px;
	color: #666666;
	line-height: 1.375;
}
.detail1-page .sec1 .img{
	width: 100%;
}
.detail1-page .sec2{
	padding: 113px 0 69px;
	position: relative;
}
.detail1-page .sec2 .text-box{
	width: 47.5%;
	float: left;
}
.detail1-page .sec2 p{
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	line-height: 2.182;
	margin-bottom: 1.682em;
}
.detail1-page .sec2 p:last-child{
	margin-bottom: 0;
}
.detail1-page .sec2 p span{
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% 5px;
	background-position: center bottom;
	background-image: url(../images/laboratory_detail1_sec1_line.png);
}
.detail1-page .sec2 p b{
	color: #222;
}
.detail1-page .sec2 .img-box{
	width: 44.125%;
	float: right;
}
.detail1-page .sec2 .img-box img{
	width: 100%;
}
.detail1-page .sec2 .bg{
	position: absolute;
	left: 1.51%;
	top: -6.0484%;
	width: 48.698%;
}
.detail1-page .sec2 .square{
	position: absolute;
	right: 0;
	top: 58.2%;
	width: 51.6146%;
}
.detail1-page .sec3 .img-box{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 37.552%;
	margin-right: 23.2292%;
}
.detail1-page .sec3 .img-box .img1{
	width: 100%;
}
.detail1-page .sec3 .img-box .img2{
	position: absolute;
	left: 76.4216%;
	top: 6.6%;
	width: auto;
	height: 86.8%;
}
.detail1-page .sec3 .text-box{
	display: inline-block;
	vertical-align: middle;
	padding-top: 8.8542%;
}
.detail1-page .sec3 .text-box p{
	font-size: 22px;
	color: #333;
	line-height: 2.182;
}
.detail1-page .sec4{
	padding: 8.229% 0;
	overflow: hidden;
}
.detail1-page .sec4 h3{
	text-align: center;
	font-size: 26px;
	color: #524886;
	font-weight: bold;
	margin-bottom: 6.75%;
}
.detail1-page .sec4 .video-box{
	display: block;
	position: relative;
}
.detail1-page .sec4 .video-box .relative-box{
	background-color: #000;
	z-index: 5;
	position: relative;
}
.detail1-page .sec4 .video-box .playvideo{
	position: relative;
	z-index: 1;
}
.detail1-page .sec4 .video-box video{
	width:auto; height:590px; margin:0 auto;
	object-fit: cover;
	display: block; z-index:5; position:relative;
}
.detail1-page .sec4 .video-box .bgcolor{
	background-color: #8782be;
	position: absolute;
	width: 100vw;
	top: -5%;
	bottom: -5%;
	left: 56.75%; z-index:4;
}
.detail1-page .sec4 .video-box h5{
	font-size: 82px;
	color: #e2e2ef;
	font-family: "milanb";
	writing-mode: vertical-lr;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	position: absolute;
	right: 100%;
	top: 50%;
	margin-right: 2.5%;
}
.playcover{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.5);
	background-image: url(../images/laboratory_detail1_sec4_img.jpg);
	background-size: 100% auto;
	background-position: center;
}


/*闷湿终结者*/
.detail2-page .sec1{
	padding: 7.1875% 0 13.4375%;
}
.detail2-page .sec1 .text-box{
	display: inline-block;
	vertical-align: middle;
	width: 28.25%;
}
.detail2-page .sec1 .text-box h3{
	font-size: 32px;
	color: #333;
	font-weight: normal;
	line-height: 1.375;
}
.detail2-page .sec1 .text-box h3 b{
	color: #524886;
}
.detail2-page .sec1 .text-box .line{
	width: 4px;
	height: 30px;
	background-color: #333333;
	margin: 21px 0 32px;
}
.detail2-page .sec1 ul{
	display: inline-block;
	vertical-align: middle;
	width: 71.75%;
}
.detail2-page .sec1 li{
	display: inline-block;
	vertical-align: middle;
	width: 47.474%;
	margin-right: 5.052%;
}
.detail2-page .sec1 li:last-child{
	margin-right: 0;
}
.detail2-page .sec1 li img{
	width: 100%;
	margin-bottom: 6.789%; background-image:url(../images/index_sec1_img.jpg);  background-size:cover;
}
.detail2-page .sec1 li .text{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	-moz-flex-direction: row;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: space-between;
	-o-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 0 7.34%;
}
.detail2-page .sec1 li h5{
	font-size: 32px;
	color: #333333;
	font-weight: bold;
}
.detail2-page .sec1 li p{
	font-size: 18px;
	color: #666;
	line-height: 1.3333;
}
.detail2-page .sec2{
	position: relative;
	background-color: #fff;
	padding: 9.8958% 0 22.5%;
}
.detail2-page .sec2 .bgtext{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72.3958%;
}
.detail2-page .sec2 .img{
	position: absolute;
	right: 0;
	top: -150px;
	width: 49.8958%;
}
.detail2-page .sec2 .text-box h5{
	font-size: 48px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 0.78em;
}
.detail2-page .sec2 .text-box p{
	font-size: 22px;
	color: #333333;
	line-height: 2.364;
}
.detail2-page .sec3{
	padding: 6.71875% 0 5.3125%;
	position: relative;
}
.detail2-page .sec3 .img{
	display: inline-block;
	vertical-align: middle;
	width: 64.5625%;
}
.detail2-page .sec3 p{
	display: inline-block;
	vertical-align: middle;
	width: 35.4375%;
	text-align: right;
	font-size: 32px;
	color: #444;
	line-height: 1.5625;
}
.detail2-page .sec3 .bgcolor{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66.5625%;
}
.detail2-page .sec3 ul{ margin-top:50px;display: none;}
.detail2-page .sec3 ul li{ font-size:13px; color:#999; line-height:2;}
.detail2-page .sec3 ul li{ float:left; margin-right:2%; width:49%;}
.detail2-page .sec3 ul li:nth-child(2n){ margin-right:0;}
.detail2-page .sec4{
	height: 718px;
	line-height: 718px;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	background-image: url(../images/laboratory_detail2_sec4_bg.jpg);
	text-align: center;
}
.detail2-page .sec4 p{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #fff;
	line-height: 2.8333;
}




/*不一样的透气*/
.detail3-page #main{
	padding: 6.51% 0 7.292%;
}
.detail3-page .sec1{
	margin-bottom: 4.6875%;
}
.detail3-page .sec1 .text-box{
	float: left;
	padding-top: 44px;
}
.detail3-page .sec1 .text-box h3{
	font-size: 32px;
	color: #222;
	font-weight: normal;
	margin-bottom: 0.75em;
}
.detail3-page .sec1 .text-box .line{
	width: 3px;
	height: 15px;
	background-color: #444;
	margin: 6px 0 11px;
}
.detail3-page .sec1 .text-box p{
	font-size: 18px;
	color: #222;
	line-height: 1.78;
}
.detail3-page .sec1 .right-part{
	float: right;
	width: 1064px;
}
.detail3-page .sec1 li{
	display: inline-block;
	vertical-align: top;
	width: 22.75%;
	margin-right: 3%;
}
.detail3-page .sec1 li:last-child{
	margin-right: 0;
}
.detail3-page .sec1 li .img-box{
	margin-bottom: 7%;
}
.detail3-page .sec1 li .img-box img{
	width: 100%;
}
.detail3-page .sec1 li .text{
	-webkit-display: flex;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	-webkit-flex-direction: row;
	-moz-display: flex;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	-moz-flex-direction: row;
	-o-display: flex;
	-o-align-items: center;
	-o-justify-content: space-between;
	-o-flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.detail3-page .sec1 li .text p{
	font-size: 16px;
	color: #666666;
	line-height: 1.375;
	text-align: right;
}
.detail3-page .sec1 li .text p b{
	color: #524886;
}
.detail3-page .sec1 .tip{ text-align:center; color:#727272; font-size:14px; font-weight:lighter; line-height:1.6;padding-top: 40px;}
.detail3-page .sec2{
	position: relative; padding:100px 0 110px;
	z-index: 1; background-image:url(../images/laboratory_detail3_sec2_img.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
}
.detail3-page .sec2 h2{ color:#524886; font-size:22px; line-height:1.1; font-weight:bold; padding-bottom:20px;}
.detail3-page .sec2 p{ color:#444; font-size:20px; line-height:1.8; width:690px; max-width:43.125%;}
.detail3-page .sec2 img{ padding-top:10px;
	max-width: 7%;
}
.detail3-page .sec3{
	text-align: center;
	padding: 11.458333% 0 21.198%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 54.0625% 100%;
	background-image: url(../images/laboratory_detail3_sec3_bg.jpg);
	margin: -4.323% 0 -13.0208%;
}
.detail3-page .sec3 .img-box{
	display: inline-block;
	vertical-align: middle;
	width: 41.125%;
	margin-right: 11.625%;
}
.detail3-page .sec3 .img-box img{
	width: 100%;
}
.detail3-page .sec3 .text-box{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.detail3-page .sec3 .text-box h3{
	font-size: 42px;
	color: #574a8f;
	font-weight: bold;
}
.detail3-page .sec3 .text-box h4{
	font-size: 22px;
	color: #574a8f;
	font-weight: bold;
	margin: 0.86em 0 2.182em;
}
.detail3-page .sec3 .text-box h4 b{
	font-size: 1.455em;
}
.detail3-page .sec3 .text-box p{
	font-size: 20px;
	color: #444;
	line-height: 1.8;
	margin-bottom: 1em;
}
.detail3-page .sec3 .text-box p span{
	color: #574a8f;
}
.detail3-page .sec3 .text-box .tip{
	font-size: 14px;
	color: #444;
}
.detail3-page .sec4{
	position: relative;
	z-index: 1;
} 
.detail3-page .sec4 .inner{
	background-color: #fff;
	padding: 3.177% 4.2%;
}
.detail3-page .sec4 .text-box{
	display: inline-block;
	vertical-align: middle;
	width: 37.4%;
	margin-right: 9%;
}
.detail3-page .sec4 .text-box h5{
	font-size: 32px;
	color: #222;
	font-weight: normal;
	margin-bottom: 0.825em;
}
.detail3-page .sec4 .text-box p{
	font-size: 18px;
	color: #222;
	line-height: 2;
}
.detail3-page .sec4 .video-box{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 53.6%;
	position: relative;
	overflow: hidden;
	background-color: #000;
}
.detail3-page .sec4 .video-box .bg{
	width: 100%;
}
.detail3-page .sec4 .video-box video{
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
}
.detail3-page .sec4 .video-box .playvideo{
	width: 100%;
	display: none;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.detail3-page .sec4 .video-box .playvideo.active{
	display: block;
}
.detail3-page .sec4 .video-box .playvideo img{
	width: 100%;
}




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

	/* banner */
	.banner {
		height: 675px;
	}

	.banner .banner_tet {
		padding-top: 264px;
	}

}

@media only screen and (max-width:1600px){
	.detail2-page .sec3 ul{ margin-top:40px;}
}

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

	/* banner */
	.banner {
		height: 600px;
	}

	.banner .banner_tet {
		padding-top: 240px;
	}

	.banner h1 {
		font-size: 30px;
	}

	.banner h2 {
		font-size: 42px;
	}

	/*纸尿裤痛点*/
	.detail1-page .sec1{
		padding-top: 118px;
	}
	.detail1-page .sec1 .text-box{
		width: 96.5%;
		position: relative;
		margin-bottom: -16.5625%;
		z-index: 1;
	}
	.detail1-page .sec1 .relative-box.white{
		padding: 5.18135% 6.736%;
		background-color: #fff;
	}
	.detail1-page .sec1 i.relative-box{
		font-style: normal;
	}
	.detail1-page .sec1 .square{
		position: absolute;
		left: -4.275%;
		top: -8.52%;
		width: 13.5636%;
	}
	.detail1-page .sec1 h4{
		font-size: 18px;
		color: #333333;
		font-weight: normal;
		line-height: 2.182;
		margin-bottom: 1.364em;
	}
	.detail1-page .sec1 ul{
		margin-bottom: 28px;
		-webkit-display: flex;
		-webkit-align-items: stretch;
		-webkit-justify-content: flex-start;
		-webkit-flex-direction: row;
		-moz-display: flex;
		-moz-align-items: stretch;
		-moz-justify-content: flex-start;
		-moz-flex-direction: row;
		-o-display: flex;
		-o-align-items: stretch;
		-o-justify-content: flex-start;
		-o-flex-direction: row;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-direction: row;
	}
	.detail1-page .sec1 li{
		background-color: #e2e2ef;
		margin-right: 3.7425%;
		position: relative;
		width: 34.8%;
	}
	.detail1-page .sec1 li:last-child{
		margin-right: 0;
	}
	.detail1-page .sec1 .num{
		font-size: 125px;
		color: #fff;
		opacity: 0.5;
		font-family: "milanb";
		position: absolute;
		right: 0;
		bottom: -0.15em;
	}
	.detail1-page .sec1 li:last-child .num{
		right: 0.2em;
	}
	.detail1-page .sec1 li .relative-box{
		padding: 5.16% 6.45% 7.53%;
	}
	.detail1-page .sec1 h5{
		font-size: 18px;
		color: #524886;
		font-weight: bold;
		margin-bottom: 0.859em;
	}
	.detail1-page .sec1 h5 span{
		vertical-align: middle;
	}
	.detail1-page .sec1 h5 .circle{
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.455em;
		width: 0.455em;
		height: 0.455em;
		border-radius: 50%;
		border: 0.136em solid #524886;
	}
	.detail1-page .sec1 p{
		font-size: 13px;
		color: #666666;
		line-height: 1.375;
	}
	.detail1-page .sec1 .img{
		width: 100%;
	}
	.detail1-page .sec2{
		padding: 90px 0 50px;
		position: relative;
	}
	.detail1-page .sec2 .text-box{
		width: 47.5%;
		float: left;
	}
	.detail1-page .sec2 p{
		font-size: 18px;
		color: #333333;
		font-weight: normal;
		line-height: 2.182;
		margin-bottom: 1.682em;
	}
	.detail1-page .sec2 p:last-child{
		margin-bottom: 0;
	}
	.detail1-page .sec2 p b{
		color: #222;
	}
	.detail1-page .sec2 .img-box{
		width: 44.125%;
		float: right;
	}
	.detail1-page .sec2 .img-box img{
		width: 100%;
	}
	.detail1-page .sec2 .bg{
		position: absolute;
		left: 1.51%;
		top: -6.0484%;
		width: 48.698%;
	}
	.detail1-page .sec2 .square{
		position: absolute;
		right: 0;
		top: 58.2%;
		width: 51.6146%;
	}
	.detail1-page .sec3 .img-box{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 37.552%;
		margin-right: 23.2292%;
	}
	.detail1-page .sec3 .img-box .img1{
		width: 100%;
	}
	.detail1-page .sec3 .img-box .img2{
		position: absolute;
		left: 76.4216%;
		top: 6.6%;
		width: auto;
		height: 86.8%;
	}
	.detail1-page .sec3 .text-box{
		display: inline-block;
		vertical-align: middle;
		padding-top: 8.8542%;
	}
	.detail1-page .sec3 .text-box p{
		font-size: 18px;
		color: #333;
		line-height: 2.182;
	}
	.detail1-page .sec4{
		padding: 8.229% 0;
		overflow: hidden;
	}
	.detail1-page .sec4 h3{
		text-align: center;
		font-size: 20px;
		color: #524886;
		font-weight: bold;
		margin-bottom: 6.75%;
	}
	.detail1-page .sec4 .video-box{
		display: block;
		position: relative;
	}
	.detail1-page .sec4 .video-box .playvideo{
		position: relative;
		z-index: 1;
	}
	.detail1-page .sec4 .video-box video{
		width:auto; height:590px; margin:0 auto;
		object-fit: cover;
		display: block; z-index:5; position:relative;
	}
	.detail1-page .sec4 .video-box .bgcolor{
		background-color: #8782be;
		position: absolute;
		width: 100vw;
		top: -5%;
		bottom: -5%;
		left: 56.75%; z-index:4;
	}
	.detail1-page .sec4 .video-box h5{
		font-size: 65px;
		color: #e2e2ef;
		font-family: "milanb";
		writing-mode: vertical-lr;
		-webkit-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-o-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
		position: absolute;
		right: 100%;
		top: 50%;
		margin-right: 2.5%;
	}
	.playcover{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 6;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0.5);
		background-image: url(../images/laboratory_detail1_sec4_img.jpg);
		background-size: cover;
		background-position: center;
	}
	/*闷湿终结者*/
	.detail2-page .sec1{
		padding: 7.1875% 0 13.4375%;
	}
	.detail2-page .sec1 .text-box{
		display: inline-block;
		vertical-align: middle;
		width: 28.25%;
	}
	.detail2-page .sec1 .text-box h3{
		font-size: 26px;
		color: #333;
		font-weight: normal;
		line-height: 1.375;
	}
	.detail2-page .sec1 .text-box h3 b{
		color: #524886;
	}
	.detail2-page .sec1 .text-box .line{
		width: 4px;
		height: 24px;
		background-color: #333333;
		margin: 16px 0 26px;
	}
	.detail2-page .sec1 ul{
		display: inline-block;
		vertical-align: middle;
		width: 71.75%;
	}
	.detail2-page .sec1 li{
		display: inline-block;
		vertical-align: middle;
		width: 47.474%;
		margin-right: 5.052%;
	}
	.detail2-page .sec1 li:last-child{
		margin-right: 0;
	}
	.detail2-page .sec1 li img{
		width: 100%;
		margin-bottom: 6.789%;
	}
	.detail2-page .sec1 li .text{
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-webkit-flex-direction: row;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-moz-flex-direction: row;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		-o-flex-direction: row;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		padding: 0 7.34%;
	}
	.detail2-page .sec1 li h5{
		font-size: 26px;
		color: #333333;
		font-weight: bold;
	}
	.detail2-page .sec1 li p{
		font-size: 14px;
		color: #666;
		line-height: 1.3333;
	}
	.detail2-page .sec2{
		position: relative;
		background-color: #fff;
		padding: 9.8958% 0 22.5%;
	}
	.detail2-page .sec2 .bgtext{
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 72.3958%;
	}
	.detail2-page .sec2 .img{
		position: absolute;
		right: 0;
		top: -150px;
		width: 49.8958%;
	}
	.detail2-page .sec2 .text-box h5{
		font-size: 38px;
		color: #333333;
		font-weight: normal;
		margin-bottom: 0.78em;
	}
	.detail2-page .sec2 .text-box p{
		font-size: 18px;
		color: #333333;
		line-height: 2.364;
	}
	.detail2-page .sec3{
		padding: 6.71875% 0 5.3125%;
		position: relative;
	}
	.detail2-page .sec3 .img{
		display: inline-block;
		vertical-align: middle;
		width: 64.5625%;
	}
	.detail2-page .sec3 p{
		display: inline-block;
		vertical-align: middle;
		width: 35.4375%;
		text-align: right;
		font-size: 26px;
		color: #444;
		line-height: 1.5625;
	}
	.detail2-page .sec3 .bgcolor{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 66.5625%;
	}
	.detail2-page .sec3 ul{ margin-top:30px;}
	.detail2-page .sec3 ul li{ font-size:12px; color:#999;}
	.detail2-page .sec4{
		height: 570px;
		line-height: 570px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position:20% center;
		background-image: url(../images/laboratory_detail2_sec4_bg.jpg);
		text-align: center;
	}
	.detail2-page .sec4 p{
		display: inline-block;
		vertical-align: middle;
		font-size: 19px;
		color: #fff;
		line-height: 2.8333;
	}
	
	/*不一样的透气*/
	.detail3-page #main{
		padding: 6.51% 0 7.292%;
	}
	.detail3-page .sec1{
		margin-bottom: 4.6875%;
	}
	.detail3-page .sec1 .text-box{
		float: left;
		padding-top: 35px;
	}
	.detail3-page .sec1 .text-box h3{
		font-size: 26px;
		color: #222;
		font-weight: normal;
		margin-bottom: 0.75em;
	}
	.detail3-page .sec1 .text-box .line{
		width: 2px;
		height: 12px;
		background-color: #444;
		margin: 4px 0 9px;
	}
	.detail3-page .sec1 .text-box p{
		font-size: 14px;
		color: #222;
		line-height: 1.78;
	}
	.detail3-page .sec1 .right-part{
		float: right;
		width: 850px; max-width:66.5%;
	}
	.detail3-page .sec1 li{
		display: inline-block;
		vertical-align: top;
		width: 22.75%;
		margin-right: 3%;
	}
	.detail3-page .sec1 li:last-child{
		margin-right: 0;
	}
	.detail3-page .sec1 li .img-box{
		margin-bottom: 7%;
	}
	.detail3-page .sec1 li .img-box img{
		width: 100%;
	}
	.detail3-page .sec1 li .text{
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-webkit-flex-direction: row;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-moz-flex-direction: row;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		-o-flex-direction: row;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}
	.detail3-page .sec1 li .text p{
		font-size: 13px;
		color: #666666;
		line-height: 1.375;
		text-align: right;
	}
	.detail3-page .sec1 li .text p b{
		color: #524886;
	}
	.detail3-page .sec1 .tip{font-size:12px;}
	.detail3-page .sec2{
		position: relative; padding:80px 0;
		z-index: 1; background-image:url(../images/laboratory_detail3_sec2_img.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
	}
	.detail3-page .sec2 h2{ color:#524886; font-size:18px; line-height:1.1; font-weight:bold; padding-bottom:16px;}
	.detail3-page .sec2 p{ color:#444; font-size:16px; line-height:1.8; width:690px; max-width:43.125%;}
	.detail3-page .sec2 img{ padding-top:8px;
		max-width: 7%;
	}
	.detail3-page .sec3{
		text-align: center;
		padding: 11.458333% 0 21.198%;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 54.0625% 100%;
		background-image: url(../images/laboratory_detail3_sec3_bg.jpg);
		margin: -4.323% 0 -13.0208%;
	}
	.detail3-page .sec3 .img-box{
		display: inline-block;
		vertical-align: middle;
		width: 41.125%;
		margin-right: 11.625%;
	}
	.detail3-page .sec3 .img-box img{
		width: 100%;
	}
	.detail3-page .sec3 .text-box{
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	.detail3-page .sec3 .text-box h3{
		font-size: 33.6px;
		color: #574a8f;
		font-weight: bold;
	}
	.detail3-page .sec3 .text-box h4{
		font-size: 18px;
		color: #574a8f;
		font-weight: bold;
		margin: 0.86em 0 2.182em;
	}
	.detail3-page .sec3 .text-box h4 b{
		font-size: 1.455em;
	}
	.detail3-page .sec3 .text-box p{
		font-size: 16px;
		color: #444;
		line-height: 1.8;
		margin-bottom: 1em;
	}
	.detail3-page .sec3 .text-box p span{
		color: #574a8f;
	}
	.detail3-page .sec3 .text-box .tip{
		font-size: 12px;
	}
	.detail3-page .sec4{
		position: relative;
		z-index: 1;
	} 
	.detail3-page .sec4 .inner{
		background-color: #fff;
		padding: 3.177% 4.2%;
	}
	.detail3-page .sec4 .text-box{
		display: inline-block;
		vertical-align: middle;
		width: 37.4%;
		margin-right: 9%;
	}
	.detail3-page .sec4 .text-box h5{
		font-size: 26px;
		color: #222;
		font-weight: normal;
		margin-bottom: 0.825em;
	}
	.detail3-page .sec4 .text-box p{
		font-size: 14px;
		color: #222;
		line-height: 2;
	}
	.detail3-page .sec4 .video-box{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 53.6%;
		position: relative;
		overflow: hidden;
		background-color: #000;
	}
	.detail3-page .sec4 .video-box .bg{
		width: 100%;
	}
	.detail3-page .sec4 .video-box video{
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		height: 100%;
	}
	.detail3-page .sec4 .video-box .playvideo{
		width: 100%;
		display: none;
		z-index: 1;
		position: absolute;
		left: 0;
		top: 0;
	}
	.detail3-page .sec4 .video-box .playvideo.active{
		display: block;
	}
	.detail3-page .sec4 .video-box .playvideo img{
		width: 100%;
	}
}

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

	/* banner */
	.banner {
		height: 525px;
	}

	.banner .banner_tet {
		padding-top: 205px;
	}
	
	.detail2-page .sec2 .img{ top:-100px;}
	/*不一样的透气*/
	.detail3-page .sec1 .text-box{ max-width:30%;}
	.detail3-page .sec1 .right-part{
		 max-width:70%;
	}
	.detail3-page .sec1 li{
		width: 24%;
		margin-right: 1.3%;
	}
	.detail3-page .sec3{background-size:50% 100%;}

}

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

	/* banner */
	.banner {
		height: 450px;
	}

	.banner .banner_tet {
		padding-top: 170px;
	}


}
@media only screen and (max-width:1151px) {
	/*不一样的透气*/
	.detail3-page .sec3 .img-box{ margin-right:1%;}

}
@media only screen and (max-width:1024px) {

	/* banner */
	.banner {
		height: 375px;
	}

	.banner .banner_tet {
		padding-top: 145px;
	}

	.banner h1 {
		font-size: 2.3rem;
		margin-top: 5px;
	}

	.banner h2 {
		font-size: 3rem;
	}
	/*纸尿裤痛点*/
	.detail1-page .sec1{
		padding-top:50px;
	}
	.detail1-page .sec1 .text-box{
		width: 100%;
		position: relative;
		margin-bottom: -16.5625%;
		z-index: 1;
	}
	.detail1-page .sec1 .relative-box.white{
		padding: 5.18135% 6.736%;
		background-color: #fff;
	}
	.detail1-page .sec1 i.relative-box{
		font-style: normal;
	}
	.detail1-page .sec1 .square{
		position: absolute;
		left: -4.275%;
		top: -8.52%;
		width: 13.5636%;
	}
	.detail1-page .sec1 h4{
		font-size: 1.5rem;
		color: #333333;
		font-weight: normal;
		line-height: 1.8;
		margin-bottom: 1.364em;
		
	}
	.detail1-page .sec1 h4.sp{width:85%;}
	.detail1-page .sec1 ul{
		margin-bottom: 14px;
		-webkit-display: flex;
		-webkit-align-items: stretch;
		-webkit-justify-content: flex-start;
		-webkit-flex-direction: row;
		-moz-display: flex;
		-moz-align-items: stretch;
		-moz-justify-content: flex-start;
		-moz-flex-direction: row;
		-o-display: flex;
		-o-align-items: stretch;
		-o-justify-content: flex-start;
		-o-flex-direction: row;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-direction: row;
	}
	.detail1-page .sec1 li{
		background-color: #e2e2ef;
		margin-right: 3.7425%;
		position: relative;
		width: 34.8%;
	}
	.detail1-page .sec1 li:last-child{
		margin-right: 0;
	}
	.detail1-page .sec1 .num{
		font-size: 6rem;
		color: #fff;
		opacity: 0.5;
		font-family: "milanb";
		position: absolute;
		right: 0;
		bottom: -0.15em;
	}
	.detail1-page .sec1 li:last-child .num{
		right: 0.2em;
	}
	.detail1-page .sec1 li .relative-box{
		padding: 5.16% 6.45% 7.53%;
	}
	.detail1-page .sec1 h5{
		font-size: 1.5rem;
		color: #524886;
		font-weight: bold;
		margin-bottom: 0.859em;
	}
	.detail1-page .sec1 h5 span{
		vertical-align: middle;
	}
	.detail1-page .sec1 h5 .circle{
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.455em;
		width: 0.455em;
		height: 0.455em;
		border-radius: 50%;
		border: 0.136em solid #524886;
	}
	.detail1-page .sec1 p{
		font-size: 1.2rem;
		color: #666666;
		line-height: 1.375;
	}
	.detail1-page .sec1 .img{
		width: 100%;
	}
	.detail1-page .sec2{
		padding: 50px 0 30px;
		position: relative;
	}
	.detail1-page .sec2 .text-box{
		width: 47.5%;
		float: left;
	}
	.detail1-page .sec2 p{
		font-size: 1.5rem;
		color: #333333;
		font-weight: normal;
		line-height: 2.182;
		margin-bottom: 1.682em;
	}
	.detail1-page .sec2 p:last-child{
		margin-bottom: 0;
	}
	.detail1-page .sec2 p b{
		color: #222;
	}
	.detail1-page .sec2 .img-box{
		width: 44.125%;
		float: right;
	}
	.detail1-page .sec2 .img-box img{
		width: 100%;
	}
	.detail1-page .sec2 .bg{
		position: absolute;
		left: 1.51%;
		top: -6.0484%;
		width: 48.698%;
	}
	.detail1-page .sec2 .square{
		position: absolute;
		right: 0;
		top: 58.2%;
		width: 51.6146%;
	}
	.detail1-page .sec3 .img-box{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 37.552%;
		margin-right: 23.2292%;
	}
	
	.detail1-page .sec3 .img-box .img1{
		width: 100%;
	}
	.detail1-page .sec3 .img-box .img2{
		position: absolute;
		left: 76.4216%;
		top: 6.6%;
		width: auto;
		height: 86.8%;
	}
	.detail1-page .sec3 .text-box{
		display: inline-block;
		vertical-align: middle;
		padding-top: 8.8542%;
	}
	.detail1-page .sec3 .text-box p{
		font-size: 1.5rem;
		color: #333;
		line-height: 2.182;
	}
	.detail1-page .sec4{
		padding: 8.229% 0;
		overflow: hidden;
	}
	.detail1-page .sec4 h3{
		text-align: center;
		font-size: 1.7rem; line-height:1.3;
		color: #524886;
		font-weight: bold;
		margin-bottom: 6.75%;
	}
	.detail1-page .sec4 .video-box{
		display: block;
		position: relative;
	}
	.detail1-page .sec4 .video-box .playvideo{
		position: relative;
		z-index: 1;
	}
	.detail1-page .sec4 .video-box video{
		width:auto; height:300px;
	}
	.detail1-page .sec4 .video-box .bgcolor{
		background-color: #8782be;
		position: absolute;
		width: 100vw;
		top: -5%;
		bottom: -5%;
		left: 56.75%; z-index:4;
	}
	.detail1-page .sec4 .video-box h5{
		font-size:4.6rem;
		color: #e2e2ef;
		font-family: "milanb";
		writing-mode: vertical-lr;
		-webkit-transform: translateY(-50%) rotate(180deg);
		-moz-transform: translateY(-50%) rotate(180deg);
		-o-transform: translateY(-50%) rotate(180deg);
		transform: translateY(-50%) rotate(180deg);
		position: absolute;
		right: 95%;
		top: 50%;
		margin-right: 0;
	}
	.playcover{
		position: absolute;
		left: 0;
		top: 0;
		z-index: 6;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-color:transparent;
		background-image: url(../images/laboratory_detail1_sec4_img.jpg);
		background-size: 100% auto;
		background-position: center;
	}
	/*闷湿终结者*/
	.detail2-page .sec1{
		padding: 50px 0 100px;
	}
	.detail2-page .sec1 .text-box{
		display: inline-block;
		vertical-align: middle;
		width: 28.25%;
	}
	.detail2-page .sec1 .text-box h3{
		font-size: 2rem;
		color: #333;
		font-weight: normal;
		line-height: 1.375;
	}
	.detail2-page .sec1 .text-box h3 b{
		color: #524886;
	}
	.detail2-page .sec1 .text-box .line{
		width: 2px;
		height: 15px;
		background-color: #333333;
		margin: 10px 0 16px;
	}
	.detail2-page .sec1 ul{
		display: inline-block;
		vertical-align: middle;
		width: 71.75%;
	}
	.detail2-page .sec1 li{
		display: inline-block;
		vertical-align: middle;
		width: 47.474%;
		margin-right: 5.052%;
	}
	.detail2-page .sec1 li:last-child{
		margin-right: 0;
	}
	.detail2-page .sec1 li img{
		width: 100%;
		margin-bottom: 6.789%;
	}
	.detail2-page .sec1 li .text{
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		-webkit-flex-direction: row;
		-moz-display: flex;
		-moz-align-items: center;
		-moz-justify-content: space-between;
		-moz-flex-direction: row;
		-o-display: flex;
		-o-align-items: center;
		-o-justify-content: space-between;
		-o-flex-direction: row;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		padding: 0 7.34%;
	}
	.detail2-page .sec1 li h5{
		font-size: 2rem;
		color: #333333;
		font-weight: bold;
	}
	.detail2-page .sec1 li p{
		font-size: 1.3rem;
		color: #666;
		line-height: 1.3333;
	}
	.detail2-page .sec2{
		position: relative;
		background-color: #fff;
		padding: 100px 0 150px;
	}
	.detail2-page .sec2 .bgtext{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 55%;
	}
	.detail2-page .sec2 .img{
		position: absolute;
		right: 0;
		top: -70px;
		width: 49.8958%;
	}
	.detail2-page .sec2 .text-box h5{
		font-size: 2.2rem;
		color: #333333;
		font-weight: normal;
		margin-bottom: 0.78em;
	}
	.detail2-page .sec2 .text-box p{
		font-size:1.4rem;
		color: #333333;
		line-height: 2;
	}
	.detail2-page .sec3{
		padding: 6.71875% 0 5.3125%;
		position: relative;
	}
	.detail2-page .sec3 .img{
		display: inline-block;
		vertical-align: middle;
		width: 64.5625%;
	}
	.detail2-page .sec3 p{
		display: inline-block;
		vertical-align: middle;
		width: 35.4375%;
		text-align: right;
		font-size:2rem;
		color: #444;
		line-height: 1.5625;
	}
	.detail2-page .sec3 .bgcolor{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 66.5625%;
	}
	.detail2-page .sec3 ul{ margin-top:20px;display:block;}
	.detail2-page .sec3 ul li{ font-size:1rem; color:#999; line-height:2; margin-bottom:0;}
	.detail2-page .sec3 ul li{ float:left; margin-right:0; width:100%;}
	.detail2-page .sec3 ul li:nth-child(2n){ margin-right:0;}
	.detail2-page .sec4{
		height: 300px;
		line-height: 300px;
		background-repeat: no-repeat;
		background-image: url(../images/laboratory_detail2_sec4_bg.jpg);
		text-align: center;
	}
	.detail2-page .sec4 p{
		display: inline-block; max-width:92%;
		vertical-align: middle;
		font-size: 1.6rem;
		color: #fff;
		line-height: 2;
	}
	/*不一样的透气*/
	.detail3-page #main{
		padding: 50px 0;
	}
	.detail3-page .sec1{
		margin-bottom:50px;
	}
	.detail3-page .sec1 .text-box{
		float: left;  width:100%; max-width:none;
		padding-top:0;
	}
	.detail3-page .sec1 .text-box h3{
		font-size: 2rem;
		color: #222;
		font-weight: normal;
		margin-bottom: 0.75em;
	}
	.detail3-page .sec1 .text-box .line{
		width: 1.5px;
		height:7.5px;
		background-color: #444;
		margin: 3px 0 5.5px;
	}
	.detail3-page .sec1 .text-box p{
		font-size: 1.3rem;
		color: #222;
		line-height: 1.78;
	}
	.detail3-page .sec1 .right-part{
		float: right; margin-top:30px;
		width: 100%; max-width:none;
	}
	.detail3-page .sec1 li .img-box{
		margin-bottom:30px;
	}
	.detail3-page .sec1 li .text p{
		font-size: 1.2rem;
		color: #666666;
		line-height: 1.375;
		text-align: right;
	}
	.detail3-page .sec1 li .text p b{
		color: #524886;
	}
	.detail3-page .sec1 .tip{font-size:1.1rem;padding-top: 20px;}
	.detail3-page .sec2{
		position: relative; padding:50px 0;
		z-index: 1; background-image:url(../images/laboratory_detail3_sec2_img.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;
	}
	.detail3-page .sec2 h2{ color:#524886; font-size:1.5rem; line-height:1.3; font-weight:bold; padding-bottom:10px;}
	.detail3-page .sec2 p{ color:#444; font-size:1.4rem; line-height:1.8; width:100%; max-width:none;}
	.detail3-page .sec2 img{ padding-top:5px;
		max-width: 7%;
	}
	.detail3-page .sec3{
		text-align: center;
		padding:50px 0 80px;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 100%;
		background-image: url(../images/laboratory_detail3_sec3_bg.jpg); background-color:#e3e3ef;
		margin: -4.323% 0 -13.0208%;
	}
	.detail3-page .sec3 .img-box{
		display: inline-block;
		vertical-align: middle;
		width: 40%;
		margin-right: 3%; margin-bottom:15px;
	}
	.detail3-page .sec3 .img-box img{
		width: 100%;
	}
	.detail3-page .sec3 .text-box{
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	.detail3-page .sec3 .text-box h3{
		font-size: 2rem;
		color: #574a8f;
		font-weight: bold;
		margin-bottom: 1em;
	}
	.detail3-page .sec3 .text-box h4{
		font-size: 2rem;
		color: #574a8f;
		font-weight: bold;
		margin: 0.2em 0 1em;
		line-height: 1.2;
		display: none;
	}
	.detail3-page .sec3 .text-box h4 span{
		display: none;
	}
	.detail3-page .sec3 .text-box h4 b{
		font-size: 1em;
	}
	.detail3-page .sec3 .text-box p{
		font-size:1.3rem;
		color: #444;
		line-height: 1.8;
		margin-bottom: 0;
		padding-left: 0.5em;
	}
	.detail3-page .sec3 .text-box p.noindent{
		padding-left: 0;
	}
	.detail3-page .sec3 .text-box p b{
		margin-left: -0.5em;
	}
	.detail3-page .sec3 .text-box p span{
		color: #444;
	}
	.detail3-page .sec3 .text-box .tip{
		font-size: 0.875rem;
		margin-top: 1.5em;
		display: none;
	}
	.detail3-page .sec4{
		position: relative;
		z-index: 1;
	} 
	.detail3-page .sec4 .inner{
		background-color: #fff;
		padding: 30px 4.2%;
	}
	.detail3-page .sec4 .text-box{
		display: inline-block;
		vertical-align: middle;
		width:100%;
		margin-right:0; margin-bottom:30px;
	}
	.detail3-page .sec4 .text-box h5{
		font-size:2rem;
		color: #222;
		font-weight: normal;
		margin-bottom: 0.825em;
	}
	.detail3-page .sec4 .text-box p{
		font-size: 1.3rem;
		color: #222;
		line-height: 2;
	}
	.detail3-page .sec4 .video-box{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 100%;
		position: relative;
		overflow: hidden;
		background-color: #000;
	}
	.detail3-page .sec4 .video-box .bg{
		width: 100%;
	}
	.detail3-page .sec4 .video-box video{
		position: absolute;
		left: 50%;
		top: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		height: 100%;
	}
	.detail3-page .sec4 .video-box .playvideo{
		width: 100%;
		display: none;
		z-index: 1;
		position: absolute;
		left: 0;
		top: 0;
	}
	.detail3-page .sec4 .video-box .playvideo.active{
		display: block;
	}
	.detail3-page .sec4 .video-box .playvideo img{
		width: 100%;
	}
}

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

	/* banner */
	.banner {
		height: 250px;
		background-position: 40% center;
	}

	.banner .banner_tet {
		padding-top: 115px;
	}


	.banner h1 {
		font-size: 2rem;
	}

	.banner h2 {
		font-size: 2.6rem;
	}
	.detail1-page .sec1 .relative-box.white{ padding:5.18135% 6.736% 50px;}
	.detail1-page .sec1 .diaper{
		width: 20%;
	}
	.detail1-page .sec1 li{ width:48%; margin-right:4%;}
	
	.detail1-page .sec2 .text-box{ width:100%;}
	.detail1-page .sec2 .square{ display:none;}
	.detail1-page .sec2 .img-box{ width:100%; margin-top:20px;}
	
	.detail1-page .sec3{ width:92%; margin:0 auto;}
	.detail1-page .sec3 .img-box.web{ display:none;}
	.detail1-page .sec3 .img-box.mobile{ display:block; width:65%; margin-right:0;}

	.detail1-page .sec3 .text-box{ width:100%; margin-bottom:20px; padding-top:0;}
	
	.detail1-page .sec4 .video-box video{ height:auto; width:100%;}
	.playcover{

		background-size:cover;

	}
	/*闷湿终结者*/
	.detail2-page .sec1{ padding:50px 0;}
	.detail2-page .sec1 .text-box h3{writing-mode: vertical-lr; letter-spacing:2px;}

	.detail2-page .sec1 li{ width:100%; margin-right:0;}
	.detail2-page .sec1 li.last{ margin-top:20px;}
	.detail2-page .sec1 li .text{ padding:0;}
	.detail2-page .sec2{ padding:50px 0;}
	.detail2-page .sec2 .img{ position:static; width:92%; margin-left:4%; margin-top:20px;}
	.detail2-page .sec2 .bgtext{ display:none;}
	.detail2-page .sec3 .img{ width:100%;}
	.detail2-page .sec4{ background-position:right center;}
	.detail2-page .sec3 p{ font-size:1.6rem; width:100%; margin-top:30px; text-align:left;}
	
	/*不一样的透气*/
	.detail3-page .sec3{ padding:50px 0 120px;}
	.detail3-page .sec3 .img-box{
		width:40%;
		margin-right:0; margin-bottom:20px;
	}
	.detail3-page .sec1{ margin-bottom:20px;}
	.detail3-page .sec1 li{
		display: inline-block;
		vertical-align: middle;
		width: 48%;
		margin-right:4%; margin-bottom:20px;
	}
	.detail3-page .sec1 li:nth-child(2n){ margin-right:0;}
	.detail3-page .sec2{ background-image:none; padding:0;}
	.detail3-page .sec2 img{ width:100%; max-width:none;}
}
@media only screen and (max-width:414px) {
	.detail1-page .sec1 .square{ top:-1%; left:-2%;}
	.detail1-page .sec1 ul{flex-direction:column}
	.detail1-page .sec1 li{ width:100%; margin-right:0; display:block; margin-bottom:20px;}
	
	.detail2-page .sec4 p{ font-size:1.5rem; width:92%; margin:0 auto;}
	
	.detail3-page .sec3{ padding:50px 0 80px;}
}