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

.m_pro_list { margin:0 auto; position:relative; z-index:1000; width:1050px;}
.m_pro_list .hd { background:url(../images/hd_bg_1.jpg) repeat-x left bottom; height:56px; }
.m_pro_list .hd h2 { height:56px; line-height:56px; color:#0288e1; font-size:1.25em; font-weight:normal; background:url(../images/hd_b.jpg) no-repeat left bottom; }
.m_pro_list .hd h2 em { color:#777777; font-size:0.545em; font-style:normal; margin-left:6px; }
.m_pro_list .bd { position:relative;}
.btnPrev { width:25px; height:49px; background:url(../images/btnPrev.jpg) no-repeat left center; position:absolute; left:0; top:171px; }
.btnNext { width:26px; height:49px; background:url(../images/btnNext.jpg) no-repeat left center; position:absolute; right:0; top:171px; }
#demo1 { width:93%; margin:0 auto; position:relative; overflow:hidden;  }
.m_pro_list .bd li { float:left; width:230px;}
.m_pro_list .bd li figure{ }
.m_pro_list .bd li figcaption { overflow:hidden; display:block; height:2.857em; line-height:2.857em; text-align:center; font-size:0.875em; background-color:#f7f7f7; border-top:solid 1px #c9c9c9;}
.m_pro_list .bd li a:hover { text-decoration:none; }
.m_pro_list .more { color:#7b7b7b; font-size:0.75em; position:absolute; right:0; top:27px; }
.nofirst{ margin-right:20px; margin-bottom:20px;}

#main {padding:40px 0 36px; background-color:#eee8d5; border:1px solid #dcd8cb;}
#main2 {padding:37px 0;}
.m_item { width:28.8%; float:left;  padding:0 1.19% 0 1.79%; position:relative; background:url(../images/hlet_b.jpg) no-repeat left top; height:302px; border-right:#e1e1e1 solid 1px; border-bottom:#e1e1e1 solid 3px;}
.m_item .hd { color:#545454; font-size:1.125em; line-height:51px; margin-bottom:19px; position:relative; height:51px;}
.m_item .hd em { font-size:0.666em; color:#777777; font-style:normal; margin-left:5px; }
.m_item .bd { font-size:0.875em; line-height:200% }
.m_item .red, .m_item .red a { color:#d70202; }
.m_news { margin:0 2%; }
.m_news .bd li { background:url(../images/bit.jpg) no-repeat 2px center; width:317px;}
.m_news .bd li a { margin-left:13px; }
.m_more { position:absolute; right:0; top:0; font-size:0.666em; color:#4d4c4c; }

.m_contact { display:none; }

@media screen and (max-width:1099px){  
.wrapper { width:99%; margin:0 auto; }
.visible-xs { visibility:hidden; }
}
@media screen and (max-width:1024px){
.m_item .hd{ margin-bottom:5px;}
.hidden-xm, .hidden-sm, .hidden-xs{ display:none; }
.m_pro_list { width:auto;}

#demo1{ margin:auto;}
.m_pro_list .bd li {width:23%;}
.nofirst{ margin-right:2%;}
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7, .nofirst9, .nofirst10 { margin-right:2%; }
.nofirst4, .nofirst8 { margin-right:0; }
}
@media screen and (max-width:768px){
#header { position:static; height:auto; }
#header .logo { float:left; width:auto; display:inline; width:28%; margin-top:20px;}
#hContainer { height:0; }

.m_pro_list .bd li { width:23%; }

#demo1{ width:auto; }
.nofirst{ margin-right:1%; margin-left:1%}
#main {padding:20px 0;}
#main2 {padding:20px 0;}

.m_item {width:43.5%; margin:0 0 3% 2%; }
.m_contact {display:block; }

.visible-xs {visibility:hidden; }
}
@media screen and (max-width:640px){
.wrapper { width:96%; margin:0 auto; }
#header { position:static; height:auto; overflow:hidden; font-size:0}

#header .logo { width:20%; margin-top:0;}
#header .language { display:none; }


#nav { width:100%;  background-color:#920607; padding:0; float:none; height:80px; overflow:hidden;}
#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; font-size:14px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.menu a.line_r { border-right:solid 1px #357bbc; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #357bbc; height:31px; }
#nav ul li.visible-xs { visibility:visible; display:block; }



.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; overflow-x:hidden; }
#header {  max-height:inherit;}
#header div.wrapper { height:auto; overflow-x:hidden;  }
#header .logo { width:65%; float:left;}
#header .language { display:none; }
#nav { width:100%; background-color:#920607; padding:0; float:left; height:64px;}
#nav ul li.menu { float:left; width:25%; height:32px; margin-top:0;}
#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; }

#demo1{ width:100%; margin:3% auto; }

#main { border-left:0; border-bottom:0; border-right:0; background:none; background-color:#fff; padding:5px 0 10px;}
.m_pro_list .bd li { width:45.5%; margin-right:0; margin-left:3%;}
.nofirst1, .nofirst3, .nofirst5, .nofirst7, .nofirst9 { margin-right:2%; }
.nofirst2, .nofirst4, .nofirst6, .nofirst8, .nofirst10 { margin-right:0; }


.m_item { width:92%; float:none; margin:0 auto; } 
.m_news { margin:2% auto; }
.m_contact { display:none; }

.hidden-xs { display:none; }
.visible-xs { visibility:visible; }
#mobile_nav_wrap { height:40px; display:block; width:100%; }
#mobile_nav { background:url(../images/toolr_bg.jpg) repeat-x left top; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 40px; 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 .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 {  border-right: 1px solid #575757; color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 24.5%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 14px; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; right: 10px; }
#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){
    
}