@charset "utf-8";



.hx-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: 23.555555%;

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: #003370;

background: #003370;

}



.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 .hx-index-p

{margin-top:20px;

}



@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: 22.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: 47.777777%;

margin-right: 0.5vw;

margin-left:0.5vw;

margin-bottom:1vw;

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;

}

}