.productListPage{ background:#fff;}
.topBanner{ position:relative;max-width:1440px; margin:0 auto; padding-bottom:80px;}
.topBanner img{ display:block; margin:0 auto;}
.topBanner .img2{ display:none;}
.topBanner .txt{ position:absolute; top:50%; left:44%; width:33%;}
.topBanner .txt h3{ font-size:28px; line-height:48px;}
.topBanner .txt p{ line-height:24px; font-size:14px;}

.ly_listMain{ max-width:1080px; margin:0 auto; border-top:solid 1px #ccc;}
.ly_listMain .navBox{ float:left; width:22%;}
.ly_listMain .listBox{ float:right; width:76%;}

.navBox h3{ font-size:24px; line-height:36px; padding:15px 0;border-bottom:solid 1px #ccc;}
.navBox li a{ line-height:36px; font-size:16px; display:block; color:#000; padding:15px 10%;border-bottom:solid 1px #ccc; background:url(ico7.png) right center no-repeat #fafafa;}
.navBox li a.now,
.navBox li a:hover{ background:url(ico6.png) right center no-repeat #fff ; color:#FD5F8B;}

.listBox ul{ margin-bottom:40px;}
.listBox li{ float:left; width:31%; margin: 1%;}
.listBox li .txt{ background:#F5F4F4; padding:10%;text-align:center;}
.listBox li .txt strong{ margin:0;text-align:center;font-weight:500; padding:10px 0px 0px 0px;font-size:.875rem;line-height:1.4;/*text-transform:uppercase;*//*letter-spacing:.1em;*/display:block;overflow:hidden;height:2.5rem;}
.listBox li .txt span{  display:block; overflow:hidden; pacolor:#666; padding:0 18%;font-size:.6875rem;line-height:1.6;letter-spacing:.1em;height:3.0rem;}
	.listBox li .txt a{ display:block;  display:block; margin:0 auto; color:#fff; background:#f92a63;  font-size:14px; height:30px; padding:13px 0px 0px 0px;}
	.listBox li .txt a:hover{ display:block;  display:block; margin:0 auto; color:#fff; background:#000000;  font-size:14px;width:160px; height:30px;padding:13px 0px 0px 0px;}
.listBox .more{ display:block; margin:0 auto 10% auto; width:200px; text-align:center; color:#000; font-size:28px; line-height:60px;height:60px; border:solid 1px #000;}

.m_menu{ display:none;}







@media only screen and (max-width:850px){
	.topBanner{ padding-bottom:0px;}
	.topBanner .img1{ display:block;}
	.topBanner .img2{ display:block;}
	.topBanner .txt{ position:inherit; width:80%; margin:0 auto; top:auto; left:auto; text-align:center; padding:20px 0 0 0; font-size:28px;}
	.topBanner .txt h3{ display:none;}
	.m_menu{ display:block; margin-bottom:20px;}
	.m_menu .tab{ display:none;}
	.ly_listMain .navBox{ display:none;}
	.m_menu .show{ font-size:0;}
	.m_menu .show a{ display:inline-block; vertical-align:middle; width:18%; margin:1%; box-sizing:border-box; border:solid 2px #000;}
	.m_menu .show a img{ display:block; width:100%;}
	.ly_listMain .listBox{ float:none; width:100%;}
	.ly_listMain{ border:none;}
}

@media only screen and (max-width:650px){
	.listBox li{ width:48%}
	.listBox li .txt a{ display:block;  display:block; margin:0 auto; color:#fff; background:#f92a63;  font-size:14px;  height:30px; padding:13px 0px 0px 0px;}
	.listBox li .txt a:hover{ display:block;  display:block; margin:0 auto; color:#fff; background:#000000;  font-size:14px; height:30px;padding:13px 0px 0px 0px; width:205px;}
	.listBox .more{  height:40px; line-height:40px; font-size:24px;}
}

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

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

@media only screen and (max-width: 414px){
	.topBanner{ padding-bottom:20px;}
	.topBanner .txt p{ line-height:20px; font-size:12px;}
	.listBox li .txt strong{ font-size:16px; line-height:20px; height:40px; text-align:center;}
	.listBox li .txt span{ font-size:12px;}
	.listBox li .txt a{ font-size:14px;}
	.listBox .more{ font-size:18px; width:120px; }
	.m_menu .show a:nth-child(n+6){ background:#E7E7E7; border:solid 2px #E7E7E7;}
}

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

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