﻿.m_main_wrap{border-bottom:1px solid #e5e5e5; width:1200px; margin:0 auto;}
.hd{text-align:center; color:#323232; font-size:19px; font-weight: bold; background:url(../images/m_pro.jpg) no-repeat bottom center; margin:30px 0 21px 0; padding-bottom:12px;}
.hd em{text-align:center; color:#242424; font-size:31px; text-transform:uppercase; font-style:normal; font-weight:500; font-family:Arial;}
.m_about_t{ text-align:center; color:#222; font-size:14px; line-height:30px; margin-bottom:0px;}
.m_about_s{width:19%; float:left; margin-left:32%; background:url(../images/m_prov.jpg) no-repeat right center;}
.m_about_d{width:24.6%; float:left; }
.m_about_sdt{font-size:48px; color:#bd9b7f; text-align:center;}
.m_about_sdb{text-align:center; font-size:14; color:#3f3e3e;}
.m_about_more { border:solid 1px #997026; display:block; width:218px; height:40px; line-height:40px; text-align:center; color:#997026; margin-top:30px; font-size:12px; margin:40px auto 47px;}
.m_about_more:hover{background-color:#997026; color:#fff; text-decoration:none;}

/*产品*/
#category { margin-top:18px;}
#category .item { width:24.5%; float:left; position:relative; overflow:hidden; margin-right:0.52%; margin-bottom:10px; font-size:0;}
#category .item:nth-child(4n){margin-right: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.4%}
#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_join_list {float:left; width:705px;}
.m_join_hd { width:179px; background:url(../images/ml_join_img.jpg) 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; position:relative; background:url(../images/m_join_img.jpg) no-repeat center bottom; margin-bottom:49px;}
.m_join_bdt{position:absolute; left:0; bottom:0; width:88%; height:80px; line-height:30px; margin:0 auto; color:#fff; padding:0 6%;}
/*新闻*/

.news_li{border:3px solid #e6e6e6; padding:0 20px 0 24px; float:left; width:37%;}
.news_li_hb{height:37px; line-height:37px; color:#090c11; font-size:14px;}
.news_li_time{height:14px; line-height:14px; color:#616262; font-size:12px; background:url(../images/news_bit.jpg) no-repeat left top; text-indent:20px; margin-bottom:7px;}
.news_li_tp{color:#616262; font-size:12px; height:81px; line-height:24px;}
.news_li:hover{border:3px solid #997026;}

@media screen and (max-width:1354px){
.info-mask { height:300px;}
}