#banner2 { font-size:0; overflow:hidden; background: url(../images/i1.png) repeat-x center top; height:550px;}
#banner { font-size:0; overflow:hidden; background: url(../images/i1.png) repeat-x center top; height:auto;}

.m_main_wrap { background:url(../images/m_main_bg.jpg) repeat-x left top #f3f3f3; }
.m_main_wrap .wrapper { box-shadow: 0 2px 20px rgba(0, 0, 0, 1.8); background-color:#fff; padding:20px; }
.m_col_wrap { border:solid 1px #d0d0d0; width:19.3%; float:left; }
.m_col_hd { border-bottom:solid 1px #d0d0d0; height:39px; line-height:39px; }
.m_col_hd span { border-right:solid 1px #d0d0d0; display:inline-block; width:106px; line-height:37px; text-align:center; }
.m_col_hd span.on { color:#f92f2b; border-top:solid 3px #e62129; margin-top:-1px; }
.m_col_bd { padding:10px; }
.m_col_bd ul li { height:36px; line-height:36px; margin:1px auto; }
.m_col_bd ul li a { display:block; padding-left:14px; }
.m_col_off { background:url(../images/m_col_off.jpg) no-repeat left center; color:#555;  font-size:0.75em; }
.m_col_off:hover { background:url(../images/ct.jpg) no-repeat left center; text-decoration:none;  }
.m_col_on { background:url(../images/m_col_on.jpg) no-repeat left center; color:#ffffff; font-size:0.875em; }

.m_pro_wrap { float:right; width:79%; position:relative; }
.m_pro_hd { background-color:#d4d4d4; }
.m_pro_hd span { display:inline-block; height:36px; line-height:36px; width:120px; text-align:center; }
.m_pro_hd span.on { color:#fff; background:url(../images/m_pro_hd.jpg) no-repeat right center #e62129; padding-right:30px; }
.m_pro_item { float:left; width:23%; margin-top:2%; font-size:0.875em; }
.m_pro_item figure { border:solid 1px #d6d6d6; }
.m_pro_item figure figcaption { display:block; border-top:solid 1px #d6d6d6; height:40px; line-height:40px; text-align:center; overflow:hidden; }
.m_pro_more { position:absolute; right:5px; top:10px; color:#6b6b6b; font-size:0.75em; }
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7, .nofirst9, .nofirst10, .nofirst11 { margin-right:2.6%; }
.nofirst4, .nofirst8, .nofirst12 { margin-right:0; }

.m_about_wrap { width:32%; float:left; margin-top:2%; position:relative; }
.m_about_hd, .m_serv_hd, .m_news_hd { background:url(../images/m_hd_off.jpg) repeat-x left bottom; }
.m_about_hd span, .m_serv_hd span, .m_news_hd span { display:inline-block; background:url(../images/m_hd_on.jpg) repeat-x left bottom; height:40px; line-height:40px; }
.m_about_hd em, .m_serv_hd em, .m_news_hd em { font-size:0.75em; color:#686767; margin-left:5px; font-style:normal; }
.m_about_pic, .m_serv_pic, .m_news_pic { padding:20px 0 10px; }
.m_about_bd { font-size:0.875em; line-height:200%; }
.m_about_more, .m_erv_more, .m_news_more { position:absolute; right:0; top:14px; font-size:0.75em; color:#686767; }
.m_serv_wrap { width:32%; float:left; margin:2% 2% 0; position:relative; }
.m_serv_bd { font-size:0.875em; line-height:200%; }
.m_news_wrap { width:32%; float:left; margin-top:2%; position:relative; }
.m_news_bd { font-size:0.875em; line-height:200%; }
.m_news_bd li { background:url(../images/m_news_icon.jpg) no-repeat 4px center; line-height:200%; }
.m_news_bd li a { margin-left:15px; }

.m_fast_wrap { margin-top:20px; }
.m_fast_item { float:left; width:25%; height:100px; color:#fff; }
.m_fast_h3 { padding-left:28%; padding-top:28px; }
.m_fast_h4 { font-size:0.875em; padding-left:28%; }
.m_fast_item a { color:#fff; }
.m_fast_item a:hover { text-decoration:none; }
.m_fast_1 { background:url(../images/m_fast_1.png) no-repeat 10% center #e70012; }
.m_fast_2 { background:url(../images/m_fast_2.png) no-repeat 10% center #f79f00; }
.m_fast_3 { background:url(../images/m_fast_3.png) no-repeat 10% center #13b558; }
.m_fast_4 { background:url(../images/m_fast_4.png) no-repeat 10% center #3498db; }

@media screen and (max-width:1099px){  
.wrapper { width:99%; margin:0 auto; }
#nav ul li.menu { width:12.3%; }
#nav ul li.menu a { padding:0; text-align:center; }
}
@media screen and (max-width:1024px){  

.m_main_wrap .wrapper { padding:1%; }

.hidden-sg { display:none; }
}
@media screen and (max-width:768px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border:0; height:auto; }
.m_head_logo { margin:0; float:none; }
#nav { width:100%; background-color:#c70112; padding:0; float:none; height:auto; display:block; margin:0  }
#nav ul li.m_nav_menu { height:40px; overflow:hidden; }
#nav ul li.m_nav_line { height:40px; }
#nav ul li.m_nav_menu a { padding-top:0; color:#fff; height:40px; line-height:40px; }

.m_pro_wrap { width:100%; }
.m_main_wrap .wrapper { padding:0; }
.m_pro_item { float:left; width:31.3%; margin:1%; font-size:0.875em; }

.m_about_wrap { width:48%; float:left; margin-top:2%; margin-left:1%; position:relative; }
.m_serv_wrap { width:98%; float:left; margin:2% 0 0; position:relative; }
.m_news_wrap { width:48%; float:right; margin-top:2%; margin-right:1%; position:relative; margin-bottom:2%; }
.m_about_pic, .m_news_pic { padding:10px 0; }

.hidden-sm { display:none; }
}
@media screen and (max-width:640px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border:0; }
#header div.wrapper { height:auto; }
.m_head_logo { margin:0; float:none; }
#nav { width:100%; background-color:#c70112; padding:0; float:none; height:auto; display:block; margin:0 }
#nav ul li.m_nav_menu { float:left; width:25%; height:32px; }
#nav ul li.m_nav_line { display:none; }
#nav ul li.m_nav_menu:hover { background:none; }
#nav ul li.m_nav_menu a { padding-top:0; color:#fff; height:31px; line-height:31px; }
#nav ul li.m_nav_menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.m_nav_menu a.line_r { border-right:solid 1px #fff; }
#nav ul li.m_nav_menu a.line_b { border-bottom:solid 1px #fff; height:31px; }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.m_nav_menu a.current { background-image:none; background-color:#c70112; }

.hidden-xm { display:none; }
}
@media screen and (max-width:480px){
	
.m_pro_item { float:left; width:48%; margin:1%; font-size:0.875em; }

.m_about_wrap { width:98%; float:left; margin-top:2%; margin-left:1%; position:relative; }
.m_serv_wrap { width:98%; float:left; margin:2% 0 0; position:relative; }
.m_news_wrap { width:98%; float:left; margin-top:2%; margin-left:1%; position:relative; margin-bottom:2%; }
.m_about_pic, .m_news_pic { padding:10px 0; }

.hidden-xs { display:none; }

#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { border-top: 1px solid rgb(61, 61, 70); width: 100%; height: 48px; display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 20%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
}
@media screen and (max-width:360px){

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