@charset "utf-8"; * { font-family: "微软雅黑"; } .clearfix { zoom: 1; } .clearfix:after { content: "020"; height: 0px; display: block; overflow: hidden; clear: both; } a { color: #333333; } /* ---------------------老年版样式----------------------- */ a:hover{ color: #0b79ff; } /* 热点头条 */ .hot_top { height: auto; padding-left: 150px; background: #f5f5f5 url(/uploads/image/i41902/laba.png) no-repeat 20px center; margin: 50px auto !important; } .hot_top a { display: inline-block; } .ht_list { width: 83%; height: 72px; line-height: 72px; font-size: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ht_more { width: 100px; height: 130px; float: right; margin-top: -65px; margin-right: 12px; background: #fff url(/uploads/image/i41902/arrow.png) no-repeat center center; background-size: 40px 70px; } /* 轮播图 */ .lb { padding: 30px 0; } .swiper-container { width: 1200px !important; height: 665px; } .swiper-slide { text-align: center; } .swiper-slide img { width: 1200px; } .swiper-slide span { position: absolute; left: 0; bottom: 0; padding-left: 20px; width: 1200px; height: 64px; background: url(/uploads/image/i41902/alpha.png) no-repeat left center; background-size: cover; } .swiper-slide span a { display: block; width: 73%; height: 100%; color: #fff; line-height: 64px; font-size: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; } /* pagination_style */ .lb .swiper-container-horizontal>.swiper-pagination-bullets { width: auto; left: unset; right: 30px; bottom: 15px; } .lb .swiper-pagination-bullet { width: 25px; height: 25px; background: #fff; border-radius: 0; opacity: 1; margin: 0 10px !important; } .lb .swiper-pagination-bullet-active { background: #0b79ff; } /* 轮播图end */ /* tan切换公共样式 */ .hd { width: 1200px; margin: 0 auto; line-height: 96px; height: 96px; border-bottom: 3px solid #c8d1d5; position: relative; } .hd ul { z-index: 5; /* position: absolute; */ height: 96px; /* overflow: hidden; */ zoom: 1; } .useinmobile .hd li{ height: 16vw; } .hd .more { float: right; background: url(/uploads/image/i41902/arrow.png) no-repeat right center; padding-right: 25px; } .hd .more a { font-size: 36px; color: #999999; } .hd li { float: left; padding-right: 30px; font-size: 48px; margin: 2px; } .hd li span { display: block; height: 96px; color: #333; } .hd li.on span { font-weight: bold; border-bottom: 4px solid #0b79ff; } .bd { margin-top: 30px !important; } .bd ul li { font-size: 36px; height: 72px; line-height: 72px; padding-left: 30px; background: url(/uploads/image/i41902/dian.png) no-repeat left center; background-size: 12px; /* margin-top: 1vw; */ /* padding-bottom: 1vw; */ } .bd ul li a { display: inline-block; width: 78%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bd ul li { font-size: 36px; line-height: 72px; padding-left: 30px; background: url(/uploads/image/i41902/dian.png) no-repeat left center; background-size: 12px; /* margin-top: 1vw; */ /* padding-bottom: 1vw; */ } /* tan切换 */ .lm1, .lm2 { margin-top: 30px; margin-bottom: 30px; } .lm3 { padding-bottom: 30px; } .lm3 li { float: left; width: 276px; height: 100px; background-color: #e8f2fe; border-radius: 8px; margin-left: 30px; margin-top: 30px; } .lm3 li:first-child, .lm3 li:nth-child(5) { margin-left: 0vw; } .lm3 a { display: block; width: 100%; height: 100%; background-size: 80px !important; background-position: 10px center !important; padding-left: 115px; font-size: 28px; line-height: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 专题轮播图 */ .lm4{ margin-top: 30px; margin-bottom: 30px; height: 255px; border-radius: 0; } .lm4 .swiper-container { width: 100%; height: 255px; } /* pagination_style */ .lm4 .swiper-container-horizontal>.swiper-pagination-bullets { width: auto; left: unset; right:20px; bottom: 20px; } .lm4 .swiper-pagination-bullet { width: 25px; height: 25px; background: #fff; border-radius: 13px; opacity: 1; margin: 0 5px !important; } .lm4 .swiper-pagination-bullet-active { width: 45px; } .lm4 .swiper-slide img { width: 1200px; height: 255px; } .lm5, .lm6, .lm7 { margin-top: 20px; margin-bottom: 20px; } .tit { font-size: 48px; line-height: 96px; } .tit a{ float: right; color: #999999; } .lm67_list li{ width: 215px; height: 200px; margin-left: 30px; margin-top: 30px; float: left; } .lm67_list li:first-child, .lm67_list li:nth-child(6){ margin-left: 0vw; } .lm67_list li a{ background-size: 130px !important; display: block; width: 100%; height: 100%; font-size: 28px; padding-top: 140px; text-align: center; } /* 专题轮播结束 */ /* ---------------------老年版样式----------------------- */ /* 手机版 */ @media only screen and (min-width: 100px) and (max-width: 767px) { .inner_box { width: 1200px; margin: 0 auto; } .heng { width: 100%; height: 3vw; background-color: #f5f5f5; } /* -------header--------- */ /* 热点头条 */ div.hot_top { width: 94vw; height: auto; padding-left: 14vw; background: url(/uploads/image/i41902/laba.png) no-repeat left center; background-size: 12vw; margin-top: 3vw !important; margin-bottom: 4vw !important; } .hot_top a { display: inline-block; } a.ht_list { width: 72vw; height: auto; line-height: 10vw; font-size: 4vw; } a.ht_more { width: 2vw; height: 4vw; float: right; margin-top: -2vw; background: url(/uploads/image/i41902/arrow.png) no-repeat center center; background-size: 2vw 4vw; } /* 轮播图 */ .lb { padding: 0; } .swiper-container { width: 100% !important; height: 56vw; } .swiper-slide { text-align: center; } .swiper-slide img { width: 100%; } .swiper-slide span { position: absolute; left: 0; bottom: 0; padding-left: 2vw; width: 100%; height: auto; background: url(/uploads/image/i41902/alpha.png) no-repeat left center; background-size: cover; } .swiper-slide span a { display: block; width: 80%; height: 100%; color: #fff; line-height: 9vw; font-size: 4vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; } /* pagination_style */ .lb .swiper-container-horizontal>.swiper-pagination-bullets { width: 20vw; left: 80vw; bottom: 2vw; } .lb .swiper-pagination-bullet { width: 3vw; height: 3vw; background: #fff; border-radius: 1.5vw; opacity: 1; margin: 0 0.5vw !important; } .lb .swiper-pagination-bullet-active { background: #0b79ff; } /* 轮播图end */ /* tan切换公共样式 */ .hd { width: 100%; line-height: 11vw; height: auto; /* background: #e8f3fd; */ border-bottom: 1px solid #c8d1d5; position: relative; /* padding-left: 4vw; */ /* padding-right: 10px; */ } .hd ul { z-index: 5; /* position: absolute; */ height: auto; /* overflow: hidden; */ zoom: 1; } .hd .more { float: right; background: url(/uploads/image/i41902/arrow.png) no-repeat right center; background-size: 2vw 3.5vw; padding-right: 2.5vw; } .hd .more a { font-size: 3.5vw; color: #999999; } .hd li { float: left; padding-right: 4vw; font-size: 4vw; margin: 0; } .hd li span { display: block; height: auto; color: #333; } /* .hd li.on { font-weight: bold; background: #0b79ff; } */ .hd li.on span { font-weight: bold; /* color: #fff; */ border-bottom: 2px solid #0b79ff; margin-bottom: -1vw; } .useinmobile .hd li.on span{ border-bottom: none; } .bd { margin-top: 2vw !important; } .bd ul li { font-size: 4vw; line-height: 10vw; padding-left: 3vw; height: auto; background: url(/uploads/image/i41902/dian.png) left 5.5vw / 1vw no-repeat; background-size: 1vw; margin-top: 1vw; padding-bottom: 0vw; background-position: left center; } .conwrap.setfont.ariafontcontent{ width:100%!important } .bd ul li a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* tan切换 */ .lm1, .lm2 { margin-top: 4vw; margin-bottom: 2vw; } .lm3 li { float: left; width: 100%; height:auto; background-color: #e8f2fe; border-radius: 1vw; margin-left: 0vw; margin-top: 4vw; } .lm3 li:first-child, .lm3 li:nth-child(4) { margin-left: 0vw; } .lm3 li:nth-child(5){ /* margin-left: 4vw!important; */ } .lm3 a { display: block; width: 100%; height: 100%; padding-left: 25vw; font-size: 4vw; line-height: 15vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-size: 10vw !important; background-position: 3vw center !important; } .conwrap{ height: auto !important; width: 100% !important; } .conwrap .con{ width: 100% !important; position: static !important; } /* 专题轮播图 */ .lm4 { margin-top: 4vw; margin-bottom: 4vw; height: 20vw; border-radius: 1vw; } .lm4 .swiper-container { width: 100%; height: 20vw; } /* pagination_style */ .lm4 .swiper-container-horizontal>.swiper-pagination-bullets { width: 20vw; left: 72vw; bottom: 2vw; } .lm4 .swiper-pagination-bullet { width: 2vw; height: 2vw; background: #fff; border-radius: 1vw; opacity: 1; margin: 0 1vw !important; } .lm4 .swiper-pagination-bullet-active { width: 4vw; } .lm5, .lm6, .lm7 { margin-top: 4vw; margin-bottom: 4vw; } .tit { font-size: 4vw; line-height: 6vw; } .tit a { float: right; color: #999999; } .lm67_list li { width: 21vw; height: auto; margin-left: 2.5vw; margin-top: 4vw; float: left; } .lm67_list li:first-child, .lm67_list li:nth-child(5) { margin-left: 0vw; } .lm67_list li a { display: block; width: 100%; height: 100%; font-size: 3vw; padding-top: 15vw; text-align: center; background-size: 54px !important; padding-top: 18vw; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ } } /* 手机版 */