@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: 32.888888%;

text-align: center;

padding: 0;

margin-right:0.1vw;

margin-left:0.1vw;

cursor: pointer;

border: 1px #ccc solid;

}



.product .hd ul li.on 

{

color: #fff;

border-color: #003370;

background: #003370;

}



.product .hd ul li.on a 

{color: #fff;}



.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:1100px)

{

.product .hd ul 

{

font-size: 1.7vw;

}

}



@media screen and (max-width:1000px)

{

.product .hd ul 

{

font-size: 2vw;

}

}



@media screen and (max-width:900px)

{

.product .hd ul 

{

font-size: 2.2vw;

}

}



@media screen and (max-width:800px)

{

.product .hd ul 

{

font-size: 2.4vw;

}

}



@media screen and (max-width:768px) 

{

.product .hd ul 

{

font-size: 3.2vw;

}



.product .hd ul li 

{

width: 31.555555%;

margin-right: 0.6vw;

margin-left:0.6vw;

cursor: pointer;

border: 1px #ccc solid;

}



}



@media screen and (max-width:425px) 

{

.product .hd ul 

{

font-size: 4.5vw;

}



.product .hd ul li 

{

width: 31.555555%;

margin-right: 0.6vw;

margin-left:0.6vw;

cursor: pointer;

border: 1px #ccc solid;

}





}



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

{

.product .hd ul 

{

font-size: 5vw;

}



}



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

{

.product .hd ul 

{

font-size: 5.5vw;

}

.product .hd ul li 

{

width: 31.333333%;

margin-right: 0.6vw;

margin-left:0.6vw;

cursor: pointer;

border: 1px #ccc solid;

}



}