@charset "utf-8";



.jwty-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: 49%;
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: #1059A4;

background: #1059A4;

}



.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 .jwtysm

{margin-top:20px;

}



@media screen and (min-width:1800px) and (max-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.4vw;

}

}



@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 

{

width: 100% ;

height: auto;  

}



.product .hd ul 

{

font-size: 2.3vw;

}

.product .hd ul li 

{

width: 48.55555%;
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: 48.55555%;
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.4vw;

}



.product .hd ul li 

{

width: 48.55555%;
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: 5vw;

}



.product .hd ul li 

{

width: 47.333333%;
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: 5.5vw;

}



.product .hd ul li 

{

width: 47.888888%;
margin-right: 0.6vw;
margin-left:0.6vw;
margin-bottom:1vw;
cursor: pointer;
border: 1px #ccc solid;

}

}