.navjz ul li{
transition: all 0.5s;}
.navjz ul li a{
     display: block;
    overflow: hidden;
    padding: 35px 20px;
    border-top: 1px dashed #e4e4e4;}
 .text-list-data{
     width: 80px;
    float: left;
    margin-right: 30px;
    padding-top: 35px;
    text-align: right;}
 .text-list-data h4 {
font-size: 28px;
font-weight: normal;
line-height: 32px;
color: #105192;}

.text-list-data div {
float: right;
width: 18px;
height: 3px;
background-color: #105192;
margin-top: 5px;
margin-bottom: 5px;}

.text-list-data p {
clear: both;
font-size: 16px;
color: #105192;}

.text-list-data span {
display: block;
height: 10px;
background: url(/images/text-list.png) no-repeat;
background-position: right center;
margin-top: 20px;}

.text-list-pics {
float: left;
width: 330px;
margin-right: 30px;}

.text-list-pics .pic {
padding-top: 60%;
position: relative;}
.text-list-pics .pic img{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    position: absolute;}

.text-list-info {
padding-top: 35px;
overflow: hidden;}

.text-list-info h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: normal;
line-height: 32px;
color: #333333;}

.text-list-info p {
font-size: 15px;
font-weight: normal;
line-height: 28px;
height:60px;
overflow: hidden;
color: #333333;
opacity: 0.8;
margin-top: 15px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}


.navjz ul li:hover {
border-color: transparent;
background:#e9f1f5;
box-shadow: 0px 13px 51px 0px rgba(0, 0, 0, 0.26);
border-radius: 50px 0px 50px 0px;}

.navjz ul li:hover+li a {
border-color: transparent;}

.navjz ul li:hover a {

background-position: right center;
border-color: transparent;}

.navjz ul li a:hover .text-list-data h4 {
font-weight: 600;}

.navjz ul li a:hover .text-list-info h3 {
font-weight: 600;
color: #165aa1;}

.navjz ul li a:hover .text-list-info p {
color: #165aa1;}


.text_page .text-list-data {
padding-top: 0%;}

.text_page .text-list-info {
padding-top: 0%;}

.text_page .text-list ul li a {
padding:25px 20px;}
@media screen and (max-width:768px) {
.navjz ul li a {
padding: 15px;}

.text-list-data {
float: none;
width: auto;
overflow: hidden;
margin-right: 0;
padding-top: 0;}
.text-list-info .list_time {
        height: 25px;
        display: block !important;}
.text-list-data h4 {
font-size: 24px;}

.text-list-data p {
font-size: 14px;}

.text-list-data span {

display: block;
width: auto;
margin-top: 10px;
margin-bottom: 10px;}

.text-list-pics {
float: none;
width: auto;
margin-right: 0;}

.text-list-info {
padding-top: 10px;
margin-right: 10px;}

.text-list-info p {
margin-top: 10px;
height: auto;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.text_page .text-list ul li a {
padding: 15px;}

}