@charset "UTF-8"; #homePage .ui-hd-1 { position: relative; } #homePage .ui-hd-1 .lm-cn { display: inline-block; width: 85px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #1859A7; text-align: center; border-radius: 5px 5px 0 0; } #homePage .ui-hd-1 .more { position: absolute; right: 15px; bottom: 10px; } #homePage #body { margin: auto; background: #fff; } #homePage .hd { font-weight: bold; } #homePage .main { overflow: hidden; } #homePage .list li { height: 33px; line-height: 33px; border-bottom: 1px dashed #ccc; } #homePage .list-date { height: 45px; margin-bottom: 17px; } #homePage .list-date:hover .date { background: red; color: #fff; border-color: red; } #homePage .list-date:hover a { color: red; } #homePage .list-date .date { float: left; width: 50px; height: 45px; font-size: 16px; border: 1px solid #ddd; text-align: center; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #homePage .list-date .date .date-2 { font-size: 12px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #homePage .box1 { margin-top: 15px; margin-bottom: 40px; } #homePage .box1 .box1-1 { float: left; width: 800px; height: 295px; } #homePage .box1 .box1-1 .m-xwzx-1 { float: left; width: 385px; height: 275px; padding-left: 15px; position: relative; overflow: hidden; padding-left: 0; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container { position: absolute; width: 100%; height: 100%; --swiper-theme-color: #fff; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-pagination { z-index: 999; bottom: 10px; left: auto; text-align: right; color: #fff; width: auto; right: 0; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-pagination .a { font-size: 24px; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-pagination .b { font-size: 14px; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-pagination-bullet { width: 23px; height: 23px; text-align: center; line-height: 23px; background: #6B6969; opacity: .9; cursor: pointer; border-radius: 0; margin: 0 2px; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-pagination-bullet-active { background: #FF0000; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container { overflow: hidden; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-button-prev::after { display: none; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-button-next::after { display: none; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide { position: relative; width: 100%; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide .slide-title { height: 40px; line-height: 40px; position: absolute; right: 0; bottom: 0; left: 0; padding: 0 140px 0 10px; background: rgba(0, 0, 0, 0.25); } #homePage .box1 .box1-1 .m-xwzx-1 .swiper-container .swiper-wrapper .swiper-slide .slide-title a { font-size: 14px; display: block; color: #fff; } #homePage .box1 .box1-1 .m-xwzx-2 { width: 400px; height: 275px; float: right; padding-left: 10px; padding-right: 20px; } #homePage .box1 .box1-1 .m-xwzx-2 .hd { margin-bottom: 15px; } #homePage .box1 .box1-2 { position: relative; float: left; width: 295px; height: 295px; padding-left: 20px; } #homePage .box1 .box1-2::before { content: ""; position: absolute; width: 1px; height: 95%; background: #ddd; left: 0; top: 0; } #homePage .box1 .box1-2 .hd { margin-bottom: 15px; } #homePage .box1 .box1-2 .hd li { display: inline-block; } #homePage .box1 .box1-2 .hd .lm-cn { background: none; color: #1859A7; font-size: 16px; } #homePage .box1 .box1-2 .hd .on .lm-cn { display: inline-block; width: 85px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #1859A7; text-align: center; border-radius: 5px 5px 0 0; } #homePage .box1 .btn-group { width: 100%; margin-bottom: 10px; } #homePage .box1 .btn-group button { height: 25px; width: 100%; text-align-last: left; padding: 0 10px; } #homePage .box1 .btn-group .caret { -webkit-transform: rotate(275deg); -ms-transform: rotate(275deg); transform: rotate(275deg); float: right; margin-top: 5px; } #homePage .box1 .btn-group .dropdown-menu { width: 100%; } #homePage .box2 { border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-bottom: 20px; } #homePage .box2 .hd { float: left; width: 40px; background: #1857a5; color: #fff; padding: 15px 10px; border-radius: 0 5px 5px 0; font-size: 18px; } #homePage .box2 .box2-list { float: left; width: 520px; margin-left: 30px; } #homePage .box2 .box2-list a { display: block; height: 125px; margin-bottom: 15px; border-bottom: 1px solid #ddd; } #homePage .box2 .box2-list a:hover { color: red; } #homePage .box2 .box2-list a .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; } #homePage .box2 .box2-list a .desc { text-indent: 2em; } #homePage .box2 .pic { float: right; } #homePage .box2 .pic img { width: 470px; height: 265px; -o-object-fit: cover; object-fit: cover; } #homePage .box3 { border-bottom: 1px solid #ddd; margin-bottom: 40px; /* 本例子css */ } #homePage .box3 .hd { float: left; width: 40px; background: #1857a5; color: #fff; padding: 15px 10px; border-radius: 0 5px 5px 0; font-size: 18px; } #homePage .box3 .box3-list { float: left; width: 1040px; margin-left: 20px; } #homePage .box3 .box3-list a { float: left; width: 315px; } #homePage .box3 .box3-list a:hover { color: red; } #homePage .box3 .box3-list .title { font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 30px; } #homePage .box3 .box3-list img { width: 315px; height: 180px; -o-object-fit: cover; object-fit: cover; } #homePage .box3 .picMarquee-left { overflow: hidden; position: relative; height: 264px; } #homePage .box3 .tempWrap { width: 1040px !important; } #homePage .box3 .picMarquee-left .bd ul { overflow: hidden; zoom: 1; width: 1080px; } #homePage .box3 .picMarquee-left .bd ul li { float: left; overflow: hidden; text-align: center; margin-right: 45px; } #homePage .box4 { height: 280px; margin-bottom: 20px; overflow: hidden; } #homePage .box4 .hd { float: left; width: 40px; background: #1857a5; color: #fff; padding: 15px 10px; border-radius: 0 5px 5px 0; font-size: 18px; } #homePage .box4 .box4-list { float: right; width: 520px; margin-left: 30px; } #homePage .box4 .box4-list a { display: block; height: 125px; margin-bottom: 15px; padding-left: 65px; background: url("home_res/媒体视角.png") no-repeat; background-size: 45px; border-bottom: 1px solid #ddd; background-position-y: 10px; } #homePage .box4 .box4-list a:hover { color: red; } #homePage .box4 .box4-list a .title { font-size: 16px; margin-bottom: 10px; font-weight: bold; } #homePage .box4 .pic { position: relative; float: left; margin-left: 20px; } #homePage .box4 .pic img { width: 470px; height: 265px; -o-object-fit: cover; object-fit: cover; } #homePage .box4 #app { width: 80px; height: 80px; position: relative; border-radius: 50%; } #homePage .box4 .bofang { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); } #homePage .box4 .bofang svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #homePage .box5 { margin-bottom: 30px; height: 100px; } #homePage .box5 .wxcode { float: left; } #homePage .box5 .wxcode .hd { float: left; padding-right: 10px; padding-top: 10px; } #homePage .box5 .wxcode .hd p { height: 33px; line-height: 1.8; } #homePage .box5 .wxcode .hd p:nth-child(1) { font-size: 24px; } #homePage .box5 .wxcode .hd p:nth-child(2) { font-size: 20px; } #homePage .box5 .wxcode img { width: 100px; } #homePage .box5 .right { padding-top: 8px; float: left; width: 290px; margin-left: 30px; } #homePage .box5 .yqlj { height: 40px; } #homePage .box5 .yqlj .hd { float: left; font-size: 24px; } #homePage .box5 .yqlj .dropdown { float: left; } #homePage .box5 .yqlj .btn { width: 150px; } #homePage .box5 .fx { height: 40px; } #homePage .box5 .fx .hd { float: left; font-size: 24px; } #homePage .box5 .m-yjzx { width: 500px; float: left; } #homePage .box5 .m-yjzx img { width: 100%; }