﻿@charset "utf-8";

/*
时间轴样式
 */

*{padding:0;margin:0;box-sizing:border-box;font-family:"思源黑体";font-weight:normal;font-style:normal}
*:focus{outline:none}
a{text-decoration:none}
ul{list-style:none}

.product-section{padding-bottom:50px;position:relative;background-size:cover;height: 1264px}
.product-title{padding:53px 10px 30px;font-weight:normal;font-family:思源黑体;font-size:28px;line-height:46px;color:#252b3a;text-align:center;color: #000000
}
.product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative;top:20px}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body:after{content:"";width:100%;height:3px;background:url(../image/time_shaft/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0}
/*li*/
.features-item{position:relative;float:left}
.features-slide .features-item>*{text-align:center}
.features-item h3{font-family:思源黑体;cursor:pointer;font-weight:bold;font-size:18px;line-height:32px;margin-bottom:50px;color: #000000;transition:all 0.1s}
.features-item i{position:absolute;cursor:pointer;width:75%;height:33px;background:url(../image/time_shaft/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:15px 53px;transition:all 0.3s;border-radius:5px}
.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:18px;font-family:思源黑体;text-align:left;font-weight:bold;color: #4d4d4d;line-height:28px;overflow:hidden}
.features-item.dark i{background:url(../image/time_shaft/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:0.9}
.features-item:hover i{width:75%;margin-left:13px;background:url(../image/time_shaft/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(../image/time_shaft/productBase-features-info.png) no-repeat;background-size:100% 100%}
/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:16px;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../image/time_shaft/productBase-features-left.png) no-repeat;background-size:100% 100%;top:11.5%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:16px;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../image/time_shaft/productBase-features-right.png) no-repeat;background-size:100% 100%;top:11.5%;margin-top:-15px;left:50%;margin-left:-7px}
