@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-08-28 18:38:48
 * @version $Id$
 */

.client_index{ width:1400px; margin:0 auto; padding:30px 0; height:445px;}
.client_index > .page{ width:1400px; overflow:hidden;}
.clientProductBox.BrandProduct-slide{ width:1400px;}

.clientItem{ float:left; width:450px; margin:20px 20px 0 0px; transition:0.3s all ease;}
.clientItem *{ transition:0.3s all ease;}
.swiper-slide.clientItem.swiper-slide-active { width:450px; margin-top:0;}
.clientItem .clientImg img{ width:100%; display:block; height:278px; transition:0.3s all ease;}
.swiper-slide.clientItem.swiper-slide-active .clientImg img{ height:327px;}



.clientCont { background:#fff; padding:20px;}
.clientCont:after{ content:''; clear:both; display:block;}
.clientCont .client_ico{ float:left; width:105px; height:105px; border-radius:50%; border:3px solid #ddd; overflow:hidden; float:left; margin-right:20px;margin-left: 3px;margin-top: 3px;}
.clientCont .client_ico img{ width:100%; height:100%;}
.clientCont .client_p{ float:right; width:276px; padding-top:13px;}
.clientCont .client_p strong{ font-size:22px; font-weight:normal; display:block; line-height:32px;}
.clientCont .client_p .small{ display:block; font-size:14px; color:#999999; line-height:22px; padding-top:10px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont{ background:#00a91c;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p{ float:right; width:276px; padding-top:13px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p p{ color:#fff;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p .small{ color:#fff;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_p strong{ color:#fff; line-height:32px; font-size:20px;}
.swiper-slide.clientItem.swiper-slide-active .clientCont .client_ico{ width:105px; height:105px;}
.clientProductTop.swiper-container.swiper-container-horizontal{ overflow:visible;}