@charset "utf-8";

.tyt_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: 1vw;
text-align: center;
}

.product .hd ul li 
{
float: left;
width: 19.11111%;
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: #303030;
background: #303030;
}

.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 .tyt_index_p
{margin-top:20px;
}


@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: 18.888888%;
margin-right: 0.3vw;
margin-left:0.3vw;
cursor: pointer;
border: 1px #ccc solid;
}
}

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

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

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

}

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

.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.5vw;
}

}

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