.m_main_wrap{border-bottom:1px solid #e5e5e5;}
.hd{text-align:center; color:#333; font-size:24px; font-weight: bold; background:url(../images/m_pro.jpg) no-repeat bottom center; margin:50px 0 30px 0; padding-bottom:15px;}
.hd em{text-align:center; color:#333; font-size:24px; text-transform:uppercase; font-style:normal; font-weight:500; font-family:Arial;}
.m_about{display: flex; justify-content: center;align-items: center;}
.m_about_t{ text-align:center; color:#333; font-size:16px; line-height:30px; margin-bottom:49px;}
.m_about_s{width:25%; float:left; /*margin-left:32%; background:url(../images/m_prov.jpg) no-repeat right center;*/}
.m_about_d{width:25%; float:left; }
.m_about .absp{width: 1px; height: 60px; display: block; background-color: #cbcbcb;}
.m_about_sdt{font-size:48px; color:#d7a966; text-align:center;}
.m_about_sdb{text-align:center; font-size:16px; color:#3f3e3e;}
.m_about_more { border:solid 1px #333; display:block; width:218px; height:40px; line-height:40px; text-align:center; color:#333; margin-top:30px; font-size:16px; margin:60px auto 47px;}
.m_about_more:hover{background-color:#d7a966; color:#fff; text-decoration:none;}

/*产品*/
#category { margin-top:18px;}
#category .item { width:24.5%; float:left; position:relative; overflow:hidden; font-size:0;}
.responimg{width:100%;}
.info-mask { background-image: url(../images/bg-mask.png); color: #fff; display: block; height:420px; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.5s ease-in 0s; visibility: hidden; width:100%;}
.info-mask span{ background:url(../images/icon.png) no-repeat center bottom; display:block; width:100%; height:54%}
#category .item:hover .info-mask { opacity: 1; visibility: visible;}
.info-mask-line {width:80%; margin:2% auto;}
.info-mask .en {font-size: 14px; text-align: center; line-height:45px; white-space:nowrap; overflow:hidden;
   /*transform: translateY(50px);
    transition: all 0.5s ease-in 0.1s;*/
}
.info-mask .cn {font-size: 16px; text-align: center; line-height:52px;
    /*transform: translateY(50px);
    transition: all 0.5s ease-in 0.2s;*/
}
.info-mask .line {border-bottom: 1px solid #fff; height: 1px; margin: 0 auto;
    /*transform: translateY(50px);
    transition: all 0.5s ease-in 0.4s;*/
    width: 20px;
}
.cn_t{font-size: 16px; text-align: center; line-height:50px; height:50px; width:100%; position:absolute; left:0; bottom:0; color:#FFF; background:url(../images/m_series.png) repeat-x center bottom;}
#category .item:hover .cn_t{display:none;}
.m_main_wrap #category{display: flex; justify-content: space-between;}
/*加盟*/
.m_join_list {float:left; width:705px;}
.m_join_hd { width: 202px; background:url(../images/ml_join_img.png) no-repeat center top; height:328px; font-size:20px; float:left; color:#fff; padding:50px 0 0 26px; }
.m_join_hd em { font-size:14px; font-style:normal; text-transform:uppercase; margin-left:5px; }
.m_join_bd{float:right; width:500px; height:435px;margin-left: -40px; position:relative; background:url(../images/m_join_img.jpg) no-repeat center bottom; margin-bottom:80px;}
.m_join_bdt{position:absolute; left:0; bottom:0; width:88%; height:60px; line-height:30px; margin:0 auto; color:#fff; padding:20px 6%;background-color: rgba(0,0,0,0.3);}
/*新闻*/

.news_li{border:3px solid #e6e6e6; padding:0 20px 0 24px; float:left; width:37%;}
.news_li_hb{height:37px; line-height:37px; color:#333; font-size:16px;}
.news_li_time{height:14px; line-height:14px; color:#333; font-size:14px; background:url(../images/news_bit.jpg) no-repeat left top; text-indent:20px; margin-bottom:7px;}
.news_li_tp{color:#333; font-size:14px; height:81px; line-height:24px;}
.news_li:hover{border:3px solid #d7a966;}

@media screen and (max-width:1354px){
.info-mask { height:300px;}
}
@media screen and (max-width:640px){
.m_about_t{text-align:center; color:#222; font-size:14px; line-height:30px; margin-bottom:49px; padding:0px 3%;}

.hd em {
    text-align: center;
    color: #333;
    font-size: 20px;
}

.hd {

    font-size: 18px;
    margin: 40px 0 20px 0;
    padding-bottom: 12px;
}
.m_about_sdt {
    font-size: 20px;
    color: #d7a966;
    text-align: center;
}
.m_about_sdb {
    text-align: center;
    font-size: 14px;
    color: #3f3e3e;
}
.m_about_more {
    width: 170px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    font-size: 12px;
    margin: 30px auto 30px;
}
.m_main_wrap #category {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.info-mask span {
    background-size: 25%;
    width: 100%;
    height: 25%;
}
.cn_t {
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}
.news_li_hb {
    height: 37px;
    line-height: 37px;
    color: #090c11;
    font-size: 14px;
}

}

@media screen and (max-width:480px){ 
#category .item {margin-right:0%;}
}