﻿body {
    background-color: white;
}
.index-main {max-width: 93.75rem;margin: 0 auto;display: block;}

.tab-bg{width: 100%;background-color: #f8f8f8;}
.tab {display: inline-block; width: 100%;}
.tab li {float: left; width: calc(100% / 3 - 1px);height: 5rem;}
.tab li span {display: inline-block;width: 100%;height: 100%; text-align: center; font-size: 1.5rem;line-height: 5rem;color: #333;}
.tab .active { background-color: #2d73cb;}
.tab .active span {color: white;}

.content {width: 100%;padding-top: 5.3125rem; }
.content .c-tab {display: inline-block; width: 100%; height: 4.5rem;border-bottom: 1px solid #ddd;}
.content .c-tab .tab-title { float: left; width: 14rem;height: 100%;line-height: 4.5rem; font-size: 1.875rem;color: #333;letter-spacing: 3px;}
.content .c-tab .tab-title img { width: 2.5rem;height: 2.1875rem;object-fit: cover;vertical-align: middle;}

.content .c-tab .tab-type { float: right; width: calc(100% - 14rem); height: 100%;text-align: right;}
.content .c-tab .tab-type span {margin-left: 2.2rem; display: inline-block; height: 100%;  letter-spacing: 1.8px; font-size: 1.125rem;color: #333; text-align: right;line-height: 4.5rem;}
.content .c-tab .tab-type span:nth-child(1){margin-left: 0;}
.content .c-tab .tab-type .active a{color: #2d73cb;}

.content .news-list {width: 100%; height: 16.5rem; overflow: hidden; margin-top: 2.25rem; margin-bottom:4rem ; }
.content .news-list li {width: 100%; height: 2.75rem; overflow: hidden;}
.content .news-list li .title {display: inline-block; width: calc(100% - 35.5rem);height: 1.2rem;font-size: 1.125rem;color: #333; line-height: 1.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.content .news-list li .news-list-r {display: inline-block; width: 35rem;text-align: right;}
.content .news-list li .news-list-r span {float: right; display: block;width: 7.25rem;margin-left: 1.25rem; height:1.875rem;text-align: right; font-size: 1.125rem;color: #666; line-height: 1.875rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content .news-list li .news-list-r .texts {text-align: center;background-color: #1c8549;border-radius: 3px; color: white; }
.content .news-list li .news-list-r .images {text-align: center;background-color:#1c8584;border-radius: 3px; color: white;}
.content .news-list li .news-list-r .videos {text-align: center;background-color: #855f1c;border-radius: 3px; color: white;}
.content .news-list li .news-list-r .hidden {display: none;}

.content .news-list li .title:hover {color: #2d73cb;}

.content .line {width: 100%; height: 1px;background-color: #ddd;}

