@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.888888%;

text-align: center;

padding: 0;

margin-right: 0.3vw;

margin-left:0.3vw;

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-sm

{margin-top:20px;

}



@media screen and (min-width:2000px)

{

.product .hd 

{

height: 65px;

line-height: 65px;

}



.product .hd ul 

{

height: 65px;

font-size: 1.4vw;

}



}



@media screen and (min-width:1680px)

{

.product .hd 

{

height: 70px;

line-height: 68px;

}



.product .hd ul 

{

height:70px;

font-size: 1.5vw;

}

}



@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: 2vw;

}

}



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

{

.product .hd ul 

{

font-size: 2.2vw;

}



.product .hd ul li 

{

width: 22.666666%;

margin-right: 0.8vw;

margin-left:0.8vw;

cursor: pointer;

border: 1px #ccc solid;

}

.product .hd ul li:nth-child(5),.product .hd ul li:nth-child(6) {display: none !important ;}



}



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

{

.product .hd ul 

{

font-size: 3.8vw;

}



.product .hd ul li 

{

width: 31.333333%;

margin-right: 0.5vw;

margin-left:0.5vw;

cursor: pointer;

border: 1px #ccc solid;

}

.product .hd ul li:nth-child(4),.product .hd ul li:nth-child(5),.product .hd ul li:nth-child(6) {display: none !important ;}



}



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

{

.product .hd ul 

{

font-size: 4.2vw;

}



.product .hd ul li 

{

width: 45.333333%;

margin-right:1vh;

margin-left:1vh;

cursor: pointer;

border: 1px #ccc solid;

}

.product .hd ul li:nth-child(3){display: none !important ;}

}



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

{

.product .hd ul 

{

font-size: 4.2vw;

}



.product .hd ul li 

{

width: 95%;

margin-right:1vh;

margin-left:1vh;

cursor: pointer;

border: 1px #ccc solid;

}

.product .hd ul li:nth-child(2){display: none !important ;}



}