@charset "utf-8";
body{font-size: 18px; background: #e3f8fb;font-family: "微软雅黑";}
.banner{background: url(../images/yphcjczt202401.jpg) no-repeat center top;height:513px;overflow: hidden;}
.hr_60{height: 50px;}
.mianCloum{width: 1200px;}
.mobImg{display: none;}
.contBox{background: url(../images/yphcjczt202402.jpg) no-repeat center top; overflow: hidden;}
.img img{width: 360px;height: 270px; display: block;}
.pic-list  ul li{ width:360px; margin: 0 15px 20px 15px; float: left; }
.pic-list{background: #fff; border-radius: 10px; overflow: hidden;padding:50px 15px;}
.imgtit{line-height:30px;height:30px;overflow: hidden; font-size: 18px;font-weight: bold;padding-top: 10px;}
.imgtit a{color: #333;}
.imgSum{line-height: 24px;height: 48px;overflow: hidden; color: #999;margin-top:10px; font-size: 16px;;}
.imgSum a{color: #999;}
.showMorehandle,.showoverhandle{background: #5187e3;width: 150px;height: 50px; line-height: 50px;text-align: center;clear: both;overflow: hidden; color: #fff;font-size: 20px; cursor: pointer;}
.showMorehandle a,.showoverhandle a{color: #fff;}
.imgtit a:hover,.imgSum a:hover{color: #900;}
.showoverhandle{background: #5187e3;width: 150px;height: 50px; line-height: 50px;text-align: center;clear: both;overflow: hidden; color: #fff;font-size: 20px; cursor: pointer;}
.showoverhandle a{color: #fff;}
.mob-top{display: none;}
@media (max-width: 768px){
    .mianCloum{width:96%;}
   .mobImg img{display: block;width: 100%; height: auto;} 
   .mobImg{display: block;}   
.topfram,.banner{display: none;}
.contBox{background-size: contain;}
.pic-list{padding:30px 0;}
.pic-list ul li{width:94% ; padding: 0 3%;margin: 0 0 20px 0;}
.img img{width: 100%; height: auto;}
.mob-top{display: block;}
}