@charset "utf-8";

.xgt-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.333333%;
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: #0178CC;
background: #0178CC;
}

.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 .xgt-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: 32%;
text-align: center;
padding: 0;
margin-right: 0.3vw;
margin-left:0.3vw;
cursor: pointer;
border: 1px #ccc solid;
}

}

@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;
}
}