@charset "utf-8";
.bg{ background:url(../Images/sd.png) repeat-x top}
.pannel h3{text-align:center; margin:40px 0 20px;font-weight:normal}
.pannel h3 a{font-size:30px;}
.pannel h3 span{display:block; font-size:16px; margin-top:5px;}
.pannel h3 i{ display:block; height:2px; margin:15px auto; background:#0202ff; width:60px;}

.pannel h4{font-size:26px; position:relative; margin-bottom:20px; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.pannel h4 a{ position:absolute; right:0;top:0; font-size:14px;}


.news{ border-top:1px solid #eee; padding-top:30px; margin-top:50px;}
.news_r{ width:358px;float:left; border:1px solid #eee; padding:10px; height:480px;}
.news_r dl{ border-bottom:1px dashed #eee; padding-bottom:10px; margin-bottom:10px; height:auto; overflow:hidden;}
.news_r dt{ float:left; width:120px;}
.news_r dt img{ width:100%; display:block;}
.news_r dd a{display:block;color:#555;font-size:16px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px;}
.news_r dd{ color:#999; font-size:12px; line-height:1.7; float:right; width:230px;}
.news_r ul{ text-align:right; margin-top:20px; font-weight:bold;}
.news_m{ margin-left:30px;}
.news_m div{ height:180px; margin-bottom:20px;}
.news_m div img{ display:block; width:100%;}
.news_m dl a{ background:url(../Images/m.png) no-repeat left center; padding-left:20px;}
.news_l{ float:right;}
.news_l a{ display:block; overflow:hidden;}
.news_l a img{ width:100%}
.news_l a.a1{ height:200px;}
.news_l a.a2{ height:115px; margin-top:10px}
.news_l a.a3{ height:115px;margin-top:10px;}

.products{ position:relative; padding-top:40px; overflow:visible;}
.pro-ct{ margin:0 -10px; overflow:inherit}
.pro-ct ul { float:left; text-align:center; width:33.33%;overflow:inherit;}
.pro-ct ul dl{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.pro-ct ul:hover dl {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.pro-ct ul:hover dt{ background:#528ec0}
.pro-ct ul dl{ margin:0 10px; height:400px; }
.pro-ct dl dt{ display:block;height:260px;overflow:hidden; border:1px solid #eee; margin-bottom:10px}
.pro-ct dl dt img{ width:100%;}
.pro-ct dl dd{ line-height:1.8; height:80px;}
.pro-ct dl dd a{ font-size:16px; color:#000;}
.pro-ct dl dd p{}
.pro-ct dl dd a span{ color:#F30; font-size:14px;}
.btn-more{ text-align:center; margin-top:50px;}
.btn-more a{ padding:0 40px; border:1px solid #ddd; line-height:50px; height:50px; display:inline-block;}

.pro-tt{  font-size:16px;margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.pro-tt a{ margin:0 10px;}