/*瀹囨嘲鍙戝睍鍘嗙▼*/

@charset "utf-8";



.developmenttitle{margin-top: 20px;text-align: center}

.developmenttitle h1{padding: 30px 10px 30px;font-weight: normal;font-size: 36px;line-height: 46px;color: #252b3a;text-align: center;color: #000000;}



/*鐢佃剳鍙戝睍鍘嗙▼*/



.pcsection{background-color: #FFFFFF;}

.product-section {margin-top: 50px; margin-bottom: 50px; padding-top: 150px; padding-bottom: 150px;position: relative;background-color: #0054a5;}

.product-wrapper {max-width: 100%;padding-left: 16px;padding-right: 20px;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 {margin: 10px 75px ;}

.product-features .product-body:after {content: "";width: 100%;height: 3px;background: url(/Uploads/features-model.png) no-repeat;background-size: 100% auto;background-position: center;position: absolute;top: 80px;left: 0;z-index: 0;}

/*li*/

.features-item {position: relative;float: left;}

.features-slide .features-item>* {text-align: center;}

.features-item h3 {font-size: 36px;line-height: 28px;padding-top: 10px; padding-bottom: 20px; margin-bottom: 80px;color: #FFFFFF;opacity: 0.7;transition: all 0.1s;}

.features-item i {position: absolute;width: 75%;height: 33px;background: url(/Uploads/features-timeline.png) no-repeat;background-size: contain;background-position: right center;left: -25%;margin-left: 10px;top: 64px;z-index: 3;}

.features-item .features-info {display: block;margin: 0 auto;padding: 20px 53px;transition: all 0.3s;border-radius: 2px;}

.features-item .features-info .features-info-i {font-size: 16px;color: #E5E5E5;line-height: 22px;padding-top: 40px; margin-bottom: 10px;text-align: left;}

.features-item .features-info .features-info-s {font-size: 18px;color: #FFFFFF;height: 80px; overflow: hidden;padding-top: 20px;}

.features-item.dark i {	background: url(/Uploads/features-timeline-dark.png) no-repeat;background-size: contain;background-position: right center;}

/*榧犳爣鎮诞鏁堟灉*/

.features-item:hover h3 {font-size: 22px;line-height: 28px;opacity: 0.9;}

.features-item:hover i {width: 75%;margin-left: 13px;background: url(/Uploads/features-timeline-hover.png) no-repeat;background-size: contain;background-position: right center;}

.features-item:hover a {background: url(/Uploads/features-info.png) no-repeat;background-size: 100% 100%;}

/*宸﹀彸鎸夐挳*/

.product-features .swiper-button-prev {width: 30px;height: 40%;left: 20px;top: 12px;background: none; z-index: 1;}

.product-features .swiper-button-next {width: 30px;height: 40%;right: 20px;top: 12px;background: none; z-index: 1;}

.product-features .swiper-button-prev:after {content: "";display: inline-block;position: absolute;width: 15px;height: 30px;background: url(/Uploads/features-left.png) no-repeat;background-size: 100% 100%;top: 50%;margin-top: -15px;left: 50%;margin-left: -7px;}

.product-features .swiper-button-next:after {content: "";display: inline-block;position: absolute;width: 15px;height: 30px;background: url(/Uploads/features-right.png) no-repeat;background-size: 100% 100%;top: 50%;margin-top: -15px;left: 50%;margin-left: -7px;}



/*鎵嬫満鍙戝睍鍘嗙▼*/





/*澶у睆骞曟牱寮�*/

@media screen and (min-width: 769px) {

/*绂佹*/

	

}





/*灏忓睆骞曟牱寮�*/

@media screen and (max-width: 768px) {

	/*绂佹*/

	

	/*绂佹缁撴潫*/



	

	



}