@charset "utf-8";
.pro_show{
width:1200px;
height:auto;
margin:auto;
padding: 30px 0;
}
.pro_show .pro_tab{
width:100%;
min-height:45px;
overflow: hidden;
height:auto;
}
.pro_show .pro_tab a{
display:block;
padding: 12px 24px;
text-align:center;
float:left;
cursor:pointer;
border-radius:30px;
margin: 0 11px 11px 0;
}
.pro_show .pro_tab a:hover{ background:#000acb;color:#fff;}
.pro_show .pro_tab a.oning{ background:#000acb;color:#fff;}
.pro_show .pro_info {
margin-top: 40px;
}
.pro_show .pro_info ul{
width:100%;
height:auto;
}
.pro_show .pro_info ul li{
width:244px;
height:436px;
float:left;
margin-right:73px;
margin-bottom:70px;
position:relative;

}
.pro_show .pro_info ul li:nth-of-type(4n){
margin-right: 0;
}
.pro_show .pro_info ul li img{
width: 244px;
height:436px;
display:block;
box-shadow: 0 0 20px #aaa;
overflow:hidden;
border-radius: 10px;
}
.pro_show .pro_info ul li p{
line-height: 50px;
color:#666;
text-align:center;
}
.pro_show .pro_info .pro_page{
width: 100%;
height: 150px;
clear:both;
text-align:center;
}
.pro_show .pro_info .pro_page a{
display:inline-block;
width:30px;
height:30px;
line-height:30px;
text-align:center;
background:#d2d2d2;
border-radius:2px;
margin:50px 2px 0;
}
.pro_show .pro_info .pro_page a.on{ background:#000aca;color:#fff;}
.pro_show .pro_info .pro_page a:hover{ background:#000aca;color:#fff;}