/*banner*/
#banner img {margin: 0 -100%;}

/*main*/
.main{ width:1280px; margin:0 auto; height:auto; position:relative;}

/*m_l*/
#m_l{ float:left; width:950px;}
#m_l .weizi { font-size: 16px; color: #555; height: 45px; line-height: 45px; border-bottom: 1px solid #CDCDCD;}
#m_l .weizi a:hover { color:#0858b1;}
#m_l .pro_list li{ width:100%; position:relative;}
#m_l .pro_list li img{ float:left; width:200px; height:200px; padding:15px 0; margin-right:30px;}
#m_l .pro_list li div{ float:right; width:705px; line-height:230%;}
#m_l .pro_list li h2 {font-size: 20px;line-height: 40px; padding-top:10px; margin-bottom:10px; font-weight:bold; border-bottom:1px #ccc dashed;}
#m_l .pro_list li h2 a:hover{ color:#0858b1;}
#m_l .fanye { margin: 20px 0; text-align: center; }
#m_l .fanye span { padding: 8px 20px; border-radius: 4px; margin: 0 5px; background-color: #0858b1; color: #fff; border: #0858b1 1px solid; }
#m_l .fanye a { display: inline-block; padding: 8px 20px; border: #d7d8d8 1px solid; border-radius: 4px; margin: 0 5px; transition: all .2s; }
#m_l .fanye a:hover{ text-decoration:none; background-color:#0858b1; color:#FFF; border:#0858b1 1px solid;}




/*m_r*/
#m_r{ float:right; width:300px;}
#m_r h4{font-size: 18px; font-weight: bold; padding-left: 10px; margin-bottom:10px; height: 45px; line-height: 55px; border-bottom: 1px solid #CDCDCD;}
#m_r .fl a{ display:inline-block; padding-left:10px; width:140px; height:40px; line-height:40px; font-size:16px;}
#m_r .fl a:hover { color:#0858b1;}
#m_r h5{font-size: 18px; font-weight: bold; padding-left: 10px; margin-bottom:10px; height: 45px; line-height: 55px; border-bottom: 1px solid #CDCDCD;}
#m_r .zxbk li{ line-height:300%; padding-left:10px; border-bottom:1px dotted #dddddd;}
#m_r .zxbk li a:hover { color:#0858b1;}