@charset 'UTF-8';

.data-content.mt-5 {

    margin-top: 0.5rem!important;

}

.data-content .mt-10 {

    margin-top: 1rem;

}

.data-content .p-12 {

    padding: 1.2rem;

}

.data-content .mt-12 {

    margin-top: 1.2rem;

}

.data-content .mt-14 {

    margin-top: 1.4rem;

}



.data-content .data-list1 {  

	height:15rem;

	border-radius: 10px;

	position:relative;

}

.data-content .data-list1::before {

    position:absolute;

	left:0;

	top:0;

    display:block;

    content:"";

	width:100%;

	height:15rem;

    background:url(../images/04aeedfcc53795b.jpg) center center no-repeat;

	background-size: cover;

	border-radius: 10px;

	z-index:90;

}

.data-content .data-list1 ul {

    position: relative;

    background:rgb(97,114,140,0.8);

	width:100%;

	height:100%;

	border-radius: 10px;

	z-index:100;

}

.data-content .data-list1 ul li{

    float:left;

	width:50%;

	padding: 0 1rem;

    text-align: center;

	display: flex;

    align-items: center;

	justify-content: center;
height: 100%;
}

.data-content .data-list1 ul li a {

    color: #fff;

}

.data-content .data-list1 ul li:first-child{

    height:100%;

}

.data-content .data-list1 ul li:not(:first-child){

    height:50%;

	border-left:5px solid #253c4e;

}

.data-content .data-list1 ul li:first-child+li,.data-list1 ul li:first-child+li+li{

	border-bottom:0px solid #253c4e;

}
.data-content .data-list1 ul li:first-child+li, .data-list1 ul li:first-child+li+li+li {
    border-bottom: 5px solid #253c4e;
}


.data-content .data-bg {

    background:#1c2f3e;

	border-radius: 10px;

}

.data-content .data-title {

	padding-bottom:0.5555rem;

	margin-bottom:0.5555rem;

	border-bottom:1px solid #253c4e;

}

.data-content .data-more a {

    display:inline-block;

	padding: 0.3rem 1.5rem;

	font-size:0.85rem;

	background:#345367;

	border-radius: 4px;

}



.data-content .data-list2 .data-list2-l ul li a {

    font-size:0.9rem;

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li {

    float:left;

	width:20%;

	height:12rem;

	background:#253c4e;

	display: flex;

    align-items: center;

	justify-content: center;

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:nth-of-type(1){

  background: url(../images/yaz.jpg) no-repeat center center;

 background-size: cover;  

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:nth-of-type(2){

 background: url(../images/feiz.jpg) no-repeat center center;

  background-size: cover; 

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:nth-of-type(3){

  background: url(../images/ouz.jpg) no-repeat center center;
background-size: cover;
   

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:nth-of-type(4){

  background: url(../images/meiz.jpg) no-repeat center center;

   background-size: cover;

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:nth-of-type(5){

  background: url(../images/dayangz.jpg) no-repeat center center;

   background-size: cover;

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li:not(:first-child){

	border-left:5px solid #1c2f3e;

}

.data-content .data-list2 .data-list2-r .data-list2-r1 ul li a {

    display:inline-block;

	width:1.2rem;

}



.data-content .data-list2 .data-list2-r .data-list2-r2 ul li img {

    width:100%;

}

.data-content .data-list2 .data-list2-r .data-list2-r2 ul li p {

    font-size:1rem;

    line-height: 2;

	margin-top:1rem;

}

.data-content .data-list2 .data-list2-r .data-list2-r2 .data-more {

    float:right;

}



.data-content .data-list3 ul li .pic-r {

	margin-top:1rem;

}

.data-content .data-list3 ul li .pic-r p {

    color: #fff;

}

.data-content .data-list3 ul li .pic-r .des {

    color: #dee0e2;

    font-size: .833rem;

    line-height: 1.5rem;

    padding: 0.777rem 0;

    font-weight: normal;

}

.data-content .data-list3 .data-more {

    float:right;

}



.data-content .data-list4 ul li {

    float: left;

    width: 33.33%;

    height: 10rem;

    background: #253c4e;

	margin-bottom:5px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.index-media-video-other-title{

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 1;

    width: 206px;

    font-family: NotoSansCJKsc-Regular;

    font-size: 14px;

    color: #FFF;

    line-height: 20px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.data-content .zzhybg {

    background: url(../images/zzhy.jpg) no-repeat center center;

    background-size: cover;

    overflow: hidden;

}

.data-content .data-list4 ul li a{position: relative;

    overflow: hidden;}

.data-content .data-list4 ul li:not(:first-child){

	border-left:5px solid #1c2f3e;

}

.data-content .data-list4 ul li:nth-child(4n){

	border-left:0px solid #1c2f3e;

}



@media (min-width: 280px) {

.data-content{

    padding-left: 0.5555rem;

    padding-right: 0.5555rem;

}
.data-content .data-list2 .data-list2-l ul li {
    float: left;
    width: 46%;
    margin-right: 12px;
}
.data-content .mt-14 {

    margin-top: 0.5rem;

}
.zzhybg .list-shadow{    width: 105%; }
.zzhybg .list-shadow li{

       margin-bottom: 1.5rem!important;

}
.zzhybg .list-shadow .pic-l {

    -float: left;

    width: 100%;

}
.zzhybg .list-shadow .pic-l img {
    width: 100%;
    -height: 8.4375rem;
}
.zzhybg .list-shadow .pic-r {

  

}
.zzhybg .list-shadow  .pic-r a {
    color: #fff;
}
.zzhybg .list-shadow .pic-r .des {
    display: none;
}


.zzhybg .list-shadow   .pic-r p {font-size: 0.777rem;
    color: #fff;text-align: center;
}
.data-content .data-content-list {

    padding: 0.5rem;

	border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

	background: #253c4e;

}



.data-content .data-list2 .data-list2-l {

    float: left;

    width: 100%;

}

.data-content .data-list2 .data-list2-r {

    float: left;

    width: 100%;

	margin-top: 0.5rem;

}



.data-content .data-list3 ul li .pic-l {

    width: 100%;

}

.data-content .data-list3 ul li .pic-l img {

    width: 100%;

}
.data-content .data-list2 .data-list2-l ul li img {

    width: 100%;

}


}

@media (min-width: 768px) {

.data-content{

    padding-left: 0px;

    padding-right: 0px;

}

.data-content .data-list2 .data-list2-l ul li {

    float: left;

    width: 48%;

}

.zzhybg .list-shadow li{

        border-radius: 10px;padding: 20px;

    background-color: #163854;    margin-bottom: 1.85rem!important;

}
.zzhybg .list-shadow .pic-l {

    float: left;

    width: 12.5rem;

}
.zzhybg .list-shadow .pic-l img {
    width: 12.5rem;
    height: 8.4375rem;
}
.zzhybg .list-shadow .pic-r {

  padding-left: 13.5rem;

}
.zzhybg .list-shadow  .pic-r a {
    color: #fff;
}
.zzhybg .list-shadow .pic-r .des {
    display: block;
}
.zzhybg .list-shadow  .pic-r .des {
    color: #dee0e2;
    font-size: .833rem;
    line-height: 1.5rem;
    padding: 0.777rem 0;
    font-weight: normal;
}
.zzhybg .list-shadow  .pic-r p.time span a {
    font-size: 0.777rem;
}
.zzhybg .list-shadow   .pic-r p {font-size: 0.777rem;
    color: #fff;
}
.data-content .data-list3 ul li .pic-l {

    float: left;

    width: 12.5rem;

}

.data-content .data-list3 ul li .pic-l img {

    width: 12.5rem;

    height: 8.4375rem;

}
.data-content .data-list2 .data-list2-l ul li img {
    -width: 70%;
}
.data-content .data-list3 ul li .pic-r {

    padding-left: 13.5rem;

	margin-top:0rem;

}

}

@media (min-width: 992px) {

.data-content .data-list2 .data-list2-r .data-list2-r2 ul li {

    position:relative;

	min-height:19.55rem;

	overflow:hidden;

}

.data-content .data-list2 .data-list2-r .data-list2-r2 ul li p {

    position:absolute;

	left: 2%;

    bottom: 5px;

    width: 96%;

	margin-top:0rem;

}

.data-content .data-list4 ul li {

    width: 20%;

	margin-bottom: 0px;

}

.data-content .data-list4 ul li:nth-child(4n){

	border-left:5px solid #1c2f3e;

}

}

@media (min-width: 1900px) {

.data-content.mt-5 {

    margin-top: 1rem!important;

}

.data-content .mt-14 {

    margin-top: 1.4rem;

}

.data-content .data-content-list {

    padding: 1.4777775rem;

}

.data-content .data-list2 .data-list2-l {

    float:left;

	width:40%;

}

.data-content .data-list2 .data-list2-l ul li {

    width: 96%;

}

.data-content .data-list2 .data-list2-r {

    float:right;

	width:59%;

	margin-top: 0rem;

}



}