/*======顶呱呱官网内页 [新闻详情/列表页 ]zyr 2017-02-22======*/
/*通用*/
.ter-box{width: 100%;min-width:1180px;padding: 40px 0 0 0;}
.inter-tit{text-align: left;font-size: 16px;}
.ter-content{}
/*通用*/
ol, ul, li, dl, dt, dd {
	list-style: none;
}
a{
    color:#000;
}
/*============banner start===================*/
.photo{z-index:-1;width:100%;min-width: 1180px;overflow: hidden;height: 450px;position: relative;}
.photo .photo-img{width: 1920px;min-width: 1180px;margin-left: -960px;position: absolute;left: 50%;top:4px;}
.photo .photo-img>img{width: 100%;}
.photo .photo-img>.title{text-align: center;position: absolute;top:60px;width: 100%;}
.photo .photo-img>.title>strong{font-size: 42px;color: #fff;}
.photo .photo-img>.title>span{display: block;height: 2px;width: 170px;background: #fff;margin: 0 auto;}
/*============banner end===================*/
/*产品列表 star*/
.w1160{
    background-color: #fff;
    padding:20px;
    width: 1160px;
    margin:0 auto;
}
.product-list{
    height: 800px;
    margin-top:20px;
}
.product-list ul li{
    width: 23%;
    float: left;
    margin:0 10px;
    height: 360px;
    margin-top:30px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    transition: all 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.product-list ul li:hover{
    transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);
    box-shadow: 0px 5px 10px  #ccc;
}
.product-list ul li a {
    display: inline-block;
    padding:10px;
}

.product-list ul li a .product-img{
    height: 70%;
    border-radius: 10px;
    overflow: hidden;
}
.product-list ul li a .product-img img{
    width: 100%;
}
.product-list ul li a h3{
    text-align: center;
    margin:10px 0;
    font-size:20px;
    overflow: hidden;
    height: 30px;
}
.product-list ul li a:hover h3{
    color:#19caad;
}   
.product-list ul li a p{
    font-size:12px;
    color:#666;
    height: 33px;
    overflow: hidden;
}
.product-list ul li a:hover p{
    color:#000;
}
/*产品列表 end*/
/*分页 star*/
.pagination{
    text-align: center;
    height: 60px;
}
.pagination a{
    border: 1px solid #19caad;
    display: inline-block;
    padding:5px 10px;
    margin:0 5px;
    border-radius: 5px;
    color:#19caad;
}
.pagination a:hover{
    background-color: #19caad;
    color:#fff;
}
.pagination ul li{
    float: left;
}
/*分页 end*/