body{
    background: #D5D6E2;
}

.mbx{position: relative;font-size: 14px; line-height: 40px;height: 40px;border-bottom:1px solid #ccc;margin-bottom: 40px;}
.mbx .mbx-in{text-align:right;}
.mbx a:hover{color:#e15d26;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}



.inbanner img{
    width: 100%;

}

/* 分类导航 */
.pronav{
    background: #392020;
    padding: 40px 0;
}
.pronav .pronavbox{
    margin-top: 40px;
    padding: 5px 0;
}
.pronav .pronavbox .pronavmain{
    width: 800px;
    margin: 0 auto;
    background: #392020;
    box-sizing: border-box;
    padding:10px 0px 20px 30px;
}
.pronav .pronavbox .pronavmain .pronav_top a{
    display: block;
    float: left;
    padding: 5px;
    margin-right: 20px;
    border: 2px solid #f4ba16;
    text-align: center;
    color: #f4ba16;
}
.pronav .pronavbox .pronavmain .pronav_ul{
    margin-top: 20px;
    line-height: 20px;
}
.pronav .pronavbox .pronavmain .pronav_ul .pronavlist{
    padding-bottom: 5px;
}
.pronav .pronavbox .pronavmain .pronav_ul .pronavtitle{
    float: left;
    color: #fff;
    width: 165px;
}
.pronav .pronavbox .pronavmain .pronav_ul .pronavtitle:hover{
    color: #f4ba16;
}
.pronav .pronavbox .pronavmain .pronav_iul{
    float: left;
    width: 592px;
    box-sizing: border-box;
    border-bottom: 1px solid #929292;
}
.pronav .pronavbox .pronavmain .pronav_iul li {
    float: left;
    
    box-sizing: border-box;

}
.pronav .pronavbox .pronavmain .pronav_iul li a{
    color: #fff;
    padding: 0 10px;
    border-right: #fff 1px solid;
}
.pronav .pronavbox .pronavmain .pronav_iul li a:hover{
    color: #f4ba16;
}
.pronav .pronavbox .pronavmain .pronav_iul li:last-child a{
    border-right: none;
}




/* 产品、相册列表 */
.product .protitle,.case .casetitle,.news .newstitle{
    color: #333333;
    margin: 40px 0;
    border-bottom: #999999 2px solid;
    padding-bottom: 10px;
}
.product .protitle h2,.case .casetitle h2,.news .newstitle h2{
    font-size: 20px;
    font-weight: 600;
    float: left;
}
.product .protitle .mbx-right,.case .casetitle .mbx-right,.news .newstitle .mbx-right{
    float: right;
}
.mbx-right a:hover{color:#e15d26;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.product .productlist,.case .caselist{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.product .productlist:nth-child(3n),.case .caselist:nth-child(3n){
    margin-right: 0;
}
.product .productlist .proimg,.case .caselist .caseimg{
    /* height: 190px; */
    /* 修改高度 */
    height: auto;
    overflow: hidden;

}

.product .productlist .proimg img,.case .caselist .caseimg img{
    width: 100%;
    cursor: pointer;

    transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;
}
.product .productlist:hover .proimg img,.case .caselist:hover .caseimg img{
    transform: scale(1.1);
}
.product .productlist .proit,.case .caselist .caseit{
    background: #392020;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
}


/* 新闻列表 */
.news .newslist{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.news .newslist:nth-child(3n){
    margin-right: 0;
}
.news .newslist .newsimg{
    height: 250px;
    overflow: hidden;
}
.news .newslist .newsimg img{
    width: 100%;
    cursor: pointer;

    transition:.5s all ;-webkit-transition:.5s all ;-moz-transition:.5s all ;
}
.news .newslist:hover .newsimg img{
    transform: scale(1.1);
}
.news .newslist .newsbox{
    background: #ececec;
    color: #000;
    padding: 10px;
    height: 80px;
}
.news .newslist .newsbox .newsit{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news .newslist .newsbox .newstxt{
    font-size: 14px;
    text-indent: 25px;

    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news .newslist .newsbox .newstime{
    background: url('../images/newstime.png') no-repeat;
    padding-left: 20px;
    text-indent:5px;

}
.reLink{line-height: 50px;}
.reLink a{color: #e15d26;}
.reLink .prevLink{
    float: left;
}
.reLink .nextLink{
    float: right;
}

/* 新闻内页 */
.news_m_h h2{
    text-align: center;
    color: #392020;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}
.album_m_h h2{
    text-align: center;
    color: #392020;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #929292 1px solid;
}
.album_m_c{
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: #929292 1px solid;
}
.album_m_c img{
    display: block;
    width: 50%;
    margin: 0 auto;
}
.news_m_h .newstime{
    text-align: center;
    color: #929292;
    padding-bottom: 20px;
    border-bottom: #929292 1px solid;
}
.news_m_c{
    padding: 40px 0;
    text-indent: 25px;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 10px;
    border-bottom: #929292 1px solid;
}
.news_m_c img{
    display: block;
    width: 50%;
    margin: 0 auto;
}
/* 产品内页 */
.pro_m_h{
    margin-bottom: 40px;
}
.pro_m_h .pro_h_img{
    float: left;
    width: 40%;
}
.pro_m_h .pro_h_img img{
    width: 100%;
}
.pro_m_h .pro_h_txt{
    float: left;
    margin-left: 3%;
    padding: 10px;
    width: 650px;
    
}
.pro_m_h .pro_h_txt h2{
    color: #392020;
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    border-bottom: #392020 2px solid;
    margin-bottom: 20px;
}

.pro_m_h .pro_h_txt .qq{
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #392020;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
}




.pro_m_nav{
    float: left;
    width: 250px;
}
.pro_m_nav h2{
    background: #392020;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.pro_m_nav .p_nav{
    box-sizing: border-box;
    padding: 10px 20px;;
    border: #ccc 1px solid;
}
.pro_m_nav .p_nav_ft{
    display: block;
    text-align: center;
    color: #392020;
    line-height: 30px;
    border: #392020 1px dashed;
}
.pro_m_nav .p_nav_i{
    padding: 10px;
}
.pro_m_nav .p_nav_it{
    display: block;
    text-align: center;
    line-height: 30px;
    border-bottom: #D5D6E2 1px solid;
}
.pro_m_nav .p_nav_it:hover{
    border-bottom: #392020 1px solid;
}


.pro_m_txt{
    float: left;
    width: 850px;
    margin-left: 50px;
    box-sizing: border-box;
    border: #ccc 1px solid;
}

.pro_m_txt h2{
    background: #392020;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    padding-left: 10px;
    margin-bottom: 40px;
}
.p_m_t{
    padding-bottom: 40px;
}
.p_m_t img{
    display: block;
    width: 70%;
    margin: 0 auto;
}


/* 公司档案 */
.about{
    padding: 40px 0;
    background-image: url('../images/aboutbg.jpg');
    background-size: cover;
}
.about h2{
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin-bottom: 40px;
}
.aboutxt{
    color: #fff;
    line-height: 30px;
    text-indent: 25px;
    padding: 0 40px;
    font-size: 14px;
}
.aboutxt p{
    font-size: 14px !important;
}
.aboutxt img{
    display: block;
    margin: 0 auto;
}

/* 联系我们 */
.contact{margin: 40px auto;}
.contact h2{
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    border-bottom: #392020 2px solid;
}
.contact h2 span{
    font-size: 16px;
    font-weight: normal;
}
.contact .contactbox{
    margin: 40px 0;
}
.contact .contactlist{
    float: left;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    margin-right: 95px;
}
.contact .phone{
    background: url('../images/phone2.png') no-repeat;
}
.contact .hotline{
    background: url('../images/hotline.png') no-repeat;
}
.contact .email{
    background: url('../images/mail.png') no-repeat;
}
.contact .contactadd{
    background: url('../images/add.png') no-repeat;
    line-height: 50px;
    height: 50px;
    padding-left: 50px;
    margin: 20px 0;
}

.contact .map{
    width: 100%;
    height: 500px;
}