/* banner图开始 */ #banner { height: 100%; width: 100%; position: relative; margin-top: 3px; } #banner.index-banner .swiper-slide img{width:100%!important} .swiper-container { height: 100%; } .swiper-pagination{ bottom: 20px !important; left: 450px !important; } .swiper-pagination-bullet{ opacity: 1 !important; } .swiper-pagination span{ height: 10px !important; width: 10px !important; border: 2px solid #fff; margin-left: 10px; background-color:transparent; } .swiper-pagination-bullet-active { border: 2px solid #1478f0 !important; } /* 新闻列表开始 */ #list { height: 278px; background-image:url('../image/home/dt.png'); } .list_bottom{ width: 1200px; height: 334px; margin: 0 auto; } /* 左边 */ #list .list_bottom { padding-top: 38px; } .list_bottom_left { height: 202px; width: 290px; position: relative; float: left; } #container { height: 202px; width: 290px; position: relative; overflow: hidden; } .item { position: absolute; } #tabs { position: absolute; right: 20px; bottom: 12px; z-index: 999; } .tab { float: left; margin-right: 4px; width: 8px; height: 8px; border: 3px solid #fff; border-radius: 50%; cursor: pointer; } .active { border-color: #1478f0; } .btn { position: absolute; top: 50%; margin-top: -35px; width: 40px; height: 70px; color: #d6d3d5; font-size: 36px; line-height: 70px; text-align: center; cursor: pointer; z-index: 999; } .btn:hover { background: rgba(127, 120, 125, 0.8); } .mmm { position: absolute; width: 100%; bottom: 0; left: 0; height: 46px; background: #88a7bb; opacity: 0.8; } .mmm span { line-height: 46px; color: #333; padding-left: 20px; /* width: 100%; */ height: 46px; overflow: hidden; display: block; } /* 中间 */ .list_bottom_center { float: left; margin-left: 50px; } .wrap { width: 431px; height: 202px; overflow: hidden; } .tit { height: 27px; width: 100%; border-bottom: 2px solid #dedfe2; } .tit span { margin-right: 24px; float: left; height: 27px; line-height: 27px; width: 64px; font-size: 14px; text-align: center; color: #333; } .con { display: flex; justify-content: space-between; list-style: none; } .con .show { margin-top: 18px; } /* .con .show div a{ display: flex; align-items: center; } */ .show_af a:hover p{ color: #1478f0 !important; } .show_af a:hover span{ color: #1478f0 !important; } .show_af a { display: block; height: 32px; line-height: 32px; } .con .show div p { color: #333; display: inline-block; width: 326px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } .con li div span { display:inline-block; vertical-align:middle; font-size: 14px; color: #999999; padding-bottom: 23px; } .tit span.select { border-bottom: 2px solid #1478f0; } .tit span { cursor: pointer; } .tit span:hover { color: #1478f0 } /* 右边 */ .list_bottom_right { width: 370px; height: 202px; float: left; margin-left: 55px; } .business { height: 25px; width: 100%; border-bottom: 2px solid #dedfe2; padding-left: 0px; box-sizing: border-box; line-height: 25px; } .business div { display: inline-block; margin-right: 24px; height: 23px; width: 64px; border-bottom: 2px solid #1478f0; color: #333; } .scope ul { float: left; } .scope ul li { float: left; margin-left: 2px; } .scope ul li a{ display: block; margin-left: 14px; margin-top: 22px; height: 60px; width: 105px; } .scope ul li a img { margin-left: 32px; } .scope ul li i { display: block; text-align: center; font-size: 14px; font: inherit; } .scope ul li a:hover i { color: #1478f0; } .scope ul li img { height: 38px; width: 40px; margin-bottom: 11px; } /* 响应式 */