.pageBox ul{ margin:0 0; padding:0 2vw}
.pageBox ul li{ width:100%; margin:0 0 4vh 0; padding:0 0 4vh 0;  overflow:hidden;border-bottom:#aaa solid 1px; transition: all .3s;}
.pageBox ul li:hover{ border-bottom:#c7151c solid 1px; transition: all .3s;}

.pageBox ul li a{}
.pageBox ul li .picCon{ float:left;width:40%; margin-right:4vw; border-radius:5px; overflow:hidden;}
.pageBox ul li .conBox { display: flex;align-items: center;}
.pageBox ul li .noImg .picCon{ display:none;}
.pageBox ul li .picCon img{ width:100%; height:auto; }
.pageBox ul li .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.pageBox ul li:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.pageBox ul li .liBox{ float:left;width:60%; }
.pageBox ul li .noImg .liBox{ float:none;width:100%;}

.pageBox ul li .title h5 { letter-spacing:0; font-weight:500; padding:0; margin:1.5vh 0;font-size:1.4vw; line-height:160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageBox ul li:hover .title h5{ text-decoration:underline}
.pageBox ul li .title p{ color: #686868 ;text-align:left; font-weight:500;line-height:150%;font-family:Arial, Helvetica, sans-serif}
.pageBox ul li .title{  width:100%;  padding:0 0; text-align:left;}
.pageBox ul li .title span{font-size:1.0vw; padding:0 .5vw 0 0;}
.pageBox ul li .text{text-align:left;}
.pageBox ul li .text p {color: #686868 ; line-height:180%; overflow: hidden; text-overflow: ellipsis; display:-webkit-box;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
@media (min-width: 769px) and (max-width: 1520px){

.pageBox ul.newList li .newsBox .txt h3{font-size:16px;line-height:160%; }


}
@media (max-width:768px) {
	

.pageBox ul{ margin:0 0;}
.pageBox ul li{ width:100%; margin:0 0 4vh 0; padding:0 0 4vh 0;  overflow:hidden;border-bottom:#aaa solid 1px; transition: all .3s;}
.pageBox ul li:hover{ border-bottom:#c7151c solid 1px; transition: all .3s;}

.pageBox ul li a{display:block;align-items: left;}
.pageBox ul li .picCon{ float:left;width:40%; margin-right:10px; border-radius:0; overflow:hidden;}

.pageBox ul li .picCon img{ width:100%; height:auto; }
.pageBox ul li .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.pageBox ul li:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.pageBox ul li .liBox{ float:left;width:70%;padding:0 0 0 15px; text-align:left; }
.pageBox ul li .title h5 { text-align:left;font-weight:500;letter-spacing:0; margin:0 0;margin-bottom:3px; line-height:160%;font-size:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.pageBox ul li .title p{ color: #686868 ;text-align:left; font-weight:500;line-height:150%;font-family:Arial, Helvetica, sans-serif}

.pageBox ul li .title{  width:100%;  padding:0 0; text-align:left;}
.pageBox ul li .title .line{ display:none; width:100%; height:1px; background:#c7151c; margin:10px 0;}
.pageBox ul li .myCon{ display:none;}
.pageBox ul li .text{display:none;text-align:left; display:none;}
.pageBox ul li .text p {color: #686868 ; line-height:180%; }
	}