@font-face {
    font-family: 'bzfont';  /*给自定义字体命名*/
    src: url('fontname.TTF') format('truetype');
}

.np_bar{
    margin-top: 90px!important;
}
.np_page{
    text-align: center;
    line-height:1;
    cursor: pointer;
}
.np_page span{
    vertical-align:middle;
    font-size: 17px;
    margin-left: 10px;
    font-family: "Tw Cen MT Condensed" !important;
}
.np_page span a{
    color: #909090;
    padding: 14px;
    vertical-align: text-bottom;

}
.np_page img{
    margin-top: -2px;
    vertical-align: middle;
    width: 12px;
}
.np_page_wapper{
    text-align: center;
    margin: 50px 0px;
}

.np_products{
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}
.np_item{
    position: relative;
    top: 0;
    float: left;
    text-align: center;
    width: 24%;
    padding: 2% 1.5%;
    margin: 25px 0px 26px 1px;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0);
    box-shadow:0 15px 30px rgba(0,0,0,0);
    height: 278.67px;
    -webkit-transition:all 121.034ms linear 0ms;
    -o-transition: all 121.034ms linear 0ms;
    transition: all 121.034ms linear 0ms;
}

.np_item img{
    width: 100%;
    height: 172px;
    /* margin-top: 42px; */
}
.np_item_name{
    margin-top: 30px;
}
.np_item:hover{
    top: -2px;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow:0 15px 30px rgba(0,0,0,.1);
}

.np_item:hover .np_item_name{
    /*font-weight:bolder;*/
    /*font-size:21px;*/
}

.np_item_name{
    font-size:19px;
    white-space: nowrap;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}

.np_item_model{
    font-size:15px;
    color: rgb(120,120,120);
    padding-bottom: 45px;
}

.np_legen{
    text-align: center;
    padding:50px 0;
    font-size:32px;
}

body *{
    font-family:'Arial','Microsoft YaHei';
}

.np_bar{
    background: #F9F9F9;
}

.np_bar_wrapper{
    width: 1024px;
    margin: 0 auto;
    padding: 20px 0;
}


.wrapper_item{
    /*margin: 35px;*/
    /* margin-left:59px; */
    text-align: center;
    display: inline-block;
    margin: 0 30px;
}

.np_bar_wrapper span:last-child{
    margin-right: 0px;
}

.wrapper_item a{
    font-size:15px;
    color:#636363;
    position: relative;
    text-align: center;
}
.wrapper_item a:before{
    content:'';
    height:4px;
    width: 50%;
    position: absolute;
    background: #CCCCCC;
    left: 28%;
    bottom: -10px;
    opacity: 0;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.wrapper_item a:hover{
    color: black;
}
.wrapper_item a:hover:before {
    opacity: 1;
}
a.wrapper_item_active{
    color: black;
}

a.wrapper_item_active:before {
    opacity: 1;
}