@charset "utf-8";
@media screen and (max-width: 960px){
.chanpin{width:90%; height:auto; margin:0 auto; margin-top:30px;}
.chanpin h4{ font-size:0.14rem; font-weight:400;  text-align:center; color:#999; line-height:0.35rem;}
.chanpin h5{ font-size:0.2rem; font-weight:bold; text-align:center; color:#666; line-height:0.6rem;}

/*圆形菜单
<ul class="index_menu">
	<li>
		<a href="about/?<%=rslm("id")%>.html">
		<span><img src="<%=rslm("a_img")%>" /></span>
		<em><%=rslm("a_title")%></em>
		</a>
	</li>
</ul>
*/
.index_menu{width:100%; height:auto; text-align:center; margin-top:40px;}
.index_menu li{display:inline-table; width:100%; height:auto; text-align:center; color:#212121;}
.index_menu li span{display:block; width:100%; height:auto; margin:0 auto;}
.index_menu li span img{width:76%; height:auto; border-radius:50%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; border: 2px solid #fff;}
.index_menu li:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); border: 2px solid #ff6a00;}
.index_menu li em{ display:block; font-size:0.18rem; margin-top:30px; font-weight:bold; color:#666}
.index_menu li:hover em{color:#ff6a00}
.index_menu li+li{ margin-top:30px;}
/*圆形菜单end*/

.categorias {
	-ms-align-items: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
	height:auto;
	margin-top:20px;
}
.link-categoria {
	width: 76%;
	height: 0.5rem;
	line-height:0.5rem;
	background-color: #e6e6e6;
	font-family: Exo\ 2,Helvetica,Arial,sans-serif;
	font-size: 0.16rem;
	font-weight: 400;
	margin: 5px 0;
	transition: all .3s ease-in-out;    
}
.link-categoria:hover{ background-color:#ff6a00; color:#FFF}

}

@media screen and (min-width:960px){
.chanpin{width:90%; height:auto; margin:0 auto; margin-top:30px;}
.chanpin h4{ font-size:14px; font-weight:400;  text-align:center; color:#999; line-height:40px;}
.chanpin h5{ font-size:22px; font-weight:bold; text-align:center; color:#666; line-height:60px;}

/*圆形菜单
<ul class="index_menu">
	<li>
		<a href="about/?<%=rslm("id")%>.html">
		<span><img src="<%=rslm("a_img")%>" /></span>
		<em><%=rslm("a_title")%></em>
		</a>
	</li>
</ul>
*/
.index_menu{width:100%; height:auto; text-align:center; margin-top:50px;}
.index_menu li{display:inline-table; width:20%; height:auto; text-align:center; color:#212121;}
.index_menu li span{display:block; width:100%; height:auto; margin:0 auto;}
.index_menu li span img{width:76%; height:auto; border-radius:50%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; border: 2px solid #fff;}
.index_menu li:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); border: 2px solid #ff6a00;}
.index_menu li em{ display:block; font-size:20px; margin-top:30px; font-weight:bold; color:#666}
.index_menu li:hover em{color:#ff6a00}
/*圆形菜单end*/

.categorias {
	-ms-align-items: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	width: 100%;
	height:auto;
	margin-top:30px;
}
.link-categoria {
	width: 76%;
	height: 50px;
	line-height:50px;
	background-color: #e6e6e6;
	font-family: Exo\ 2,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin: 5px 0;
	transition: all .3s ease-in-out;    
}
.link-categoria:hover{ background-color:#ff6a00; color:#FFF}
}