.pro-right{
    background-color: rgb(247, 247, 247);
    margin-bottom:50px;
}

.pro-right .pro-nav{
    width:1200px;
    margin:0 auto;
    margin-top:25px;
    text-align: center;
}

.pro-right .pro-nav ul::after{
    content:'';
    clear:both;
    display: block;
}
.pro-right .pro-nav ul li{
    width:180px;
    margin-bottom: 15px;
    margin-left:24px;
    float:left;
}
.pro-right .pro-nav ul li:nth-of-type(1),
.pro-right .pro-nav ul li:nth-of-type(7n){
    margin-left:0;
}
.pro-right .pro-nav ul li a{
    width:100%;
    display: block;
    color:#666;
    border:1px solid #666;
    padding:10px 0px;
    text-align:center;
    border-radius: 3px;
    font-size:14px;
}

.pro-right .pro-nav ul li:hover a{
    background-color:#fff;
    color:#EFA52C;
    box-shadow: 1px 1px 3px #666;
}



.pro-right .right-wrap{
    margin:0 auto;
    margin-top:40px;
    width:1200px;
    margin-bottom:30px;
}
.pro-right .right-wrap ul img{
    width:362px;
    height:282px;
    object-fit: scale-down;
    vertical-align: top;
}
.pro-right .right-wrap .right2 ul li{
    display:inline-block;
    padding:10px;
    width:362px;
    height:282px;
    margin-left:15px;
    overflow:hidden;
    margin-bottom:40px;
    box-shadow: 1px 0px 3px #aaa,
    -1px 0px 3px #aaa;
    vertical-align: top;
   
}
.pro-right .right-wrap .right2 ul li:hover{
    cursor: pointer;
}
.pro-right .right-wrap .right2 ul li:hover .prt-1,
.pro-right .right-wrap .right2 ul li:hover .mengban{
    display: block;
}
.pro-right .right-wrap .right2 ul li a{
    position: relative;
}
.pro-right .right-wrap li .prt-1{
    width:100%;
    position: absolute;
    padding:10px;
    top:0;
    left:0;
    z-index:999;
    display:none;
    text-align:center;
}
.pro-right .right-wrap li .prt-1 h3{
    width:98%;
    margin-top:70px;
    line-height:30px;
    position: relative;
    line-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    color:#EFA52C;
}
.pro-right .right-wrap li .prt-1 h3:hover{
    color:#80b107;
}
.pro-right .right-wrap li .prt-1 .fr{
    width:97%;
    color:#EFA52C;
    margin-top:20px;
    position: relative;
    line-height: 1.4em;
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.mengban{
    width:362px;
    height:282px;
    background:rgba(0, 0, 0, 0.65);
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.pro-right .pages{
    text-align: center;
    margin-top:50px;
}
.pro-right .pages ul li{
    margin: 0 10px;
    display: inline-block;
    border:1px solid #ccc;
    border-radius: 3px;
    margin-bottom:10px;
}
.pro-right .pages ul li a,.pro-right .pages ul li span{
    padding:8px 36px;
    display: block;
}
.pro-right .pages ul li:hover{
    background-color: #EFA52C;
    color:#fff;
}
.pro-right .pages ul li.active{
   border:1px solid #EFA52C;
}