*{box-sizing:border-box;}
.product-section{position:relative;background: url(../image/fazhan.jpg) no-repeat center fixed;padding: 150px 106px  150px;}
.product-title{padding:50px 10px 30px;font-weight:400;font-size:36px;line-height:46px;color:#252b3a;text-align:center;color:#fff}
.product-wrapper{max-width:1500px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{padding:0 36px}
.features-item{position:relative;float:left;height: 552px;margin-right:31px;width:371px; }
.features-slide .features-item>*{text-align:center}
.features-item h3{font-size:16px;line-height:28px;margin-bottom:50px;color:#4c4c4c;opacity:.7;transition:all .1s}
.features-item i{position:absolute;width:75%;height:33px;background:url(../image/productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:35px;z-index:3}
.features-item .features-info{display:block;margin:0 auto;padding:20px 53px;transition:all .3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#a0a2a8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:16px;color:#4c4c4c;line-height:24px;overflow:hidden}
.features-item.dark i{background:url(../image/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover h3{font-size:22px;line-height:28px;opacity:.9}
.features-item:hover i{width:75%;margin-left:13px;background:url(../image/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(../image/productBase-features-info.png) no-repeat;background-size:100% 100%}
.product-features .swiper-button-prev{width:30px;height:40%;left:-35px;top:50%;background: url(../image/a47.png) no-repeat;opacity: 1 !important;}

.product-features .swiper-button-next{width:30px;height:40%;right:-35px;top:50%;background: url(../image/a48.png) no-repeat;opacity: 1 !important;}


.flex-viewport {

    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    border-top: 1px solid #C7C7C7;
    content: '';

}
.features-item .item{
	position: absolute;
	bottom: 0;
	right: -32px;
	left: -32px;
	height: 236px;
	box-sizing:border-box;
	background-color: #ffffff;
	padding-top: 44px;
}
.features-item .item h3{
	 height:44px; 
	 line-height:44px; 
	 margin:0; 
	 font-size:20px; 
	 font-weight:400; 
	 color:#999999; 
	 text-align:center; 
	 background-color:#e2e2e2; 
	 transition:all .2s ease;
	 box-sizing:border-box;
	  position:absolute; top:0; right:0; left:0; 
}
.features-item .item .desc .con{
	line-height:24px; 
	padding:22px 16px 0; 
	font-size:14px; 
	color:#929292;
	box-sizing:border-box;
}
.features-item .item .desc img{
	width: 100%;
	height:192px;
	display: none;
}
.features-item .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(237,36,36,.6); content:'';}
.features-item .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#ee3333; content:'';}
.features-item  .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.features-item:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.features-item:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.features-item:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.features-item:nth-child(even) .item h3{ top:auto; bottom:0;}
.features-item:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.features-item .item:hover  .desc .con{
	display: none;
}
.features-item .item:hover  .desc img{
	display: block;
}