/*-----------------------------center-----------------------------*/

/*---------------------------*/
.container {
    width: 1200px;
    margin: 0 auto;
}
.weizhi{
    /*width:1200px;*/
    height:50px;
    line-height: 50px;
    margin:0 auto;
    border-bottom: 1px solid #239aff;
    overflow: hidden;
}
.weizhi ul li{
    float:left;
    font-size:0.9em;
}
.weizhi ul li:nth-child(3) a{
    color:#239aff;
}
.weizhi ul li img{
    margin-top:10px;
}
.container .container-nav {}
.container .container-nav li {
    cursor: pointer;
}
.container .container-nav li.on {
    color: #239aff;
    text-decoration: underline;
    text-decoration-color: #239aff;
}
.container .nav-list {
    /*width:1180px;*/
    height:40px;
    line-height: 40px;
    margin:0 auto;
    border-bottom: 1px solid #d2d2d2;
}
.container .nav-list span {
    float: left;
    width: 85px;
}
.container .nav-list ul {
    overflow: hidden;
}
.container .nav-list li {
    float: left;
    margin-right: 20px;
}
.container .nav-fir {

}


/*----------------center_top---------------*/
.jh-container {
    /*width:1180px;*/
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    /*height: 1175px;*/
}
.jh-container li {
    width: 278px;
    height: 275px;
    border: 1px solid #ebebeb;
    float: left;
    /*margin-bottom: 20px;*/
    /*margin-right: 20px;*/
    margin: 10px 10px;
    position: relative;
    overflow: hidden;
}
.jh-container *{
    transition: all ease 0.4s;
}
.jh-container li:hover {
    box-shadow: 0 0 12px rgba(169,209,255,0.8);
}
.jh-container li:hover img {
    transform:scale(1.05,1.05);
    -ms-transform:scale(1.05,1.05); /* IE 9 */
    -moz-transform:scale(1.05,1.05); /* Firefox */
    -webkit-transform:scale(1.05,1.05); /* Safari and Chrome */
    -o-transform:scale(1.05,1.05); /* Opera */
}
.jh-container li>a>div{
    width: 278px;
    height: 192px;
    overflow: hidden;
}
#containerId img{
    width:100%;
}

.jh-container li>div>img {
    width: 278px;
    height: 157px;
    position: absolute;
    top: 0;
    left: 0;
}
.jh-container .name {
    font-size: 16px;
    margin-top: 17px;
    text-align: center;

}
.jh-container li:hover .name{
 color: #239aff;
}

.jh-container .price {
    font-size: 16px;
    margin-top: 17px;
    color: #e82222;
    text-align: center;
}
.jh-container li:hover .price{
font-size:20px;
}

.container .yema {
    height: 60px;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.yema a{
    padding: 5px 8px;
    display: inline-block;
    margin-left: 3px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.yema ul{
    display: flex;
}
.page div{
    max-width: 375px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    top: 8px;
}

.yema a:hover,.current ,.active{
    background:#239aff ;
    color: #fff;
}




/*.container .yema li {*/
    /*display: inline-block;*/
    /*padding: 12px 15px;*/
    /*margin: 0 5px;*/
    /*border: 1px solid #ebebeb;*/
    /*cursor: pointer;*/
    /*line-height: 1;*/
/*}*/
.container .yema li.current {
    background-color: #239aff;
    color: white;
}