.znews { display: flex; flex-direction: row; padding: 70px 0px 40px; }
.znews .znav { width: 28%; }
.znews .znav h2 { font-weight: bold; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; }
.znews .znav ul li { border-bottom: 1px solid #e6e6e6; padding-bottom: 0px; margin-bottom: 15px; }
.znews .znav ul li h3 { font-size: 18px; position: relative; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; height: 40px; line-height: 40px; }
.znews .znav ul li h3:before { content: ''; background: #a48272; width: 2px; height: 15px; top: 50%; margin-top: -8px; position: absolute; left: 0px; }
.znews .znav ul li h3 span { color: #666; font-size: 16px; }
.znews .znav ul li h3 .link { color: #333; display: inline-block; }
.znews .znav ul li h3 .link.active { color: #a48272; }
.znews .znav ul li h3 .link:hover { color: #a48272; }
.znews .znav ul li h3 .icon { position: absolute; right: 0px; width: 40px; height: 40px; background:url('../images/nicon1.png') no-repeat center right; cursor: pointer; top: 0px; }
.znews .znav ul li.active h3 .icon { background:url('../images/nicon1_m.png') no-repeat center right; cursor: pointer; top: 0px; } 

.znews .znav ul li .item { display: none; }
.znews .znav ul li dl { margin-bottom: 20px; }
.znews .znav ul li dl dt { font-size: 16px; font-weight: normal; padding-left: 20px; margin-top: 5px; position: relative; }
.znews .znav ul li dl dt:before { content: ''; background: #a48272; width: 4px; height: 4px; position: absolute; top: 50%; margin-top: -2px; left: 8px; border-radius: 50%;  }
.znews .znav ul li dl dt span { color: #666; font-size: 16px; }
.znews .znav ul li dl dd { padding-left: 35px; margin-top: 12px; }
.znews .znav ul li dl dd a { font-size: 16px; display: block; margin-top: 8px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.znews .znav ul li dl dd a:hover { color: #a48272; }


.znews .zlist { width: 72%; padding-left: 10%; } 
.znews .zlist .link { display: block; }
.znews .zlist .link .img { overflow: hidden; }
.znews .zlist .link .img img { max-width: 100%; max-height: 100%; transition: all 0.6s; -webkit-transition: all 0.6s; transform: scale(1, 1); -webkit-transform: scale(1, 1); }
.znews .zlist ul li { margin-bottom: 50px; }
.znews .zlist ul li .text h3 { font-size: 24px; color: #333333; margin-top: 20px; font-weight: bold; }
.znews .zlist ul li .text strong { font-size: 14px; color: #8b604c; font-weight: normal; }
.znews .zlist ul li .text p { font-size: 14px; color: #666; margin-top: 10px; line-height: 22px; }
.znews .zlist ul li .text h6 { margin-top: 20px; }

.znews .zlist .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);  }
.znews .zlist .link:hover .text h3 { color: #8b604c; }


@media (max-width: 768px) { 

.znews { display: block; padding: 30px 0px 0px; }
.znews .znav { margin-bottom: 20px; }
.znews .znav ul li dl { display: none; }
.znews .znav ul li h3 span { display: none; }
.znews .znav ul li h3 .link { display: block; }
.znews .znav ul li h3 .icon { display: none; }
.znews .znav ul li { border-bottom: none; margin-bottom: 0px; display: inline-block; vertical-align: top; margin-right: 18px; }
.znews .znav { width: 100%; }
.znews .zlist { width: 100%; padding-left: 0px; }
.znews .zlist ul li .text h3 { font-size: 18px; }
.znews .znav h2 { font-size: 24px; }


}