@charset "utf-8";
.home-mainproduct .homepro-list .swiper-slide .info{width:60%;flex:inherit}
.home-mainproduct .homepro-list .swiper-slide{height:auto}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}}
.timeline-items .wrap{display:flex;position:relative}
.timeline-items .wrap .time,.timeline-items .wrap .content{width:50%;padding-left:30px;padding-right:30px}
.timeline-items .wrap .circle{position:absolute;width:20px;height:20px;background:-o-radial-gradient(50%,circle,#a0090e 0,#a0090e 40%,#fff 50%,#fff 60%,#a0090e 70%);background:radial-gradient(circle at 50%,#a0090e 0,#a0090e 40%,#fff 50%,#fff 60%,#a0090e 70%);border-radius:50%;left:50%;top:0;transform:translateX(-50%)}
.tineline .container{max-width:1000px;margin:0 auto}
.timeline-items:nth-child(even) .wrap{flex-direction:row-reverse}
.timeline-items{margin-bottom:80px}
.tineline{position:relative;margin-top:50px}
.timeline-items .wrap .time{font-size:20px;color:#a0090e;font-weight:bold}
.tineline:before{content:'';position:absolute;left:50%;width:0px;border:2px dotted #000;height:100%;z-index:1;border-right:none;z-index:-1;transform:translateX(-50%)}
.timeline-items:nth-child(odd) .time{text-align:right}