.main{background-attachment: fixed;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.row-lshm-s3{padding:80px 0 54px;overflow:hidden}
.row-lshm-s3 .tit4-i1{margin-bottom:40px}
.row-lshm-s3 .ryzz-swiper-s3 .nav{margin-bottom:45px}
.history-list-s3{padding:96px 0 45px;position:relative}
.history-list-s3:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:rgba(222,222,222,.6)}
.history-list-s3 li{padding:0 74px;margin-top:-51px;position:relative;font-size: 0;z-index:10}
.history-list-s3 li:after{content:'';position:absolute;left:50%;top:50%;width:15px;height:15px;background:url(../images/s3_circle1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.history-list-s3 .con{padding:34px 40px;display: inline-block; vertical-align: middle; width:46.3%;border:1px solid #d4d4d4;background-color:#fff;position:relative;min-height:200px;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.history-list-s3 .con:after{content:'';position:absolute;left:100%;top:50%;width:9px;height:18px;background:url(../images/s3_jt20.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.history-list-s3 .date{margin-bottom:6px;font-size:24px;color:#d7000f}
.history-list-s3 .txt{font-size:16px;color:#333;line-height:1.75}
.history-list-s3 li:nth-child(even){text-align: right;}
/*.history-list-s3 li:nth-child(even) .con{float:right}*/
.history-list-s3 li:nth-child(even) .con{text-align: left;}
.history-list-s3 li:nth-child(even) .con:after{left:auto;right:100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transform-origin: 50% 25%}
.history-list-s3 .con:hover{-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);}
.more-btn{font-size:0;text-align:center;overflow:hidden}
.more-btn i{display:inline-block;vertical-align:middle;width:34px;height:36px;background:url(../images/s3_moreBtn.png) center center no-repeat;animation:moreAni 1s infinite;-webkit-animation:moreAni 1s infinite}
@keyframes moreAni{
from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes moreAni{
from{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@media only screen and (max-width:1439px){
.row-lshm-s3{padding:64px 0 42px}
.row-lshm-s3 .tit4-i1{margin-bottom:32px}
.row-lshm-s3 .ryzz-swiper-s3 .nav{margin-bottom:36px}
.history-list-s3{padding:76px 0 36px}
.history-list-s3 li{padding:0 20px;margin-top:-40px}
.history-list-s3 .con{padding:26px 32px}
.history-list-s3 .date{font-size:18px}
.history-list-s3 .txt{font-size:14px}
}
@media only screen and (max-width:1199px){
.row-lshm-s3{padding:60px 0}
.row-lshm-s3 .ryzz-swiper-s3 .nav{margin-bottom:30px}
}
@media only screen and (max-width:767px){
.row-lshm-s3{padding:40px 0}
.row-lshm-s3 .tit4-i1{margin-bottom:0!important}
.row-lshm-s3 .ryzz-swiper-s3 .nav{margin-bottom:0}
.history-list-s3{padding:0}
.history-list-s3:after{left:8px}
.history-list-s3 li{margin:0;padding:0;padding-left:40px;margin-bottom:20px}
.history-list-s3 li:after{left:8px}
.history-list-s3 .con{width:100%}
.history-list-s3 .con:after{right:100%!important;left:auto;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
}