@charset "utf-8";
/* CSS Document */
.w_1400{max-width:1400px; margin:0 auto;}


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

.dqwz{ height:40px; line-height:40px; padding:30px 0;}
.dqwz-left{ float:left;}


.hyzx-list{ min-height: 300px;}
.hyzx-list>ul{width:calc(100% + 40px); margin:24px auto 0px -40px; }
.hyzx-list>ul>li{ float:left;width:calc(100% / 3 - 40px); margin:0 0 42px 40px; box-sizing: border-box; background: linear-gradient( 225deg, #FFFFFF 0%, #E6F1FF 100%); border-radius:24px; border:2px solid #fff;padding:30px 36px 28px;}

.hyzx-litop{ height:216px;}

.hyzx-title{ line-height:30px; font-weight:bold; font-size:18px; margin-bottom:12px;}

.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{ float:left;  font-size:14px; line-height:26px;}
.hyzx-more a{color:#045FB3;}

.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; }

.hyzx-list>ul>i:hover{ box-shadow: 0px 6px 12px 1px rgba(41,73,103,0.3);background: #FFFFFF;}
.hyzx-list>ul>li:hover .hyzx-title a,.hyzx-list>ul>li:hover.hyzx-title a:hover{ color:#0F75C1;}


.xwzx-title{position:relative; height:80px; margin-bottom:40px; padding-top:98px;}
.xwzx-title span{ float:left;font-size:50px; font-weight:bold;}
.xwzx-title span::after{position:absolute; content:''; width:200px; height:9px; left:0; bottom:-9px;background:linear-gradient(to right, #013b90 0%, #38ae94 100%); border-radius:5px;}

.xwzx-list ul{ width:calc(100% + 40px); margin-left:-40px;}
.xwzx-list li{ background:url(/cms/templates/30666352715530000/images/xwzx-listbg1.jpg) no-repeat left bottom #fff; background-size:cover; float:left; width:calc(100% / 2 - 42px); margin:0 0 46px 40px; border:1px solid #f6f9fc;}
.xwzx-hovebg{ padding:36px; background:url(/cms/templates/30666352715530000/images/xwzx-listbg2.png) no-repeat right bottom;background-size:contain;}
.xwzx-img{ float:right; width:25%; margin-left:12px;}
.xwzx-img img{ width:100%; height:auto;}

.xwzx-bt{ font-size:28px; line-height:50px; font-weight:bold; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.xwzx-time{ font-size:15px; line-height:28px; color:#50525a;}
.xwzx-con{ line-height:28px;height:56px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin:18px 0 20px 0;}
.xwzx-con img{ display:none;}
.xwzx-ckxq a{color:#0056ce; }

.xwzx-list li:hover{ background:linear-gradient(to right, #084e9d 0%, #36ab96 100%); position:relative;}
.xwzx-list li:hover .xwzx-hovebg{ background:url(/cms/templates/30666352715530000/images/xwzx-bg.png) no-repeat right bottom;background-size:contain;}
.xwzx-list li:hover .xwzx-bt,.xwzx-list li:hover .xwzx-bt a,.xwzx-list li:hover .xwzx-time,.xwzx-list li:hover .xwzx-con,.xwzx-list li:hover .xwzx-ckxq a{ color:#fff;}


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


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

	
}

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

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

.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;}

.xwzx-list li{width:calc(100% - 40px)}
.xwzx-hovebg{ padding-bottom:20px;}
.xwzx-img,.xwzx-ckxq{ display:none;}


}

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

.dqwz{ height:auto; line-height:20px;}
.dqwz-right{ display:none;}

.xwzx-list li{ margin-bottom:30px;}
.xwzx-img img{ height:32vw;}

.xwzx-bt,.xczj-list .xwzx-bt{font-size: 26px;}

.xczj-list .xwzx-time{ margin-top:15px;}
.xczj-list .xwzx-hovebg{ padding-bottom:40px;}
	
}

@media screen and (max-width:500px) {
.xwzx-list li{ margin-bottom:26px;}
.xwzx-hovebg{ padding:20px 30px;}
.xwzx-bt,.xczj-list .xwzx-bt{ font-size:22px;}
.xwzx-con{ margin:10px 0;}

}

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

.hyzx-list,.cyhz-list,.spbb-list{margin-top:24px;}

.hyzx-title{ font-size:20px;}

	
	
}