.sec1{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    color: #333;
}

.sec1 .left-part,.sec1 .right-part{
	width: 50%;
}
.sec1 .left-part{
	background-color: #ececec;
	background-repeat: no-repeat;
	background-image: url(../images/product_list4_leftbg.png);
	background-position: left bottom;
	background-size: 173.75% auto;
}
.sec1 .left-part .part{
    padding-left: 16.5%;
    padding-right: 13%;
}
.sec1 .right-part .part{
    padding-left: 13%;
    padding-right: 16.5%;
}
.sec1 .part1{
	padding: 19.5% 0 9%;
}
.sec1 .part2{
  	padding: 19.5% 0 9%;
  	background-repeat: no-repeat;
  	background-image: url(../images/product_list4_part2_bg.jpg);
  	background-size: cover;
  	color: #fff;
}
.sec1 .part3{
	padding: 9% 0 14%;
}


.sec1 h3{
	font-size: 1.875em;
	font-weight: bold;
	color: #fc3329;
}
.sec1 .part2 h3{
	color: #fff;
}
.sec1 h5{
	font-size: 1.125em;
	color: inherit;
	font-weight: bold;
	line-height: 1.8;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-left: 1.25em;
}
.sec1 h5 span{
	display: inline-block;
	width: 1.25em;
	margin-left: -1.25em;
}
.sec1 p{
	font-size: 1.125em;
	color: inherit;
	line-height: 1.8;
	margin-bottom: 0.5em;
}
.sec1 p:last-child{
	margin-bottom: 0;
}
.sec1 .part1 p{
	padding-left: 1.75em;
}
.sec1 .part1 p span{
	display: inline-block;
	width: 1.75em;
	margin-left: -1.75em;
}
.sec1 .part2 p{
	padding-left: 1.25em;
}
.sec1 .part2 p span{
	display: inline-block;
	width: 1.25em;
	margin-left: -1.25em;
}

.sec1 .fadeupani{
    transform: translateY(10vh);
    opacity: 0;
    transition-duration: 0.75s,0.75s;
    transition-property: transform,opacity;
}
.sec1 .fadeupani.actived{
    transform: translateY(0);
    opacity: 1;
}
@media only screen and (min-width:1025px){
}
@media only screen and (max-width:1024px){
	.sec1{
	    display: block;
	}

	.sec1 .left-part,.sec1 .right-part{
		width: 100%;
	}
	.sec1 .left-part .part{
	    padding-left: 5%;
	    padding-right: 5%;
	}
	.sec1 .right-part .part{
	    padding-left: 5%;
	    padding-right: 5%;
	}
	.sec1 .part1{
		padding: 15% 0;
	}
	.sec1 .part2{
		padding: 15% 0;
	}
	.sec1 .part3{
		padding: 15% 0;
	}


	.sec1 h3{
		font-size: 1.5em;
	}
	.sec1 h5{
		font-size: 1em;
	}
	.sec1 p{
		font-size: 1em;
	}
}