* { margin: 0; padding: 0; } html, html body { height: 100%; } body { height: auto; margin: 0 auto; } .main{ width: 98%; margin: 0 auto; overflow-x: hidden; } li { list-style-type: none; } a { text-decoration: none; color: black; } .header{ width: 100%; } .header img{ width: 100%; } .sone { width: 100%; } .sone .simage { width: 100%; } .sone .simage img { display: block; width: 100%; } .sone .sleft { aspect-ratio: 16/9; width: 100%; margin-right: 1%; position: relative; } .sone .sleft img { width: 100%; } .sone .sleft .tuceng { position: absolute; width: 100%; bottom: 0.8vh; left: 0vh; background-color: rgba(50, 44, 42, 0.5); } .sone .sleft .tuceng p { text-align: center; font-size: 1rem; color:#fff; } .sone .sright { margin-top: .625rem; width: 100%; margin-right: 1%; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } .sudi img { width: 50%; } .sone .sright .stop2 { width: 100%; margin-right: 1%; } .sone .more { color: #a00000; float: right; } .sone .more p { width: 50%; font-size: 1rem; color: #a00000; } .sone .sright .stop2 ul { margin-left: 1.875rem; margin-bottom: 2vh; } .sone .sright .stop2 ul li{ margin-top: .8rem; list-style-type: square; } .sone .sright .stop2 ul li::marker { color: #c00006; } .stwo { position: relative; /* margin-top: 1.625rem; */ /* height: 60vh; */ } .stwo .simage { width: 100%; } .stwo .simage img{ width: 100%; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 30vh; object-fit: cover; } .stwo .tuceng { position: absolute; width: 100%; bottom: 0vh; left: 0vh; color: white; text-align: left; background-color: rgba(50, 44, 42, 0.5); } .stwo.tuceng p { text-align: left; font-size: 0.9rem; color: white; } .sthree{ width: 100%; margin-top: 1.25rem; } .sthree .simage { width: 100%; } .sthree .simage img { display: block; width: 100%; } .sthree .vg{ width: 100%; margin-top: 1.25rem; } .sthree .vg ul{ width: 100%; margin-top: 1.25rem; margin-left: 1.25rem; } .sthree .vg ul li { width: 100%; line-height: 3vh; margin-top: .25rem; border-bottom: 1px #d82f1c dashed; list-style-type: disc; } .sthree .vg img{ width: 100%; margin-top: 1.25rem; } .sthree .more{ margin-top: 4vh; margin-left: 4vh; } .sthree .more p{ color: #b1b1b1; } .sthree .more a { color: #b1b1b1; } .sthree .xmk { width: 100%; margin-top: 1.25rem; } .sthree .xmk ul { width: 100%; margin-top: 1.25rem; margin-left: 1.25rem; } .sthree .xmk ul li { width: 100%; line-height: 3vh; margin-top: .25rem; list-style-type: disc; border-bottom: 1px #d82f1c dashed; } .sthree .xmk img { width: 100%; margin-top: 1.25rem; } .sthree .jdz { width: 100%; } .sthree .jdz img { width: 100%; margin-top: 1.25rem; } .sthree .box5 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } .sthree .box5 .list1 { width: 100%; } .sthree .box5 .list1 .tu{ aspect-ratio: 16/9; float: left; width: 34%; height: auto; } .sthree .box5 .list1 .tu img{ width: 100%; height: auto; } .sthree .box5 .list1 .wen { margin-left: 1vh; margin-top: 2vh; float: left; width: 53%; } .sthree .box5 .list1 h5 { margin: 0 auto; width: 98%; width: 100%; } .sthree .box5 .list1 p { margin: 0 auto; margin-top: 1vh; width: 98%; font-size: 1.5vh; font-weight: 400; } /*底部信息*/ .m-footer { background-color: #940a00; color: #ffffff; font-size: 3vw; padding: 20px 0 20px; line-height: 20px; text-align: center; } .m-footer a { color: #fff } .a-c-top { text-align: center; overflow: hidden; } .a-c-top img { width: 35%; } .m-list { width: 100%; height: 40vw; margin-top: 5vw; } .m-list .title { position: relative; float: left; line-height: 10vw; font-size: 5vw; width: 40vw; margin-left: 6vw; height: 100%; } .m-list .title p { text-align: justify; } .m-list .title .source { position: absolute; top: 34vw; bottom: 0vw; } .m-list .block { float: left; width: 45vw; height: 85%; border: none; margin-left: 6vw; margin-top: 3%; } .video-thumb { width: 100%; height: 100%; } .m-list .block .pic { margin-right: 0; width: 100%; height: 100%; }