@charset "utf-8";
.bg{ background:#2b96cc; padding:40px 0;}
.about dl{ color:#fff; height:auto; overflow:hidden; position:relative;}
.about dt{ float:right; width:200px;}
.about dd{ font-size:14px; width:900px; line-height:1.6;}
.about dd h1{ font-size:20px; margin-bottom:10px;}
.about dt a{ display:block; height:50px; margin-top:30px; font-size:16px; line-height:50px; width:150px; text-align:center; color:#2b96cc; background:#fff; display:block; float:right;}
.pannel h3{text-align:center; margin:40px 0;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;}

.about2 h3 a,.about2 h3 span{ color:#fff}
.about2 ul{ text-indent:2em;line-height:1.8; min-height:200px; padding-bottom:50px; position:relative;color:#fff}
.about2 ul img{margin-left:20px; float:right}
.about2 ul a.btn-more{ position:absolute; left:0; bottom:0; height:35px; line-height:35px; padding:0 20px; border:1px solid #fff; color:#fff; text-align:center; display:block;text-indent:0;}
.about2 ul a.btn-more:hover{ background:#fff; border-color:#fff; color:#2b96cc}


.tab-nav{ text-align:center; margin-bottom:50px}
.tab-nav span{ display:inline-block; border:1px solid #ddd; line-height:35px;height:35px; padding:0 20px; cursor:pointer;}

.news_r h2{ font-size:20px; font-weight:bold; margin-bottom:20px;}
.news_r{ width:580px; float:right;}
.news_r dl{ border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:15px; height:auto; overflow:hidden;}
.news_r dt{ float:left; width:200px;}
.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:360px;}

.news_l{ float:left; width:570px;}
.news_l dt{ display:none}
.news_l dd{ width:100%}

.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 dl{ margin:0 10px; height:420px; }
.pro-ct dl dt{ display:block;height:260px;overflow:hidden; border:1px solid #ddd; margin-bottom:10px}
.pro-ct dl dt img{ width:100%;}
.pro-ct dl dd{ line-height:1.8; height:100px;}
.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;}


.pattner{ width:100%; border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.pattner div.in{ margin:0 -8px;}
.pattner dl{ width:12.5%; float:left; margin-bottom:10px;}
.pattner dl a{ display:block; margin:0 8px;}
.pattner dl dt{ height:80px; overflow:hidden;}
.pattner dl dt img{ display:block; width:100%}
.pattner dl dd{ text-align:center; margin-top:10px;}

.bg2{ background:#999;}

.fmsg h3 a{ color:#fff;}
.msg td{color:#fff;}



.youshi{ text-align:center; margin-top:50px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.youshi dl { display:inline-block; margin:0 auto; width:22%; margin:0 1%;}
.youshi dl dt{ display:block;height:100px; width:120px; margin:0 auto; overflow:hidden}
.youshi dl dt img{ width:100%;}
.youshi dl dd {text-align:center;display:block; width:100%; padding:15px 0;}
.youshi dl dd a{ font-size:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block; margin-bottom:20px;}
.youshi dl dd a span{ display:block; margin-top:10px;}