.padding32 { padding:32px 0; }
.m_pro_list { position:relative; }
.m_pro_list .hd { background:url(../images/m_pro_hd.jpg) repeat-x left 56px; }
.m_pro_list .hd h3 { height:57px; line-height:57px; background:url(../images/m_pro_hd_on.jpg) no-repeat left bottom; font-weight:normal; color:#025bab; font-size:20px; }
.m_pro_list .hd h3 em { font-size:12px; color:#8a8a8a; font-style:normal; margin-left:6px; text-transform:uppercase; }
.m_pro_list .bd {}
.m_pro_list .bd li { width:18.2%; float:left; display:inline; margin-top:20px; }
.m_pro_list .bd li p { border:solid 1px #e4e4e4; padding:1px; }
.m_pro_list .bd li p img { display:block; width:100%; }
.m_pro_list .bd li span { background-color:#f7f7f7; display:block; height:39px; line-height:39px; border-left:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; text-align:center; overflow:hidden; }
.noend1,.noend2,.noend3,.noend4,.noend6,.noend7,.noend8,.noend9 { margin-right:2.25%; }
.noend5,.noend10 { margin-right:0; }
.m_pro_list .bd li:hover p { border:solid 1px #2f76b6; }
.m_pro_list .bd li:hover span { background-color:#2f76b6; border-left:solid 1px #2f76b6; border-bottom:solid 1px #2f76b6; border-right:solid 1px #2f76b6; color:#fff; }

.btnPrev { width:27px; height:51px; background:url(../images/btnPrev.png) no-repeat left center; position:absolute; left:0; top:147px; }
.btnNext { width:27px; height:51px; background:url(../images/btnNext.png) no-repeat left center; position:absolute; right:0; top:147px; }
#demo1 { width:90%; margin:0 auto; position:relative; overflow:hidden;  }
#demo1 ul li { width:230px; margin-right:20px; max-width:230px; }

.picScroll-left_wap{display:none;}

.m_main { background-color:#f3f3f3; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; padding:12px 0 30px; }
.m_about { width:56%; float:left; display:inline; position:relative; }
.m_about .hd { line-height:54px;  color:#025bab; font-size:20px; }
.m_about .hd em { font-size:12px; color:#8a8a8a; font-style:normal; margin-left:6px; text-transform:uppercase; }
.m_about .bd { border:solid 1px #e2e2e2; background-color:#fff; padding:3.2%; }
.m_about .bd .img { width:48.5%; float:left; }
.m_about .bd .img img { display:block; width:100%; }
.m_about .bd .img figcaption { display:block; line-height:37px; text-align:center; background-color:#2f76b6; color:#fff; border-top:solid 1px #fff; }
.m_about .bd .list { width:46%; float:right; line-height:190% }
.m_more { position:absolute; right:0; top:20px; color:#9a9999; font-size:12px; }

.m_news { width:42%; float:right; display:inline; position:relative;}
.m_news .hd { line-height:54px;  color:#025bab; font-size:20px; }
.m_news .hd em { font-size:12px; color:#8a8a8a; font-style:normal; margin-left:6px; text-transform:uppercase; }
.m_news .bd { border:solid 1px #e2e2e2; background-color:#fff; padding:3.2%; }
.m_news .bd ul li { background:url(../images/icon1.jpg) no-repeat 3px center; border-bottom:solid 1px #e5e5e5; line-height:39px; }
.m_news .bd ul li a { margin-left:16px; }

.m_1 { background:url(../images/m_1.jpg) no-repeat center top; padding:30px 0 0; background-size:auto 100%;}
.m_work { width:66%; float:left; display:inline; position:relative; }
.m_work .hd { background:url(../images/m_pro_hd.jpg) repeat-x left 56px; }
.m_work .hd h3 { height:57px; line-height:57px; background:url(../images/m_pro_hd_on.jpg) no-repeat left bottom; font-weight:normal; color:#025bab; font-size:20px; }
.m_work .hd h3 em { font-size:12px; color:#8a8a8a; font-style:normal; margin-left:6px; text-transform:uppercase; }
.m_work .bd { padding-top:18px; }
.m_work .bd li { width:31.8%; float:left; }
.m_work .bd li p { border:solid 1px #e4e4e4; padding:4px; background-color:#fff; }
.m_work .bd li p img { display:block; width:100%; }
.m_work .bd li span { display:block; height:20px; text-align:center; line-height:20px; }

.m_contacts { width:32%; float:right; display:inline; position:relative; }
.m_contacts .hd { background:url(../images/m_pro_hd.jpg) repeat-x left 56px; }
.m_contacts .hd h3 { height:57px; line-height:57px; background:url(../images/m_pro_hd_on.jpg) no-repeat left bottom; font-weight:normal; color:#025bab; font-size:20px; }
.m_contacts .hd h3 em { font-size:12px; color:#8a8a8a; font-style:normal; margin-left:6px; text-transform:uppercase; }
.m_contacts .bd { padding-top:15px; background:url(../images/m_contact_bg.png) no-repeat left bottom; }
.m_contacts .bd p { line-height:220%; }

@media screen and (max-width:1099px){  
.wrapper { width:96%; }
}
@media screen and (max-width:1024px){  
body { font-size:12px; }
a { font-size:12px; }
#h_wrapper { max-height:88px;}  
.wrapper { width:96%; }
.m_about .bd .list { line-height:200%; font-size:12px; }
.m_news .bd ul li { line-height:34px; }
.m_news .bd ul li a { margin-left:16px; font-size:12px; }
}
@media screen and (max-width:768px){
body { font-size:12px; }
a { font-size:12px; }
#h_wrapper { max-height:70px;}  
.wrapper { width:96%; }
.m_work, .m_contacts { float:none; width:100%; display:block;}
.m_about { width:49%; float:left; }
.m_about .img { display:none }
.m_about .bd .list { line-height:210%; font-size:12px; width:100%; float:none; }
.m_news { width:49%; float:right; }
.m_news .bd ul li { line-height:34px; height:34px; overflow:hidden; }
.m_news .bd ul li a { margin-left:16px; font-size:12px; }
.m_pro_list .bd li { width:31.8%;}
.noend3, .noend6, .noend9 { margin-right:0; }
.noend5 { margin-right:2.25%; }
.m_pro_list .bd li.noend9 { display:none; }

}
@media screen and (max-width:640px){
.yqlj{display:none;}
.picScroll-left{display:none;}
.picScroll-left_wap{display:block; width:100%; margin:10px auto 0;}
.li_p{width:49%; margin:0 0% 5px 0; float:left; line-height: 0;}
.li_p img{width:100%;}
.li_p:nth-child(2n){ float:right;}
.li_p span {background-color:#f7f7f7; display:block; height:39px; line-height:39px; text-align:center; overflow:hidden; }

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

#h_wrapper { position:inherit; width:100%; box-shadow:0 0 0 rgba(0,0,0,0.2); }
#h_wrapper { max-height:inherit;}


.btnPrev { display:none }
.btnNext { display:none }
#demo1 { width:100%; margin-top:1%; }
#demo1 ul li { width:48%; margin:1%;}

.padding32  { padding:0 0 10px;}
.m_pro_list .hd h3, .m_about .hd, .m_news .hd, .m_work .hd h3, .m_contacts .hd h3 { font-size:16px; }
.m_pro_list .bd li { margin-top:10px; width:48.8%; margin-right:0; }
.m_pro_list .bd li.noend1,.m_pro_list .bd li.noend3,.m_pro_list .bd li.noend5,.m_pro_list .bd li.noend7,.m_pro_list .bd li.noend9 { margin-right:2%; display:block; }
.noend2,.noend4,.noend6,.noend8,.noend10 { margin-right:0; }
/*.m_pro_list .bd li.noend7, .m_pro_list .bd li.noend8, .m_pro_list .bd li.noend9, .m_pro_list .bd li.noend10 { display:none; }*/
.m_about { width:100%; float:none; display:block; }
.m_news { width:100%; float:none; display:block; }
.m_about .bd .img { float:none; width:100%; display:none; }
.m_about .bd .list { float:none; width:100%; }
.m_main { padding:0 0 10px; }
.m_1 { padding:0; }
#nav ul li.menu.hidden-xs { display:none; }
.hidden-xs { display:none; }
.m_pc_mobile { display:none; }
.m_pc_map { display:inline; }

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