.main .news { position: relative; top:-60px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.main .news .bar { display: flex;  text-align:center; }
.main .news .bar > div { flex:1; color:#fff; font-size:1.5rem; padding:12px 0px; cursor: pointer; }
.main .news .bar > div:nth-child(1) { background-color:#00a743; }
.main .news .bar > div:nth-child(2) { background-color:#00b39c; }
.main .news .bar > div:nth-child(3) { background-color:#0070be; }
.main .news .bar > div:nth-child(4) { background-color:#00a743; }
.main .news .bar > div.active { background-color:#fff; }
.main .news .bar > div.active:nth-child(1) { color:#00a743; }
.main .news .bar > div.active:nth-child(2) { color:#00b39c; }
.main .news .bar > div.active:nth-child(3) { color:#0070be; }
.main .news .bar > div.active:nth-child(4) { color:#00a743; }

.main .news .list { background-color:#fff; padding:20px 40px; }
.main .news .list .row { margin-left:-40px; margin-right:-40px; }
.main .news .list .row > div { padding-left:40px; padding-right:40px; }
.main .news .list .row .item { display: flex; align-items:center; padding:20px 0px; border-bottom:1px solid #e2e2e2; }
.main .news .list .row .item .date { width:75px; color:#596f7f; }
.main .news .list .row .item .date span.month { font-size:0.875rem; }
.main .news .list .row .item .date span.day { line-height:25px; font-size:2rem; }
.main .news .list .row .item .title { width:calc(100% - 75px); }
.main .news .list .row .item .title a { color:#002c45; font-size:1.125rem; }
.main .news .list .row .item .eco a { color:#002c45; font-size:1.125rem; }
.main .news .list .row .tit { font-size:1.3rem; color:#313131; font-weight:bold; margin-top:10px; }
.main .news .list .row .tit span { display:inline-block; width:2px; height:1.3rem; background-color:#313131; margin-right:10px; vertical-align:-3px; }
.main .news .list .row .end { padding-bottom:20px; }
.main .news .list .more { text-align:right; position: relative; right:-40px; bottom:-40px; }
.main .news .list .more a { text-align:left; display: inline-block; font-size:1.125rem; padding:15px 25px; width:425px; color:#dae000; background-color:#002c45; }
.main .news .list .more span { float:right; }

.main .supplier { padding-top:60px; }
.main .supplier .title { color:#002c45; font-size:1.5rem; padding-left:15px; }
.main .supplier .list { position: relative; padding-top:48px; padding-bottom:48px; }
.main .supplier .list .jcarousel { width:calc(100% - 130px); margin:0px auto; }
.main .supplier .list .jcarousel li > div { padding-left:8px; padding-right:8px; }
.main .supplier .list .jcarousel li:last-child { padding-right:1px; }
.main .supplier .list .jcarousel-control-prev,
.main .supplier .list .jcarousel-control-next { width:40px; height:40px; background-color:#002c45; color:#dae000; border-radius:25px; padding:8px; }

@media (max-width:1199.98px){ }

@media (max-width:991.98px){ 
    .main .news .list .row .tit { margin-top:20px; }
}

@media (max-width:767.98px){ 
    .main .news { margin-left:-15px; margin-right:-15px; }
    .main .news .bar > div { font-size:1rem; padding:8px 0px; }
    .main .news .list { padding:0px 40px; }
    .main .news .list .row > div { padding-left:20px; padding-right:20px; }
    .main .news .list .more { bottom:-20px; }
    .main .news .list .more a { width:210px; font-size:1rem; padding:10px 15px; }

    .main .supplier { padding-top:30px; padding-bottom:30px; }
    .main .supplier .title { font-size:1.125rem; padding-left:0px; }
    .main .supplier .list { padding-top:20px; padding-bottom:20px; }
    .main .supplier .list .jcarousel { width:calc(100% - 60px); }
    .main .supplier .list .jcarousel li > div { padding-left:4px; padding-right:4px; }
    .main .supplier .list .jcarousel-control-prev,
    .main .supplier .list .jcarousel-control-next { width:24px; height:24px; padding:0px; }

}

@media (max-width:575.98px){ 
    .main .news .bar > div { font-size:13px; }
}

@media (min-width:576px){ }

@media (min-width:768px){ }

@media (min-width:992px){ }

@media (min-width:1200px){ }