.pinpaicont li:after,.other:after,.othercont ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pinpaicont li,.other,.othercont ul{ *zoom: 1; }

.pinpai { width:1210px; height:364px; position:relative; }
.pinpai_ad { margin-top:10px;width:1210px;}


.pinpainr{ margin:0 auto; width:415px; text-align:center;}
.pinpaimg {padding:65px 0 18px;}
.pinpaimg img{ border-radius:54px; border:4px solid #fff;}
.history a{ width:60px; height:21px; display:block; background:url(../images/brandbj.png) no-repeat; margin:20px auto 0;}
.history a:hover{ background:url(../images/brandbj.png) no-repeat 0 -30px;}
.catah2{ font-size:14px; font-weight:bold; color:#fff; margin-top:70px;}
.catah2 a{ font-size:14px; font-weight:bold; color:#fff; margin:0 20px;}
.catah2 a:hover{ color:#84b011;}

.pinpainews{ position:absolute; top:38px; right:115px; width:264px; height:290px; background: url(../images/brandbj.png) no-repeat 0 -58px; padding:7px 10px;}
.pinpaitit{ font-size:14px; color:#444; border-bottom:1px solid #cfc6bf; padding-bottom:6px;}
.pinpaicont li{ border-bottom:1px solid #cfc6bf; padding:6px 10px;}
.pinpaicont li img{ float:left; width:63px; height:63px; margin-right:10px; display:none;}
.ppcnt{ display:none;}

.pinpaicont li.hover img,.pinpaicont li.hover .ppcnt{ display:block;}
.pinpaicont li.hover .pprht{ width:170px;}

.pprht{ float:left;}
a.bt{ color:#444; line-height:23px;height:23px; overflow:hidden; display:block; float:left;  font-size:14px; width:170px; }
a.bt:hover{ text-decoration:underline;}

.intro{position:absolute; top:38px; right:115px; width:244px; height:264px; background: url(../images/brandbj.png) no-repeat 0 -58px; padding:20px; color:#444; line-height:22px; display:none;}
.introwz{ float:left;}
.introimg{ margin-top:15px; float:left; padding-left:18px;}
.introimg img:first-child{ margin-right:40px;}

.pinpaicont li.hover {animation-name: pullDown;-webkit-animation-name: pullDown;animation-duration:0.3s;-webkit-animation-duration:0.3s; }

@keyframes pullDown {
	0% {transform: scaleY(0.1);}
	100% {transform: scaleY(1);}				
						
}
@-webkit-keyframes pullDown {
	0% {-webkit-transform: scaleY(0.1);}
	100% {-webkit-transform: scaleY(1);}				
	
}

.other{border: 1px solid #f0f0f0; background: #fff; margin-top: 20px; padding: 20px; font-size:14px;}
.other a{ float:right; font-size:12px;}
.other  a:hover{ color:#ff8b1a;}
.othercont{ width:1210px;  overflow:hidden; padding-top:15px;}
.othercont ul{ width:1230px; }
.othercont li{ width:598px; height:148px; background:#fff;border: 1px solid #f0f0f0; margin:0 10px 20px 0; float:left;}
.othercont li:hover { -webkit-box-shadow: 0 1px 2px #d6d3d3; -moz-box-shadow: 0 1px 2px #d6d3d3; box-shadow: 0 1px 2px #d6d3d3; }
.othercont dt{ float:left; width:148px; border-right:1px dashed #f0f0f0; height:103px; margin-top:22px;}
.othercont dt div{width:148px;height:103px;text-align:center; line-height:103px; vertical-align:middle; display: table-cell;*display: block; *font-size:90px;*+font-size:62px;*font-family:Arial;overflow:hidden;}
.othercont dt img{vertical-align:middle; max-height:103px; max-width:148px;}
.othercont dd { width:117px; height:117px;float:left; margin:15px 15px 0 15px;}
.othercont dd img{width:117px; height:117px;}
.brandname{ color:#fff; font-size:18px; font-family:"Microsoft Yahei";}