/* 品牌展示样式 */
/* conmon-btn */
.common-btn{width:136px; height:35px; border:1px solid #333; line-height:35px; color:#636363; text-align:center; position:relative; display:block; overflow:hidden; z-index:2; margin:0 auto;}
.common-btn:after{content:''; position:absolute; width:100%; height:100%; background:#FF9224; transition:all 0.3s ease; top:0; right:100%; z-index:-1;}
.common-btn:hover:after{right:0;}
.common-btn span{display:inline-block; margin-left:15px; font-size:12px; vertical-align:top; line-height:35px;}
.common-btn:hover{color:#000!important;}


/* brand */
.brand .part1{background: url("../images/brand01.jpg")/*tpa=http://www.zhongyirubber.com/templets/zhongyi/images/brand01.jpg*/ center top no-repeat;overflow: hidden;background-size: cover;}
.brand .part1 ul li{float: left;width: 16.6%;position: relative;}
.brand .part1 ul li .before{position: absolute;width: 96%;height: 96px;bottom: 0;line-height: 95px;left: 2%;border-top: 1px solid #fff;border-top: 1px solid rgba(255,255,255,.5);text-align: center;cursor: pointer;transition-duration: 600ms; background-color:rgba(0,0,0,0.4)}
.brand .part1 ul li .before img{display: inline;vertical-align: middle;}
.brand .part1 ul li .after{position: absolute;width: 100%;bottom: 0;left: 0; background: url("../images/brand02.png")/*tpa=http://www.zhongyirubber.com/templets/zhongyi/images/brand02.png*/ center bottom repeat-x;transition-duration: 800ms;bottom: -150%;height: 450px;}
.brand .part1 ul li .after .af-title{width: 100%; text-align: center; color: #fff; font-weight: bold; font-size: 30px; line-height: 1; padding-bottom: 8%; margin-top: 160px; opacity: 0; transition-duration: 900ms; transition-delay: 300ms;filter: alpha(opacity=0);font-weight: bold;color: #3b3b3b;}
.brand .part1 ul li .after .af-detail{width: 88%; color: #5f5f5f; line-height: 25px; font-size: 13px; height: 250px; overflow: hidden; margin: 120px auto 0; opacity: 0; transition-duration: 900ms; transition-delay: 300ms; margin-bottom:10px; text-align:justify;}
.brand .part1 ul li .after .af-logo{width: 100%; height: 96px; background: url("../images/wh.png")/*tpa=http://www.zhongyirubber.com/templets/zhongyi/images/wh.png*/ repeat; position: absolute; bottom: 0; left: 0; text-align: center;}
.brand .part1 ul li .after .af-more{display: block; height: 38px; text-align: center;font-size: 13px; font-weight: bold; line-height: 38px; margin: 0 auto 0; transition-duration: 300ms;width: 60%;border: 1px solid #036a6d;color: #036a6d;}
.brand .part1 ul li:hover .before{bottom: -100%;}
.brand .part1 ul li:hover .after{bottom: 0;}
.brand .part1 ul li:hover .af-title{margin-top: 0;opacity: 1;filter: alpha(opacity=100);}
.brand .part1 ul li:hover .af-detail{margin: 10px auto 20px;opacity: 1;filter: alpha(opacity=100);}
.brand .part1 ul.owl-loaded li{width: 100%;}
.brand .part1 ul.owl-loaded li .common-btn{margin: 0 auto;}
.brand .part1 ul.owl-loaded .owl-nav [class^=owl-]{position: absolute;font-size: 60px;line-height: 1;left: 0;top: 50%;margin-top: -30px;font-weight: bold;color: #fff;opacity: 0.7;filter: alpha(opacity=70);}
.brand .part1 ul.owl-loaded .owl-nav [class^=owl-].owl-next{left: auto;right: 0;}
@media only screen and (max-width:992px) {
  .brand .part1 ul.owl-carousel li{width: 100%;height: 550px;}
  .brand .part1 ul.owl-carousel li .before{bottom: -100%;}
  .brand .part1 ul.owl-carousel li .after{bottom: 0;}
  .brand .part1 ul.owl-carousel li .af-title{margin-top: 0;opacity: 1;filter: alpha(opacity=100);}
  .brand .part1 ul.owl-carousel li .af-detail{margin: 0 auto 20px;opacity: 1;filter: alpha(opacity=100);}
}
/* brand */