.row {
    height: 1250px;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
}
.wp {
    max-width: 1400px;
}


.row-0{
	background: url(p1-bg-0.jpg);
    background-size: 260%;
    height: 1400px;
    background-repeat: no-repeat;
    background-position: center top;
}
.row-1{
	background: url(p1-bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.row-2{
	background: url(p1-bg-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.row-3{
	background-color: #f7c6c8;
}
.row-4{
	background: url(p1-bg-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.row-5{
	background: url(p1-bg-5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.tit2{
	width: 94%;
	max-width:1400px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
    border-bottom: 1px solid #F2F2F2;
}
.ul-spec{
	width: 94%;
	max-width: 1400px;
    margin: 0 auto;
}
.ul-spec li{
    overflow: hidden;
	border-bottom: 1px solid #F2F2F2;
    padding: 20px 0;
    
}
.ul-spec li span{
	float: left;
	width:28%;
	font-size: 18px;
	font-weight: 300;
}
.ul-spec li .con{
	font-size: 14px;
    color: #000;
    overflow: hidden;
}

.hero-title{
	padding-top:120px;
	width:100%;
	text-align: center;
	color:#FFF;
}
.hero-title .mT{
	font-size: 60px;
	font-weight: 400;
}
.hero-title .sE{
	border: 1px solid #FFF;
 	border-radius: 8px;
 	width:150px;
 	margin-left: auto;
 	margin-right: auto;
	font-size: 26px;
	font-weight: 500;
}
.hero-title .sT{
	margin-top: 25px;
	font-size: 44px;
	font-weight: 300;
	line-height: 55px;
}
.row-title{
	padding-top: 68px;
	color: #FFF;
	text-align: center;
}
.black{
	color:#000;
}
.row-title h3{
	font-size: 44px;
	font-weight: 400;
	line-height: 55px;
}
.row-title p{
	margin-top: 24px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	font-weight: 300;
}
.row-title span{
	border-bottom: 1px solid #FFF;
}
.row-title .tit-note{
	font-size: 12px;
	margin-top: 30px;
}
.p-img{
	width: 70%;
	margin-top: 160px;
	margin-left: auto;
	margin-right: auto;
}
.txt-line{
	border-bottom: 0px;
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	float: left;
}
.t1{
	float: left;
	margin-top: 350px;
	margin-left: 300px;
}
.t2{
	float: left;
	margin-top: 350px;
	margin-left: 230px;
}
.t3{
	float: left;
	margin-top: 350px;
	margin-left: 300px;
}
.txt-line em{
	display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    width: 150px;
    height: 1px;
    background-color: #FFF;
    position: relative;
}



/* for More screen Media resize; */

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

@media only screen and (min-width:1280px) and (max-width:1439px)  {
	.row {
    	height: 800px;
	}
	.row-0{
    	height: 900px;
	}

	.hero-title{
		padding-top:120px;
		width:100%;
		text-align: center;
		color:#FFF;
	}
	.hero-title .mT{
		font-size: 45px;
		font-weight: 400;
	}
	.hero-title .sE{
		border: 1px solid #FFF;
	 	border-radius: 8px;
	 	width:130px;
	 	margin-left: auto;
	 	margin-right: auto;
		font-size: 22px;
		font-weight: 500;
	}
	.hero-title .sT{
		margin-top: 20px;
		font-size: 32px;
		font-weight: 300;
		line-height: 44px;
	}

	.p-img{
		width: 70%;
		margin-top: 90px;
		margin-left: auto;
		margin-right: auto;
	}


	.row-title h3{
		font-size: 36px;
		font-weight: 400;
		line-height: 48px;
	}
	.row-title p{
		margin-top: 20px;
		width: 740px;
		margin-left: auto;
		margin-right: auto;
		font-size: 18px;
		font-weight: 300;
	}
	.row-title span{
		border-bottom: 1px solid #FFF;
	}
	.row-title .tit-note{
		font-size: 12px;
		margin-top: 20px;
	}

	.row-spec{
		height:1200px;
	}
	

}

@media screen and (min-width:960px) and (max-width:1279px) {
	.row {
    	height: 700px;
	}
	.row-0{
    	height: 800px;
	}

	.hero-title{
		padding-top:100px;
		width:100%;
		text-align: center;
		color:#FFF;
	}
	.hero-title .mT{
		font-size: 36px;
		font-weight: 400;
	}
	.hero-title .sE{
		border: 1px solid #FFF;
	 	border-radius: 6px;
	 	width:100px;
	 	margin-left: auto;
	 	margin-right: auto;
		font-size: 18px;
		font-weight: 500;
	}
	.hero-title .sT{
		margin-top: 20px;
		font-size: 26px;
		font-weight: 300;
		line-height: 36px;
	}

	.p-img{
		width: 70%;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
	}


	.row-title h3{
		font-size: 28px;
		font-weight: 400;
		line-height: 44px;
	}
	.row-title p{
		margin-top: 20px;
		width: 680px;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		font-weight: 300;
	}
	.row-title span{
		border-bottom: 1px solid #FFF;
	}
	.row-title .tit-note{
		font-size: 12px;
		margin-top: 20px;
	}

	.row-spec{
		height:1200px;
	}

}

@media screen and (min-width:768px) and (max-width:959px) {
	.row {
    	height: 500px;
	}
	.row-0{
    	height: 600px;
	}

	.hero-title{
		padding-top:50px;
		width:100%;
		text-align: center;
		color:#FFF;
	}
	.hero-title .mT{
		font-size: 30px;
		font-weight: 400;
	}
	.hero-title .sE{
		border: 1px solid #FFF;
	 	border-radius: 6px;
	 	width:90px;
	 	margin-left: auto;
	 	margin-right: auto;
		font-size: 16px;
		font-weight: 500;
	}
	.hero-title .sT{
		margin-top: 15px;
		font-size: 24px;
		font-weight: 300;
		line-height: 34px;
	}

	.p-img{
		width: 90%;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.row-title{
		padding-top: 30px;
	}
	.row-title h3{
		font-size: 24px;
		font-weight: 400;
		line-height: 36px;
	}
	.row-title p{
		margin-top: 20px;
		width: 440px;
		margin-left: auto;
		margin-right: auto;
		font-size: 14px;
		font-weight: 300;
	}
	.row-title span{
		border-bottom: 1px solid #FFF;
	}
	.row-title .tit-note{
		font-size: 12px;
		margin-top: 20px;
	}
	.row-spec{
		height:1000px;
	}

	
}

@media only screen and(min-width:480px)and(max-width:767px) {

}

@media only screen and (max-width:479px) {
	.row {
    	height: 600px;
	}
	.row-0{
		background: url(p1-bg-0-h.jpg);
	    background-size: 220%;
	    height: 640px;
	    background-repeat: no-repeat;
	    background-position: center top;
	}
	.row-2{
		background-position: 80% top;
	}
	.row-4{
		background-position: 30% top;
	}
	.hero-title{
		padding-top:70px;
		width:100%;
		text-align: center;
		color:#FFF;
	}
	.hero-title .mT{
		font-size: 30px;
		font-weight: 400;
	}
	.hero-title .sE{
		border: 1px solid #FFF;
	 	border-radius: 6px;
	 	width:90px;
	 	margin-left: auto;
	 	margin-right: auto;
		font-size: 16px;
		font-weight: 500;
	}
	.hero-title .sT{
		margin-top: 15px;
		font-size: 24px;
		font-weight: 300;
		line-height: 34px;
	}

	.p-img{
		width: 100%;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
	}

	.row-title{
		padding-top: 30px;
	}
	.row-title h3{
		font-size: 28px;
		font-weight: 400;
		line-height: 36px;
	}
	.row-title p{
		margin-top: 20px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		font-size: 16px;
		font-weight: 300;
		line-height: 32px;
	}
	.row-title span{
		border-bottom: 1px solid #FFF;
	}
	.row-title .tit-note{
		font-size: 12px;
		margin-top: 20px;
	}
	.row-spec{
		height:900px;
	}

	.tit2{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	    border-bottom: 1px solid #F2F2F2;

	}
	.tit2 h3{
		font-size: 24px;
	}
	.ul-spec{
		width: 96%;
		max-width: 1400px;
	    margin: 0 auto;
	}
	.ul-spec li{
	    overflow: hidden;
		border-bottom: 1px solid #F2F2F2;
	    padding: 20px 0;
	    
	}
	.ul-spec li span{
		float: left;
		width:30%;
		font-size: 14px;
		font-weight: 500;
	}
	.ul-spec li .con{
		font-size: 14px;
	    color: #000;
	    overflow: hidden;
	}
	.t2{
		float: left;
		margin-left: 100px;
		width:80px;
	}
	.txt-line{
		border-bottom: 0px;
		color: #FFF;
		font-size: 12px;
		font-weight: 300;
		float: left;
	}
	.txt-line em{
		display: inline-block;
	    vertical-align: middle;
	    margin-left: 5px;
	    margin-right: 5px;
	    width: 20px;
	    height: 1px;
	    background-color: #FFF;
	    position: relative;
	}
	.t3 em{
	    width: 80px;
	}
	.row .con img{
		width:100%;
		height:auto;
	}

}