@charset "utf-8";

.ContBj {
    background: url("../images/line.png") repeat-x;
    background-color:#e8f3ff;
}
.HomeBanner{ width:100%; text-align:center; }
.HomeListBox{ width:100%; text-align:center; }
.HomeList{ width:100%; margin:10px 0 0 0; }
.HomeList:first-child{ margin:0; }
.HomeList>img{ width:100%; }

.swiper-container{ width:100%; height:100%; }
.swiper-pagination-bullet{ width: 16px;height: 16px; margin: 0 10px; }
.swiper-pagination-bullet-active{ opacity: 1; background: #007aff; }
.swiper-slide>img{ width:100%; }

.BannerBox{ width:100%; height:284px; overflow:hidden; }
.MenuListBox{ width:100%; border-bottom:#f2f2f2 solid 5px; background:rgb(242,246,248); }
.MenuList{ width:242px; height:110px; background:#fff; display:inline-flex; align-items:center; justify-content:center; margin:4px; }
.MenuList>img{ width:60px; height:60px; margin:0px 4px 0px 0; }
.MenuList>span{ font-size:30px; color:#2b2a33; font-weight:bold; }

.DetailsListBox{ width:100%; text-align:center; }
.DetailsList{ padding:26px 0; margin:0 0 0 28px; width:calc( 100% - 56px ); border-bottom:2px solid #e8e8e8; }
.DetailsPho{ width:130px; height:130px; background:#ccc; overflow:hidden; display:inline-block; }
.DetailsPho>img{ width:100%; }
.DetailsWordBox{ display:inline-block; text-align:left; vertical-align:top; }
.DetailsTitle{ width:490px; margin:0 0 0 20px; font-size:30px; font-weight:600; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.DetailsWord{ width:490px; margin:20px 0 0 20px; font-size:26px; color:#999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }