﻿.h850{height:850px;}
.bg_gray{background:#f6f6f6;}
.bg_index_product{background:url(../Images/index_porduct_bg.jpg);}
           
.indexBanner{
    width:100%;
    height: auto;overflow: hidden;
}
.indexBanner img{
    width:100%;
}
.zzIndex_Hot_Left{
    width:50%;float:left;
    height:auto;overflow:hidden;
    text-align:right;
}
.zzIndex_Hot_Left img{width:80%;}
.zzIndex_Hot_Right{
    width:50%;float:left;
    height:auto;overflow:hidden;
}
.zzIndex_Hot_Right .title{
    width:100%;
    line-height:40px;
    color:#873600;
    font-size:24px;
    text-align:center;
}
.zzIndex_Hot_Right .desc{
    width:400px;
    height:40px;overflow:hidden;
    line-height:40px;
    text-align:center;
    border-top:1px solid #838383;
    border-bottom:1px solid #838383;
    font-size:14px;
    margin:10px auto;
}
.zzIndex_Hot_Right .pic{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.zzIndex_Hot_Right .pic img{width:80px;}

#zzIndex_Ad{
    width:100%;
    height:auto;overflow:hidden;
}
#zzIndex_Ad img{width:100%;margin:auto;}

.zzIndex_Ad2_Title{
    width:100%;
    height:80px;line-height:80px;
    text-align:center;
    font-size:30px;
    color:#873600;
}
.zzIndex_Ad2_Title img{height:80px;}
.zzIndex_Ad2_Word{
    width:100%;
    height:80px;line-height:80px;
    text-align:center;
    font-size:26px;
    color:#545454;
}
.zzIndex_Ad2_Desc{
    width:100%;
    height:auto;overflow:hidden;
    text-align: center;
}
.zzIndex_Ad2_Desc .left{
    width:150px;display: inline-block;
    height:50px;line-height:50px;
    border-bottom:1px solid #aeaeae;
    border-top:1px solid #aeaeae;
    text-align:center;
    font-size:24px;
    margin:40px 0 0 0;
}
.zzIndex_Ad2_Desc .middle{
    width:180px;display: inline-block;
    text-align:center;
}
.zzIndex_Ad2_Desc .middle img{width:120px;}
.zzIndex_Ad2_Desc .right{
    width:150px;display: inline-block;
    height:50px;line-height:50px;
    border-bottom:1px solid #aeaeae;
    border-top:1px solid #aeaeae;
    text-align:center;
    font-size:24px;
    margin:40px 0 0 0;
}

/*产品*/
.zzIndex_Product_Title{
    width:100%;
    height:70px;overflow:hidden;
    line-height:70px;
    text-align:center;
    color:#873600;
}
.zzIndex_Product_Title h2{font-size:24px;}
#zzIndex_Product{
    width:100%;
    overflow:hidden;
    
    padding:30px 0;
}
.zzIndex_Product_List{
    width:100%;
    height:auto;overflow:hidden;
}
.zzIndex_Product_List .list{
    width:31.33%;float:left;
    margin:10px 1%;
    background:#fff;
}
.zzIndex_Product_List .list:hover{box-shadow:0 0 10px #ccc;}
.zzIndex_Product_List .list dd{
    width:100%;
    height:auto;overflow:hidden;
    position:relative;
}
.zzIndex_Product_List .list dd img{
    width:100%;
   transition: all 0.5s;
}
.zzIndex_Product_List .list:hover dd img{
    transform: scale(1.1);
}
.zzIndex_Product_List .list dt{
    width:96%;
    height:auto;overflow:hidden;
    line-height:40px;
    margin:0 auto;
}
.zzIndex_Product_List .list dt h2{
    width:100%;
    height:30px;overflow:hidden;
    line-height:30px;
    color:#873600;font-size:18px;
    margin-top:10px;
}
.zzIndex_Product_List .list dt h3{
    width:100%;
    height:40px;overflow:hidden;
    line-height:20px;
    font-size:12px;color:#999;
    margin-bottom:10px;
}
.zzIndex_Product_List .list dt a{color:#873600;font-size:18px;}


/*新闻资讯*/
.zzIndex_News_Title{
    width:100%;
    height:auto;overflow:hidden;
    line-height:35px;
    text-align:center;
    color:#c0a283;
    font-size:26px;
}
.zzIndex_News_Title h2{
    font-size:30px;
    color:#333;
}
.zzIndex_News_Title div{
    width:60px;
    height:2px;
    background:#c0a283;
    margin:0 auto;
}
.zzIndex_News_List{
    width:100%;
    height:auto;overflow:hidden;
}
.zzIndex_News_List .list{
    width:23%;float:left;
    margin:10px 1%;
    border-radius:10px;
    transition: all 0.5s;
}
.zzIndex_News_List .list:hover{box-shadow:0 0 10px #c0a283;}
.zzIndex_News_List .list dd{
    width:100%;
    height:auto;overflow:hidden;
    position:relative;
}
.zzIndex_News_List .list dd img{
    width:100%;
   transition: all 0.5s;
}
.zzIndex_News_List .list:hover dd img{
    transform: scale(1.1);
}
.zzIndex_News_List .list dt{
    width:96%;
    height:auto;overflow:hidden;
    margin:0 auto;
}
.zzIndex_News_List .list dt h2{
    width:100%;
    height:30px;overflow:hidden;
    line-height:30px;
    color:#873600;font-size:18px;
    margin-bottom:10px;
}
.zzIndex_News_List .list dt h3{
    width:100%;
    height:40px;overflow:hidden;
    line-height:20px;
    font-size:12px;color:#999;
    margin-bottom:10px;
}
.zzIndex_News_More{
    width:100%;
    height:auto;overflow:hidden;
}
.zzIndex_News_More div{
    width:160px;
    height:35px;
    line-height:35px;
    background:#c0a283;
    margin:20px auto;
    text-align:center;
    color:#fff;
    font-size:13px;
    border-radius:20px;
    transition: all 0.5s;
}
.zzIndex_News_More div:hover{
    background:#b18252;
    box-shadow: 0 0 10px #ccc;
}

@media(max-width:768px){
    .h850{height:auto;}
    .bg_index_product{
        background-repeat: no-repeat;
        background-position: bottom center;
    }
               
    .zzIndex_Hot_Left{
        width:100%;
        text-align: center;
    }
    .zzIndex_Hot_Right{
        width:100%;
    }
    
    .zzIndex_Ad2_Title{
        font-size:24px;
    }
    .zzIndex_Ad2_Desc .left{
        width:35%;
        font-size:20px;
        margin:40px 0 0 0;
    }
    .zzIndex_Ad2_Desc .middle{
        width:18%;
    }
    .zzIndex_Ad2_Desc .middle img{width:100%;}
    .zzIndex_Ad2_Desc .right{
        width:35%;
        font-size:20px;
        margin:40px 0 0 0;
    }
    
    /*产品*/
    #zzIndex_Product{
        padding:20px 0;
    }
    .zzIndex_Product_List .list{
        width:94%;
        margin:10px 3%;
    }
    
    
    /*新闻资讯*/
    .zzIndex_News_List .list{
        width:44%;
        margin:10px 3%;
        box-shadow: 0 0 10px #ccc;
    }

}