.m_main_hb{color:#000; font-size:24px; text-align:center; background:url(../images/m_prov.jpg) repeat-x left 55px; line-height:55px; margin-top:0px; margin-top:25px;}
.m_main_he{font-size:14px; color:#707070; font-family:Arial; background:url(../images/m_pro.jpg) no-repeat center top; line-height:44px; }

#m_pro_list {width:100%; position:relative; margin-top:0px; }
.m_pro_list{ height:644px;}
#m_pro_list .bd ul { padding:25px 0 10px 0; }
#m_pro_list .bd ul li { float:left; display:inline; width:23.71%;}
#m_pro_list .bd ul li img { display:block; }
#m_pro_list figure{ }
#m_pro_list figcaption {display:block; line-height:58px; height:58px; text-align:center; overflow:hidden; color:#2d2d2d;}

.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7{margin:0 20px 2px 0;}
.nofirst4, .nofirst8{margin:0 0 5px 0;}

.main{background:url(../images/m_bg.jpg) no-repeat left top; height:470px; padding:63px 0 0 0;}
.main_abuot{float:left; width:562px; color:#111; line-height:30px; font-size:14px;}
.hd{font-size:48px; color:#484848; text-align:left; height:74px; line-height:40px; margin-bottom:22px; font-family:Geneva, Arial, Helvetica, sans-serif;}
.hd em{color:#111; font-size:24px; font-style:normal; line-height:30px; padding-bottom:22px; background:url(../images/dtd_em.jpg) no-repeat 1px bottom; font-family:"Microsoft YaHei"; padding-bottom:15px; }
.abuot_li{height:32px; padding-top:20px;}
.more{color:#009899; width:168px; height:36px; line-height:36px; text-indent:50px; border-radius:17px; background:url(../images/m_more.png) no-repeat 120px center; border:1px solid #009899; font-size:13px; margin-top:150px;}

.about_item{float:right; width:598px; margin-top:-63px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.join_ge{height:130px; width:100%;}
.join_te{float:left; width:49.918%; text-align:center; line-height:74px; padding-top:70px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; color:#000; font-size:16px;}
.join_m{border-right:none;}
#g_1{background:url(../images/about_img_01.png) no-repeat center 42px;}
#g_2{background:url(../images/about_img_02.png) no-repeat center 42px;}
#g_3{background:url(../images/about_img_03.png) no-repeat center 42px;}
#g_4{background:url(../images/about_img_04.png) no-repeat center 42px;}
.join_te:hover{ color:#009899;}
#g_1:hover{background:url(../images/about_img_010.png) no-repeat center 42px;}
#g_2:hover{background:url(../images/about_img_020.png) no-repeat center 42px;}
#g_3:hover{background:url(../images/about_img_030.png) no-repeat center 42px;}
#g_4:hover{background:url(../images/about_img_040.png) no-repeat center 42px;}
.join_img{height:220px; width:100%; background:url(../images/home_tx.jpg) no-repeat left top; position:relative;}
.join_tx{font-size:18px; color:#fff; position:absolute; left:264px; top:85px;}
.join_mtx{font-size:12px; color:#cfcfcf; position:absolute; left:275px; bottom:75px;}


.m_news_wrap { float:left; width:28.7%; padding:0 1.6%; background-color:#fff; margin-top:18px; margin-right:1.66%; height:325px; border-top:4px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; position:relative; -webkit-box-shadow:0 0 10px rgba(118, 118, 118, .2);  -moz-box-shadow:0 0 10px rgba(118, 118, 118, .2);/* box-shadow:0 0 10px rgba(118, 118, 118, .2); */ margin-bottom:47px;}
.h4{margin:6px 0 0 0; height:59px; overflow:hidden; text-indent:3px;}
.h4 a{font-size:18px; color:#181817; line-height:59px; _line-height:28px; }
.time{ background:url(../images/news_bit.png) no-repeat 3px top; text-indent:21px; color:#8a8a89; font-size:12px; width:100%; margin:0px 0 10px; padding-bottom:17px; line-height:12px; border-bottom:1px solid #e1e1e1;}
.m_news_wrap p{font-size:14px; color:#6a6a69; line-height:32px; margin-bottom:5px; height:80px; padding:0 3px;}
.m_news_more{width:133px; height:38px; line-height:38px; position:absolute; bottom:20px; left:24px; border:1px solid #e1e1e1; text-align:center;}
.m_news_more a{ color:#6b6b6b; font-size:12px;}
.m_news_wrap:hover{border-top:4px solid #008889; border-right:1px solid #008889; border-left:1px solid #008889; border-bottom:1px solid #008889; background-color:#009899; color:#fff;}
.m_news_wrap:hover a{color:#fff;}
.m_news_wrap:hover .time{ background:url(../images/news_bit_on.png) no-repeat 3px top; color:#f2f2f1; border-bottom:1px solid #fff;}
.m_news_wrap:hover p{color:#fff;}
.m_news_wrap:hover .m_news_more{ border:1px solid #fff;}
.m_news_wrap:hover .m_news_more a{color:#fff;}

.brand{ padding:8px 0 0;}
.brand_hb{text-align:center; color:#212121; font-size:24px; line-height:72px; }
.brand_dd{background:url(../images/brand_bg.jpg) no-repeat left top; border:1px solid #c9c9c9; height:210px;}
.brand_dt{float:left; width:20.94%; margin:0; padding:46px 6.15% 45px;}
.brand_dx{border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}

@media screen and (max-width:1024px){
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7{margin:0 1.71% 2px 0;}
.main_abuot{width:100%;}

}

@media screen and (max-width:640){
.abuot_li{height: 30px; padding-top: 20px; color:#000000;}


}



@media screen and (max-width:480px){