@charset "utf-8";

.mr_frbox { 
   width: 1200px;
   height: auto;
   margin: 0 auto;
   padding: 24px 22px 0px; 
   overflow: hidden;
}
.mr_frBtnL { 
	float: left; 
	margin: 130px 22px 0px 0px; 
	cursor: pointer; 
	display: inline; 
}
.mr_frUl { 
    float: left;
    height: auto;
    width: 1100px;
    overflow: hidden;
}
.mr_frBtnR { 
	float: right; 
	margin-top: 130px; 
	cursor: pointer; 
}
.mr_frUl ul li { 
	display: inline; 
	float: left; 
	height: auto; 
	width: 31.5%; 
	margin:10px; 
	overflow: hidden; 
}
.mr_frUl ul li img { 
	display: block;  
	border: 1px solid #D8D8D8; 
}
.mr_frUl ul li h3{
	width:96%;
	padding:0 2%;
	text-align: left;
    font-size: 18px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding:10px 0;
}
.mr_frUl ul li p{
	width:94%;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	margin:10px auto;
}
@media screen and (max-width: 1024px){

.mr_frbox { 
   width: 900px;
   padding: 24px 0 0px; 
}
.mr_frUl { 
    width: 800px;
}

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

.mr_frbox { 
   width: 715px;
   padding: 24px 0 0px; 
}
.mr_frUl { 
    width: 615px;
}
.mr_frBtnL,.mr_frBtnR {
    margin-top: 95px;
}
.par04_txt .par04_l h2 {
    width: 62%;
    padding: 0;
}
.par04_txt .par04_r {
    margin-top: 55px;
}






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

.mr_frbox {
    width: 90%;
 }

.mr_frUl {
    width: 60%;
}
.mr_frBtnL {
    float: left;
    margin: 95px 35px 0px 0px;
}
.mr_frUl ul li {
    width: 100%;
}
.par04_txt .par04_l h2 {
    width: 84%;
}


}