* {
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%;
}