﻿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;}

/* 公共 */
.list-tab { width: 100%; height: 3.375rem;border-bottom: 1px solid #ddd;}
.list-tab .line { display: block; float: left; width: 0.5rem; height: 1.5625rem;background-color: #2d73cb;}
.list-tab .title { display: block; margin-left: 0.625rem; float: left;  height: 1.5625rem; line-height: 1.5625rem;font-size:1.5rem ;  letter-spacing: 2.4px; color: #333;}
.list-tab .more { display: block; float: right; font-size: 1.125rem; color: #666;}


.one {width: 100%; margin-top: 3.875rem;margin-bottom: 3.75rem; display: inline-block;} 
.one .one-swiper {float: left; width: 46.67%; height: 26.25rem;}
.one .one-swiper img {width: 100%; height: 100%;display: block;object-fit: cover;}

.one .one-r {  float: right; width: 51%;  }
.one .one-r .one-list {width: 100%; height: 22.875rem; margin-top: 1rem;overflow: hidden; }
.one .one-r .one-list li {position: relative; width: 100%; height: 3.8rem;}
.one .one-r .one-list li span:nth-child(1) {position: absolute;left: 0;top: 0; display: inline-block; width: 2.5rem;height: 2.5rem;font-size: 1.125rem; line-height: 2.5rem;color: white;text-align: center; background-color: #2d73cb;}
.one .one-r .one-list li:nth-last-child(1) span:nth-child(1) ,.one .one-r .one-list li:nth-last-child(2) span:nth-child(1) {background-color: #ddd;}
.one .one-r .one-list li span:nth-child(2) {display: inline-block;margin-left: 3rem;  width: calc(100% - 3rem); height: 2.5rem;font-size: 1.125rem; line-height: 2.5rem;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.one .one-r .one-list li:hover span:nth-child(2) {color:#2d73cb ;}

.two {width: 100%; padding: 3.75rem 0; background-color: #f8f8f8; display: inline-block;}
.two .two-news {width: 48%; float: left;}
.two .two-news:nth-last-child(1) {float: right;}
.two .two-list {width: 100%;height: 17.25rem; overflow: hidden;}
.two .two-list li {width: 100%; height: 2.875rem; position: relative;}
.two .two-list li span:nth-child(1) {display: inline-block;margin-top: 1.7rem; width: calc(100% - 8.25rem); height: 1.175rem;line-height: 1.175rem;font-size: 1.125rem; color: #333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.two .two-list li span:nth-child(2) {position: absolute;bottom: 0;right: 0;display: inline-block;width: 7.25rem; height: 1.175rem;line-height: 1.175rem;font-size: 1.125rem; color: #666;}
.two .two-list li:hover span {color: #2d73cb;} 

.three {margin-top: 3.75rem}
.three .three-swiper {width: 100%;height: 15.625rem;margin-top: 1.25rem; }
.three .three-swiper img {width: 100%;height: 100%;display: block;object-fit: cover;}
.three .three-swiper .swiper-wrapper span{
    height: 2.9375rem;
    padding:0.5rem;
    color: #fff;
    text-align: center;
    line-height: 2.9375rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
	}

.four {margin-top: 3.75rem}
.four .four-swiper {width: 100%;height: 7.5rem;margin-top: 1.25rem; }
.four .four-swiper img {width: 100%;height: 100%;display: block;object-fit: cover;}
