@charset "utf-8";
/* CSS Document */

.middle{ background:url(/cms/templates/30697611310560000/images/pc-mbg1.png) no-repeat center top #e0eeff;background-size:cover;}
.midbg{background:url(/cms/templates/30697611310560000/images/pc-mbg2.png) no-repeat center bottom;background-size:cover; padding-bottom:50px;}

.dqwz{ font-size:14px; line-height:24px; padding:15px 0;}


.hyzx-list{ min-height: 200px;}
.hyzx-list>ul{width:calc(100% + 40px); margin:24px auto 0px -40px; }
.hyzx-list>ul>li{ float:left;width:calc(100% - 40px); margin:0 0 42px 40px; box-sizing: border-box; background:url(/cms/templates/30697611310560000/images/bg.png) no-repeat center center;background-size:cover;  border-radius:24px; border:2px solid #fff;padding:30px;
display:flex; flex-wrap: wrap;
}
.hyzx-list>ul>li:hover{ color:#FFF;
background: linear-gradient(to right, #0661cf 0%, #e00673 100%);
}
.hyzx-list>ul>li:hover a{ color:#FFF; }

.hyzx-list>ul>li>span{ width:30%; margin-right:30px; }
.hyzx-list>ul>li img{ width:100%; height:auto; min-height:220px; }
.hyzx-list>ul>li>div{ flex-grow:1; display: flex;
    flex-wrap: wrap; }
.hyzx-litop{width:100%;}
.hyzx-bottom{width:100%; align-self: flex-end; }

@media screen and (max-width:1000px) {
.hyzx-list>ul>li>span{ width:100%; margin-right:0%; margin-bottom:2vw; }
}

.hyzx-title{ line-height:40px; font-weight:bold; font-size:28px; margin-bottom:5px;}
.hyzx-title2{ font-size:18px; line-height:30px; }

.hyzx-con{ line-height:30px;text-indent:2em;display:-webkit-box;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical;  }

.hyzx-more{ font-size:16px; line-height:26px; padding-left:22px; background:url(/cms/templates/30697611310560000/images/icon1.png) no-repeat left center; 
background-size:16px auto; }
.hyzx-more2{ background:url(/cms/templates/30697611310560000/images/icon2.png) no-repeat left center; 
background-size:16px auto; }
.hyzx-list>ul>li:hover .hyzx-more{background:url(/cms/templates/30697611310560000/images/icon1h.png) no-repeat left center; 
background-size:16px auto; }
.hyzx-list>ul>li:hover .hyzx-more2{background:url(/cms/templates/30697611310560000/images/icon2h.png) no-repeat left center; 
background-size:16px auto; }


.hyzx-time{ float:right;}
.time-right{ float:right; width:40px; text-align:right; line-height:16px; font-family: Arial;}
.yf{ font-size:20px; color:#045FB3;}
.nf{ font-size:14px;}

.time-left{ float:right; border-right:1px solid #CDCDCD; line-height:36px; color:#045FB3; padding-right:8px; margin: -3px 0 0 0; font-size: 42px; }





/* =================@media================== */
@media screen and (max-width:1350px) {
	
}


@media screen and (max-width:1200px) {

	
}

@media screen and (max-width:1000px) {

.midbg{ padding:0 20px 25px;}

.hyzx-list{ margin-top:10px;}
.hyzx-list>ul>li{ float:none; width:calc(100% - 40px); margin-bottom:24px;}

.hyzx-litop{ height:auto; padding-bottom:26px; }

	
}

@media screen and (max-width:700px) {

.hyzx-list>ul>li{padding:20px;}
.hyzx-title{ line-height:30px; font-weight:bold; font-size:20px; margin-bottom:5px;}
.hyzx-title2{ font-size:16px; line-height:24px; }


.hyzx-more{ font-size:14px; line-height:24px;}

	
}

@media screen and (max-width:500px) {}

@media screen and (max-width:375px) {

 

	
	
}