.sec-word { background-color:#f8f8f8;text-align:center;padding:70px 0px;color:#044da1;font-size:16px;   }
.sec-word > .wrapper { max-width:1300px;margin:0px auto; }
.sec-word .title { font-weight:bold;font-size:24px;margin-top:10px; }
.sec-word p { margin:10px 0px; }
.sec-word .icon { height:60px; }
.sec-word .swiper-slide {  background-color:#f8f8f8;height:100%; }
.sec-word .swiper-pagination { text-align:center;width:100%;box-sizing:border-box;position: relative;  }
.sec-word .swiper-pagination-bullet { background-color:#ccc!important }
.sec-word .swiper-pagination-bullet-active { background-color:#3a73c2!important; }


.sec-timeline { background-color:#fff;padding:40px 0px;  }
.sec-timeline > .wrapper { max-width:1300px;margin:0px auto; }
.sec-timeline br.tb { display:none; }
.sec-timeline p { font-size:16px; }
.sec-timeline b { color:#044da1; }
.sec-timeline b.comp { color:#044da1;font-size:22px; }

.row-txt { display:flex; align-items:flex-end;padding:60px 0px; }
.row-txt > .col { width:18%; }
.row-txt .box { padding:40px 30px;color:#9eadc2; font-size:12px; position: relative; }
.row-txt .box .line-area { position: absolute; top:100%; left:0px;  margin-top:-80px; width:130px }
.row-txt .box .line-area .line { width:100% }
.row-txt .box .year { text-align:center;color:#333;font-weight:bold;font-size:14px;padding:5px 0px;margin-left:60px;width:120px; }

.row-reverse { align-items: flex-start }
.row-reverse .box .line-area { top:-190px;left:auto;right:0px;margin-top:85px;text-align:right  }
.row-reverse .box .line-area.l3 { margin-top:80px; }
.row-reverse > .col-1 { width:28%; }
.row-reverse .box .year {  margin-left:-50px; }

.main-line {
    height:5px;
    background: rgb(29,62,222); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(29,62,222,1) 0%, rgba(1,228,248,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(29,62,222,1) 0%,rgba(1,228,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(29,62,222,1) 0%,rgba(1,228,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3ede', endColorstr='#01e4f8',GradientType=1 ); /* IE6-9 */
}

@media screen and (max-width:1200px) {
    .sec-word { padding:40px 0px; }
    .sec-word .title { font-size:20px }
    .sec-timeline > .wrapper  { padding:0px 40px; }

    .row-txt .box { padding:30px 20px; }
    .row-reverse > .col-1 { width:35%; }


    .sec-timeline p { font-size:14px; }
    .sec-timeline br.tb { display:block; }

    .timeline-area { display:flex;margin:50px 0px;position: relative; }
    .row-txt { width:50%; display:block; padding:0px;   }
    .row-txt > .col { width:100%!important;padding:0px 15px;margin:20px 0px;box-sizing:border-box;text-align:right   }

    .main-line { 
        width:3px; height:100%; position: absolute;left:50%;top:0px;bottom:0px; background:none;
        background: #007aff; /* Old browsers */
    }
    .row-txt .box .line-area { position: absolute;top:-15px;right:-15px;left:auto;bottom:auto;width:100%;margin:0px!important;text-align:right }
    .row-txt .box .year { margin:0px!important;text-align:left;border-bottom:3px #007aff solid; padding-right:30px;padding-left:5px;width:auto;display:inline-block }
    .row-txt .box .line-area .line { display:none; }

    .row-reverse { margin-top:40px; }
    .row-reverse > .col { text-align:left;  }
    .row-reverse .box .line-area { right:auto;left:-15px;text-align:left;  }
    .row-txt .box .year { padding-left:30px; }
}

@media screen and (max-width:800px) {
    .sec-word  { }
    .sec-word > .wrapper { padding:0px 30px; }
}

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

    .sec-timeline > .wrapper { padding:0px 25px; }
    .timeline-area  { margin-left:-15px;margin-right:-15px; }
    .row-txt > .col { padding:0px 5px; }
    .row-txt .box .line-area { right:-5px; }
    .row-reverse .box .line-area { left:-5px; }

    .sec-timeline b.comp { font-size:18px;margin-bottom:5px;display:inline-block;  }
    .sec-timeline p br { display:none; }
}

@media screen and (max-width:400px) {
    .sec-word  { font-size:14px; }

    .row-txt .box .year { font-size:12px;padding:5px 20px; }
    .sec-timeline p  { font-size:12px; }
}

@media screen and (max-width:350px) {
    .sec-word  { font-size:12px; }

}