@charset "utf-8";
.zy_sidebar {
width: 100%;
overflow: hidden;
border-bottom: 2px solid #F3F3F3;
}
.zy_sidebar ul {
width: 100%;
height: auto;
float: left;
}
.zy_sidebar ul li {
margin-right: 60px;
float: left;
}
.zy_sidebar ul li a {
float: left;
font-size: 16px;
color: #2C2C2C;
line-height: 26px;
padding: 16px 0 ;

}
.zy_sidebar ul li a:hover {
color: #EA4D1C;
}
.zy_sidebar ul li.current a {
color: #EA4D1C;
border-bottom: 3px solid #EA4D1C;
}

.list_activity{padding:40px 0;}
.list_activity .litpic{padding-bottom:60%;}

.hd_list {
width: 100%;
height: auto;
float: left;

}
.hd_list ul {
width: 100%;
height: auto;
float: left;
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 20px;
}
.hd_list ul li {
width: 100%;
height: auto;
float: left;
border-radius: 12px;
background: #F3F3F3;overflow: hidden;
    border: 2px solid #ffffff;

}
.hd_list ul li:nth-child(4n) {
margin-right: 0;
}
.hd_list ul li a {
width: 100%;
height: auto;
float: left;
display: flex;
flex-direction: column;
}
.hd_list ul li a .picbox {
width:100%;
position: relative;
overflow: hidden;
float: left;
}

.hd_list ul li .picbox img {
width:100%;

}
.hd_list ul li .picbox .video_play{width:50px;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.hd_list ul li a .picbox h3 {
width: 100%;
height: auto;
float: left;
}
.hd_list ul li a .picbox span {
width: 100%;
height: auto;
float: left;
}
.hd_list ul li a .picbox i {
width:108px;
height: 30px;
position: absolute;
top: 14px;
right: -26px;
transform: rotate(45deg);
display: flex;
justify-content: center;
align-items: center;
/* 5. 文字样式 */
color: #ffffff; /* 白色文字 */
font-size: 14px; /* 文字大小 */
font-weight: 500; /* 文字加粗，更醒目 */

}

.hd_list ul li a .picbox i.ed {
background: #757575;
}
.hd_list ul li a .picbox i.ed:after{
content: '已结束';
font-size: 12px;
color: #ffffff;
font-style: normal;
letter-spacing: 2px;
}
.hd_list ul li a .picbox i.ing {
background: #EA4D1C;
}
.hd_list ul li a .picbox i.ing:after{
content: '进行中';
font-size: 12px;
color: #ffffff;
font-style: normal;
letter-spacing: 2px;
}
.hd_list ul li a .info {
width: 100%;
height: auto;
float: left;
padding: 10px 15px;
}
.hd_list ul li a .info h3 {
width: 100%;
height: auto;
float: left;
font-size: 16px;
line-height: 1.8;
margin-bottom: 6px;
color: #2C2C2C;
/* white-space: nowrap;text-overflow:ellipsis; overflow:hidden; */ 
display:block;
}
.hd_list ul li a .info span {
width: 100%;
height: auto;
float: left;
font-size: 14px;
list-style: 1.6;
    color: #757575;
}
.hd_list ul li:hover {
    border: 2px solid #EA4D1C;
}

.ntg_pages {
width: 100%;
height: auto;
float: left;
padding: 32px 0;
margin-bottom: 40px;
}
.ntg_pages ul {
width: 100%;
height: auto;
float: left;
}
.ntg_pages ul li {
margin: 0 14px;
float: left;
font-size: 20px;
color: #000000;
line-height: 29px;
}
.ntg_pages ul li .num {
width: 59px;
border: 0 none;
font-size: 20px;
color: #000000;
line-height: 29px;
border: 2px solid #E1E1E1;
text-align: center;
background: #F0F2F5;
margin: 0 10px;
}
.ntg_pages ul li a {
font-size: 20px;
color: #000000;
line-height: 29px;
float: left;
}
.ntg_pages ul li a:hover {
color: #EA4D1C;
}
.ntg_pages ul li.active a {
color: #EA4D1C;
}

.article {
width: 100%;
height: auto;
margin-top: 25px;
margin-bottom: 60px;
float: left;
}
.article h1 {
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 20px;
color: #000;
line-height: 1.6;
font-weight: normal;
}
.article .info {
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 14px;
color: #757575;
line-height: 1.6;
}
.article .content {
width: 100%;
height: auto;
float: left;
background: #FBFAFA;
border-radius: 12px;
border: 2px solid #F3F3F3;
padding: 30px;
margin-top: 30px;
}
.article .content p {
width: 100%;
height: auto;
float: left;
font-size: 16px;
color: #000000;
line-height: 20px;
margin-bottom: 20px;
}
.article .content p:last-child{margin-bottom:0;}
.article .content p img {
max-width: 100%;
}
.article .content video{
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/*960-1279*/
@media screen and (min-width: 960px) and (max-width: 1279px) {




}

/*768-959*/
@media screen and (min-width: 768px) and (max-width: 959px) {



}


/*480-767*/
@media only screen and (min-width: 480px) and (max-width: 767px){

.zy_sidebar{padding: 2% 0;}
.zy_sidebar ul li{width: 49%;margin-right: 2%;}
.zy_sidebar ul li:nth-child(2n){margin-right: 0;}
.zy_sidebar ul li a{display: block;width: 100%;text-align: center;}
.article .content video{width:100%;}

}

/*479*/
@media only screen and (max-width: 479px) {
.hd_list ul{grid-template-columns: repeat(1,1fr);}

.zy_sidebar{padding: 2% 0;}
.zy_sidebar ul li{width: 49%;margin-right: 2%;}
.zy_sidebar ul li:nth-child(2n){margin-right: 0;}
.zy_sidebar ul li a{display: block;width: 100%;text-align: center;}
.article .content video{width:100%;}





}