@charset "utf-8";

.jhx_cp_main 
{
margin-bottom: 20px;
margin-top:20px;
}


.product 
{
width: 100% ;
margin: 0 auto;
}

.product .hd 
{
width: 100% ;
height: 55px;
overflow: hidden;
line-height: 52px;
}

.product .hd ul 
{
height: 55px;
font-size: 1.2vw;
text-align: center;
}

.product .hd ul li 
{
float: left;
width: 24%;
text-align: center;
padding: 0;
margin-right: 0.3vw;
margin-left:0.3vw;
cursor: pointer;
border: 1px #ccc solid;
}


.product .hd ul li a
{
color: #333;
}

.product .hd ul li.on 
{
color: #fff;
border-color: #0D5EB1;
background: #0D5EB1;
}

.product .hd ul li.on a 
{color: #fff;font-weight:bold;}

.product .hd ul li.on a:hover 
{text-decoration:none; border:none;}


.product .hd ul li a 
{display: block;height: 100%;}

.product .bd .jhx_index_p
{margin-top:20px;
}

@media screen and (min-width:1800px) and (max-width:2000px)
{
.product .hd 
{
width: 100% ;
height: 55px;
overflow: hidden;
line-height: 52px;
}

.product .hd ul 
{
height: 55px;
font-size: 1.2vw;
text-align: center;
}

.product .hd ul li 
{
float: left;
width: 13%;
text-align: center;
padding: 0;
margin-right: 0.3vw;
margin-left:0.3vw;
cursor: pointer;
border: 1px #ccc solid;
}
}

@media screen and (max-width:1200px)
{
.product .hd ul 
{
font-size: 1.5vw;
}

}

@media screen and (min-width: 1067px) and (max-width: 1199px)
{
.product .hd ul 
{
font-size: 1.5vw;
}

}

@media screen and (min-width: 1000px) and (max-width: 1066px) 
{
.product .hd ul 
{
font-size: 1.7vw;
}
}

@media screen and (min-width: 769px) and (max-width: 999px) 
{
.product .hd ul 
{
font-size: 2.3vw;
}
.product .hd ul li 
{
width: 14.888888%;
margin-right: 0.5vw;
margin-left:0.5vw;
cursor: pointer;
border: 1px #ccc solid;
}
}

@media screen and (max-width:768px) 
{
.product .hd 
{
width: 100% ;
height: auto;  
}

.product .hd ul 
{
font-size: 2.6vw;
}

.product .hd ul li 
{
float: left;
width: 24%;
text-align: center;
padding: 0;
margin-right: 0.3vw;
margin-left:0.3vw;
cursor: pointer;
border: 1px #ccc solid;
margin-bottom:0.6vw;
}



}

@media screen and (max-width:425px) 
{
.product .hd ul 
{
font-size: 4.5vw;
}

.product .hd ul li 
{
width: 48%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:0.8vw;
cursor: pointer;
border: 1px #ccc solid;
}
}

@media screen and (max-width:375px) 
{
.product .hd ul 
{
font-size:5.6vw;
}

.product .hd ul li 
{
width: 47.888888%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:1vw;
cursor: pointer;
border: 1px #ccc solid;
}
.product .hd ul li:nth-child(7) 
{width: 97.888888%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:1vw;
cursor: pointer;
border: 1px #ccc solid;
}
}

@media screen and (max-width:320px) 
{
.product .hd ul 
{
font-size: 6vw;
}

.product .hd ul li 
{
width: 47.888888%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:1vw;
cursor: pointer;
border: 1px #ccc solid;
}

.product .hd ul li:nth-child(7) 
{width: 97.888888%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:1vw;
cursor: pointer;
border: 1px #ccc solid;
}
}