#banner { font-size:0; overflow:hidden; width:100%; margin:0 auto; }

.l_bx{width:130px; height:32px; background:url(../images/l_bx.png) repeat-x left center; float:left;}
.r_bx{width:130px; height:32px; background:url(../images/r_bx.png) repeat-x left center; float:left;}
.h_bx, .ha_bx, .hb_bx, .hc_bx{color:#232323; font-size:24px; margin:0 21px; float:left;}
.ha_bx{ margin:0 38px;}
.hb_bx{ margin:0 36px;}
.hc_bx{ margin:0 37px;}
.hr_01{width:428px; margin:41px auto 39px;}
.hr_02{width:433px; padding-top:35px;}
.hr_03{width:428px; margin:41px auto 39px;}
.hr_04{width:433px; margin:0px auto 37px; padding-top:38px;}


/*首页产品*/
.h_bx{margin:0 36px;}
.picMarquee-left{ overflow:hidden; position:relative;  border:0px solid #ccc;   }

.picMarquee-left .bd{ padding:0px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:283px; height:273px; display:block; padding:0px; border:1px solid #cfcfcf; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#cfcfcf;  }
.picMarquee-left .bd ul li .title{width: 283px; line-height:30px; font-size:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#main{height:593px; background:url(../images/m_pro_bg.jpg) no-repeat center top; margin-top:25px; width:100%;}
.m_about_img{ float:left; margin-top:97px;}
.m_about_txt{float:left; margin:82px 0 0 44px; width:665px;}
.m_about_hb{font-size:24px; color:#1e1d1d; line-height:59px;}
.m_about_tx{font-size:14px; color:#252525; line-height:30px; text-align:justify; height:273px; position:relative;}
.m_about_more{height:42px; line-height:42px; width:160px; background:url(../images/about_more.jpg) no-repeat  100px center #0e436d; color:#fff; font-size:12px; text-indent:41px; position:absolute; left:3px; bottom:0; }

/**/
.m_news li{border:1px solid #dadada; padding:0 23px; width:542px; height:113px; float:left; margin:0 20px 12px 0;}
.news_li_hb{height:47px; line-height:47px; color:#232323; font-size:17px;}
.news_li_time{height:13px; line-height:13px; color:#666; font-size:12px; background:url(../images/news_bit.jpg) no-repeat left top; text-indent:20px; margin-bottom:7px;}
.news_li_tp{color:#6c6c6c; font-size:12px; line-height:20px;}
.m_news li:hover{border:1px solid #e62129;}

/*首页核心*/
.m_hx_img{float:left; margin-top:0px;}
.m_hx_txt{font-size:14px; color:#252525; line-height:36px; text-align:justify; height:210px; position:relative; float:left; margin:0px 0 0 29px; width:756px;}
.m_hx_more{background:url(../images/hx_more.jpg) no-repeat 100px center #fff; height:40px; line-height:40px; width:158px; color:#0e436d; font-size:12px; text-indent:40px; position:absolute; left:3px; bottom:0; border:1px solid #0e436d;}

/**/
#main2{background:url(../images/m_gc_bg.jpg) no-repeat center top #eee; margin-top:54px; padding-bottom:24px; width:100%; }
#demo1{overflow:hidden; width:100%; position:relative;}
.btnPrev{display:block; width:50px; height:50px;  position:absolute; left:-70px; top:178px; background:url(../images/m_pro_prev.png) no-repeat left top;}
.btnPrev:hover {}
.btnNext {display:block; width:50px; height:50px;  position:absolute; right:-70px; top:178px; background:url(../images/m_pro_next.png) no-repeat left top;}
.btnNext:hover {}
#demo1 ul li{float:left; width:283px; height:455px; font-size:0; display:inline; display:inline; margin-right:20px; position:relative;}
#demo1 ul li a img{display:block; border:1px solid #d3d3d3;}
#demo1 ul li figure {display:block;}
#demo1 ul li .noftgh {height:50px; line-height:50px; width:100%; text-align:center; display:block; overflow:hidden;  font-size:14px; position:absolute; left:0; bottom:0; color:#232323;}
#demo1 ul li:hover .noftgh {background-color:#0e436d; color:#fff;}


.wrapper_home{position:relative; width:1200px; margin:0 auto;}

.f_link{color:#e0e0e0; background-color:#fff;}
.f_link .bd{border:1px solid #dcdcdc; line-height:59px; width:96%; padding:0 2%;}
.f_link  span{margin:0 10px;}

@media screen and (max-width:1340px){
#demo1{padding-bottom:70px;}
.btnPrev{bottom:0; top:auto; left:520px;}
.btnNext{bottom:0; top:auto; right:520px;}
}
@media screen and (max-width:640px){
.hidden-xm { display:none; }
#main{background: url(../images/m_gc_bg.jpg) no-repeat center top #eee; height:auto;}
.m_about_hb{text-indent:5%;}

.m_about_txt{width:100%; margin:0;}
.m_hx_txt, .m_about_tx{width:89%; margin:0 auto; float:none; height:auto; margin-bottom:70px;}
.m_about_tx{margin-bottom:70px;}
.m_hx_more, .m_about_more{bottom:-50px;}

#demo1{width:94%; margin:auto;}
#demo1 ul li{width:48%; height:auto; margin-right:2%;}
#demo1 ul li .noftgh{position:relative; height:30px; line-height:30px; margin-bottom:20px;}
#tnofirst2, #tnofirst4{margin-right:0;}
}
@media screen and (max-width:433px){
.hr_01, .hr_02, .hr_03, .hr_04{width:100%;}
.l_bx, .r_bx{display:none; }
.h_bx, .hc_bx, .ha_bx{width:100%; background: url(../images/lr_bx.png) no-repeat center center; margin:auto; text-align:center;}
}