#banner { font-size:0; overflow:hidden;}

#aside { width:22%; float:left; margin-top:20px; background:url(../image/category_b.jpg) no-repeat right top; height:515px; overflow:hidden;}
#aside .hd{ line-height:51px; font-weight:normal; color:#fff; text-indent:22px; font-size:16px;}
#aside .hd em { font-weight:normal; font-style:normal; font-size:11px; text-transform:uppercase; margin-left:5px; }
#category .clearfix{padding:0 20px 23px;}
#category .bd { }
#category .bd ul li {  }
#category .bd ul li a { display:block; height:42px; line-height:42px; font-size:14px; text-indent:12px; color:#009999; border-bottom:#dadada solid 1px;}
#category .bd ul li a:hover { text-decoration:none;}

#category ul li.sublist li a {color:#5c5c5c; font-size:14px; display:block; background:url(404.png) no-repeat 29px center; text-indent:12px; height:42px; line-height:42px;}
#category ul li.sublist li a:hover {color:#5c5c5c; background:url(404.png) no-repeat 29px center;}
#category ul li.sublist li.current a { }

#m_pro_list {width:75%; float:right; position:relative; margin-top:20px; }
.m_pro_list{ height:561px;}
#m_pro_list .hd{ background: url(../image/hd_bg_1.jpg) repeat-x left bottom; height:43px; line-height:37px;}
#m_pro_list .hd h3, #m_news_list .hd h3, #m_about .hd h3{background:url(../image/hd_bg_2.jpg) no-repeat left bottom; color:#009999; font-size:18px; font-weight:normal; height:43px; line-height:37px;}
#m_pro_list .hd h3 em, #m_news_list .hd h3 em, #m_about .hd h3 em { font-weight:normal; font-style:normal; font-size:11px; color:#777; text-transform:uppercase; margin-left:5px; }
#m_pro_list .bd ul { padding:25px 0 10px 0; }
#m_pro_list .bd ul li { float:left; display:inline; width:23.5%;}
#m_pro_list .bd ul li img { display:block; }
#m_pro_list figure{ }
#m_pro_list figcaption {display:block; line-height:45px; height:45px; text-align:center; font-size:0.875em; overflow:hidden; color:#484848;}

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

.m_more { position:absolute; right:3px; top:14px; color:#8f8f8f; font-size:12px; }

#main { background:url(../image/main_bg.jpg) repeat-y  center top #e6e6e6; padding:9px 0 28px;}
.p_item{background:#FFF;}
.m_item { width:32%; float:left; position:relative;}
.m_item .hd {color:#009999; font-size:18px; line-height:51px; height:51px;}
.m_item .hd em { font-size:11px; color:#777; font-style:normal; margin-left:3px;}
.m_item .bd { font-size:0.875em; line-height:29px; margin-top:5px; padding-bottom:16px;}
.m_item .bd { margin-left:24px; margin-right:24px;}
.m_news .bd { margin-left:20px; margin-right:20px;}
.m_item .red, .m_item .red a { color:#d70202;  font-style:normal; }
.m_news { margin:0 2%; }
.m_news .bd li { background:url(../image/icon1.jpg) no-repeat 2px center; }
.m_news .bd li a { margin-left:13px; }
.more{height:30px; margin-top:16px;}
.t_more { position:absolute; right:3px; top:0px; font-size:12px; color:#4d4c4c; line-height:51px; height:51px;}

.m_contact { display:none; }

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

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

}

@media screen and (max-width:768px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; height:auto; }
#hContainer { height:0; }

#m_pro_list{width:98%; margin-right:1%;}
.m_pro_list .bd li { width:23%; }
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7, .nofirst9, .nofirst10 { margin-right:2%; }
.nofirst4, .nofirst8 { margin-right:0; }

.m_item { width:48%; margin:0 1% 3%; }
.m_item .bd span{display:none;}
.m_contact { display:block; }

.visible-xs { visibility:hidden; }

#main .wrapper { width:96%; }
#icontacts { display:block; }
#inews{margin:0 1.5% 3%;}
.p_clear { clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden; }

#m_down { display:none; }

.hidden-sm { display:none; }
}
@media screen and (max-width:667px){
.hidden-xm6 { display:none; }
.m_pro_list{height:500px;}
}
@media screen and (max-width:640px){
.wrapper { width:100%; }
#header { position:static; height:auto; }
.m_head_wrap { background:none; padding:7px 0px; }
.m_head_logo { width:98%; float:none; display:block; margin:0 auto; }
.m_head_logo img { border:0; max-width:200px;}
.m_nav_wrap { width:100%; float:none; display:block; }
.m_nav_wrap ul li { height:45px; display:none; }
.m_nav_wrap ul li.block-xs { display:inline-block; width:25%; }
.m_nav_wrap ul li a { display:block; line-height:45px; text-align:center; color:#fff; }
.m_pro_list .bd li { width:32%; }
.nofirst1, .nofirst2, .nofirst4, .nofirst5, .nofirst7, .nofirst8, .nofirst10 { margin-right:2%; }
.nofirst3, .nofirst6, .nofirst9 { margin-right:0; }

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

.m_pro_list{height:370px;}
.m_item .hd{border-bottom:1px solid #e1e1e1;}

#main { border:0; background:none; background-color:#fff; padding:1em 0; }
#iBrand .bd { padding-bottom:0; width:94%; margin:0 auto; }
#iBrand .bd ul li { width:49%; margin:0; }
#iBrand .bd ul li a { height:auto; }
.p_item { float:none; width:94%; display:block; border-top:0; margin:0 auto; }
.p_item img { display:none; }
.p_item .hd {  padding-top:0; width:100%; }
.p_item .bd { padding-bottom:0; width:100%; }
.p_item .bd ul li { background:url(../image/icon2.png) no-repeat left center; }
.p_item .bd ul li a { color:#000; }

.p_item:hover {  border-top:0; background-color:#fff; }
.p_item:hover .hd { color:#a1251e; }
.p_item:hover .hd em { color:#696969; }
.p_item:hover .bd {color:#000;}
.p_item:hover .bd ul li { background:url(../image/icon2.png) no-repeat left center; }
.p_item:hover .bd a {color:#000; }
.p_item:hover .red {color:red; }

#inews { margin:0 auto; background-color:#fff; border-top:0; }

#icontacts { display:none; }

#m_pro_list .bd ul li { width:49%; margin-top:1%;}
.nofirst1, .nofirst3, .nofirst5, .nofirst7, .nofirst9 { margin-right:2%; }
.nofirst2, .nofirst4, .nofirst6, .nofirst8, .nofirst10 { margin-right:0; }

.m_item { width:95.8%; float:none; margin:0 auto; }
.m_item .bd{margin-left:0;}
.m_news { margin:2% auto; }
.m_contact { display:none; }

.hidden-xs { display:none; }
#header .logo { width:98%;}
#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(../image/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; }

#demo1{ width:100%; margin:auto; padding:0%;}
#main { border-left:0; border-bottom:0; border-right:0; background:none; background-color:#fff; padding:5px 0 10px;}


#footer .comp_x{ width:100%;}
}
}
@media screen and (max-width:360px){

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