.index_pro {
	width: 1200px;
    margin: 0 auto;
	overflow: hidden;
}

.p_pro {
    width: 860px;
    float: right;
    display: inline;
}

.prod{width:860px;position:relative;margin:0 auto; float:right;}                            
.prod .tab_box{width:860px;height:auto;clear:both;top:0px;position:relative; float:right; overflow:hidden;}

.prod .tab_box ul li{width:48%; float:left;margin:0px 6px 20px 8px; }
.prod .tab_box ul li img{overflow: hidden;width: 410px;height: 342px;display:block; transition: 1s;}


.prod .tab_box .txt{background-color: #f6f7f7;padding: 10px 45px;position: relative;}
.prod .tab_box .txt h3{font-size: 19px;line-height: 36px;color: #333;transition: all 0.36s ease;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prod .tab_box .txt span{transition: all 0.36s ease;color: #777;font-size: 14px;line-height: 22px;}
.prod .tab_box .txt h3::before{width: 0px;height: 5px;margin-top:25px; background: #dea869;content: '';
position: absolute;left: 0;top: 0px;opacity: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.prod .tab_box  a:hover .txt h3{color:#dea869;}
.prod .tab_box  a:hover .txt h3::before{width: 25px;opacity: 1;}

.prod .tab_box ul li a{ width:410px;  display:block; overflow:hidden;}

.prod .tab_box ul li a:hover img {transform: scale(1.1,1.1) ;-ms-transform: scale(1.1,1.1) ;-webkit-transform: scale(1.1,1.1) ;-o-transform: scale(1.1,1.1) ;-moz-transform: scale(1.1,1.1); overflow: hidden;}

.pages {margin-top:30px; margin-bottom:10px; HEIGHT: 35px;text-align:center;font-size: 16px; }