.img{ width:100%;}
.img img{ width:100%;}

.content_box{ position:relative; margin:0 auto;width:100%; height:100%; text-align:center;}


.youpin_nav{ padding:.26rem 0 .13rem 0; background:#fff;  text-align:center;}
.youpin_nav dl{ margin:0 auto; font-size:0px;}
.youpin_nav dl dd{ position:relative;display:inline-block;*display:inline;*zoom:1; vertical-align:top;  width:1.18rem; height:1.07rem; margin:-1px 0 0 -1px; font-size:.12rem; color:#202020;border:#dcdcdc solid 1px; text-align:center;}
.youpin_nav dl dd a{ position:relative; display:block; width:100%;padding-top:.77rem; height:.3rem; z-index:2}
.youpin_nav dl dd:hover,.youpin_nav dl dd.hover{ background-color:#fff;}

.youpin_nav dd:before{content: "";   position:absolute; top:.12rem; left:.22rem;width:.8rem; height:.7rem; background-image:url(../images/youpin/youpin_nav.png) ; background-size: .8rem auto; background-repeat:no-repeat; background-position: 0 0; z-index:1;}
.youpin_nav dd:nth-child(1) {}
.youpin_nav dd:nth-child(2):before { background-position:0 -.7rem;}
.youpin_nav dd:nth-child(3):before { background-position:0 -1.4rem;}
.youpin_nav dd:nth-child(4):before { background-position:0 -2.1rem;}
.youpin_nav dd:nth-child(5):before { background-position:0 -2.8rem;}
.youpin_nav dd:nth-child(6):before { background-position:0 -3.5rem;}