﻿@charset "utf-8";
a:hover{color: #d20707;}
.zn100-hsgmyz-list li,
.zn100-hsgmyz-list li.active a span,
.zn100-dsxxyjhd-list li a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.zn100-header{height: 696px; background: url(../2021images/zt_100zn_header.jpg) no-repeat center top;}
.zn100-banner img{display: none;}
.zn100-logo{position: absolute; top: 30px; left: 0;}
.zn100-header .container{position: relative;}
.zn100-logo img{width: 280px;}

/* 修改底部颜色 */
.footer{background: #ebb6b6;}
.footer-links .hd{background: #d11e22;}
.footer .box{background: rgb(232, 164, 164); background: rgba(210,7,7,0.1); -webkit-background: rgba(210,7,7,0.1); -o-background: rgba(210,7,7,0.1); }

.zn100-toutiao{position: relative; padding: 50px 0 30px;}
.zn100-toutiao h4{margin-bottom: 10px; padding: 0 68px; font-size:1.875em; text-align: center;}
.zn100-toutiao h4 a{color: #d20707;}
.zn100-toutiao p{color: #8e8e8e; line-height: 1.875; text-indent: 2em;}
.zn100-toutiao p a{color: #d20707;}

.zn100-tpnews{margin-bottom: 10px;}
.zn100-tpxw{float: left; width: 57%;}
.zn100-tpxw .owl-item img{height:420px;}
.zn100-newslist{float: left; width: 43%; height: 420px; background: #f6f6f6;}
.zn100-newslist li{border-bottom:#dedede 1px dashed;}
.zn100-newslist h4{position:relative; padding:28px 18px 28px 38px; font-size: 1.125em; font-weight: normal; line-height:27px; overflow:hidden; vertical-align:top;}
.zn100-newslist li .time{position:absolute; right:18px; top: 50%; margin-top: -13px; color:#999999;}
.zn100-newslist li a{float:left; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.zn100-newslist li a br{display: none;}
.zn100-newslist.yyyy-MM-dd li h4{padding-right:118px;}

.zn100-xwSlide{position: relative; margin-bottom: 70px;}
.zn100-xwSlide .item{padding:30px 0; background: #fff; box-shadow: 0 0 27px rgba(102, 102, 102, 0.14);}
.zn100-xwSlide .owl-stage-outer{padding: 25px 0; z-index: 2;}
.zn100-xwSlide:before, .zn100-xwSlide:after{content:''; width:80px; position: absolute; height: 207px; top: 25px; box-shadow: 0 0 20px rgba(102, 102, 102, 0.14);}
.zn100-xwSlide:before{left: 0;}
.zn100-xwSlide:after{right: 0;}
.zn100-xwSlide .item .box{position: relative; padding:0 30px;}
.zn100-xwSlide .item h4{margin-bottom: 15px; height: 72px; overflow: hidden; font-size: 1.25em; line-height: 36px; font-weight: normal;}
.zn100-xwSlide .item p{ height: 60px; overflow: hidden; color: #999999; line-height: 30px;}

.zn100-xwSlide .owl-dots{text-align: center;}
.zn100-xwSlide .owl-dots .owl-dot{display: inline-block;}
.zn100-xwSlide .owl-dots .owl-dot span{display: block;  width: 12px; height: 6px;  margin: 5px;  background: #a0a0a0;  transition: opacity .2s ease; border-radius: 5px;}
.zn100-xwSlide .owl-dots .owl-dot.active span{width: 24px; background: #e60012;}

.zn100-tit{padding:45px 0; background: url(../2021images/zt_100zn_title_bg.png) no-repeat center center;}
.zn100-tit img{display: block; margin: 0 auto;}

.zn100-fhyb{margin-bottom: 30px; background: #f6f6f6;}
.zn100-fhyb .zn100-tit{margin: 25px 0 0;}
.zn100-fhyb .cont{padding-bottom: 68px;}
.zn100-fhyb .pic{float: left; width: 65.5%;}
.zn100-fhyb .pic img{display: block; width: 100%; height: 496px;}
.zn100-fhyb-list{float: right; width: 34.5%; height: 496px; background: #b92732;}
.zn100-fhyb-list li + li{border-top: 1px solid #eacdcf;}
.zn100-fhyb-list li h4{padding:26px 0 6px; font-weight: normal; font-size: 1em;}
.zn100-fhyb-list li a{display: block; height:98px; padding: 0 18px 0 38px; color: #d89b9e;}
.zn100-fhyb-list li a:hover{color: #fff;}

.zn100-xxzd{margin-bottom: 30px;}
.zn100-xxzd-l{float: left; width:34.5%;}
.zn100-xxzd-l .box{margin-right: 2px;}
.zn100-xxzd-l .owl-carousel img{height: 310px;}

.zn100-xxzd-r{float: right; width: 65.5%;}
.zn100-xxzd ul{margin: 0 -1px; overflow: hidden;}
.zn100-xxzd ul li{float: left; width: 50%;}
.zn100-xxzd ul li a{display: block; margin: 0 1px 2px; overflow: hidden;}
.zn100-xxzd ul li img{display: block; width: 100%; height: 154px;}

.lsyml-list{overflow: hidden;}
.lsyml-list ul{overflow: hidden; margin:0 -18px;}
.lsyml-list li{float: left; width: 20%;}
.lsyml-list li a{display: block; height: 63px; margin: 0 18px 36px; line-height: 63px; font-size:1.375em; text-align: center; background: url(../2021images/zt_100zn_gmrw_border.png) no-repeat center center; background-size: 100% 100%;}
.lsyml-list .more{text-align: center;}
.lsyml-list .more a{font-size: 1.125em; }

.zn100-hsgmyz-list li{float: left; width: 13%;}
.zn100-hsgmyz-list li a{display: block; position: relative; overflow: hidden; background: #000;}
.zn100-hsgmyz-list li a img{display: block; height: 440px; max-width: none; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.zn100-hsgmyz-list li a h3{position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; font-size: 1.125em; font-weight: normal;}
.zn100-hsgmyz-list li a h3:before{content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.zn100-hsgmyz-list li a h3 span{display: inline-block; vertical-align: middle;}
.zn100-hsgmyz-list li + li a{margin-left: 1px;}
.zn100-hsgmyz-list li.active{width: 48%;}
.zn100-hsgmyz-list li.active img{width: 100%; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.zn100-hsgmyz-list li.active a h3{top: auto; bottom: 20px;}
.zn100-hsgmyz-list li.active a span br{display: none;}

.zn100-dsxxyjhd{margin-bottom: 100px;}
.zn100-dsxxyjhd-list{margin: 0 -20px;}
.zn100-dsxxyjhd-list li{float: left; width: 50%; margin-bottom: 10px;}
.zn100-dsxxyjhd-list li a{margin: 0 20px; display: block; padding:25px 20px; background: #fafafa;}
.zn100-dsxxyjhd-list li h4{margin: 0 0 5px; font-size: 1.25em; font-weight: normal; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.zn100-dsxxyjhd-list li .time{color: #989898;}
.zn100-dsxxyjhd-list li a:hover{background: #b92732; color: #fff;}
.zn100-dsxxyjhd-list li a:hover .time{ color: #e3b9bb;}



/**** responsive ****/
@media (max-width: 1440px){
  .lsyml-list ul{margin:0 -15px;}
  .lsyml-list li a{margin: 0 15px 30px;}
}

@media (max-width: 1260px) {
  .zn100-header .container{width: 100%;}
  .zn100-logo{position: static; padding: 10px 0; background: #d11e22;}
  .zn100-logo img{display:block; margin: 0 auto;}
  .zn100-header{height:auto; background: none;}
  .zn100-banner img{display: block; width: 100%;}
}


@media (max-width: 1023px){
  .zn100-tpxw, .zn100-newslist,
  .zn100-fhyb .pic, .zn100-fhyb-list{float: none; width: 100%;}
  .zn100-newslist, .zn100-fhyb .pic img{height:auto;}
  .zn100-newslist h4{padding:15px;}
  .lsyml-list li{width: 20%;}
  .zn100-hsgmyz-list{margin: 0 -10px;}
  .zn100-hsgmyz-list li{width: 50% !important;}
  .zn100-hsgmyz-list li a{margin: 0 10px 20px !important; background: none;}
  .zn100-hsgmyz-list li a img{height: auto; width: 100%; opacity: 1;}
  .zn100-hsgmyz-list li.active a h3{top: 0; bottom: 0;}
  .zn100-hsgmyz-list li a h3 span{text-shadow: 0 0 10px rgba(0,0,0,0.5);}
  .zn100-hsgmyz-list li a span br{display: none;}
  .zn100-fhyb-list li a{padding-left: 18px;}
}

@media (max-width: 992px){
  .zn100-dsxxyjhd-list li{width: 100%;}
}

@media (max-width:768px) {
  .zn100-toutiao h4{padding: 0;}
  .lsyml-list li{width: 33.33333%;}
  .lsyml-list ul{margin:0 -10px;}
  .lsyml-list li a{margin: 0 10px 20px;}
  .zn100-xxzd-l, .zn100-xxzd-r{float: none; width: 100%;}
  .zn100-xxzd-l{margin-bottom: 2px;}
  .zn100-xxzd-l a{margin-right: 0;}
  .zn100-xxzd-l a img{height: auto;}
  
  

}

@media (max-width: 640px){
  
}

@media (max-width: 480px){
  .lsyml-list li{width: 50%;}
  .zn100-dsxxyjhd{margin-bottom: 30px;}
}



@media (max-width: 414px){
  .zn100-hsgmyz-list li{width: 100% !important;}
  .zn100-hsgmyz-list li img{height: auto;}
  .zn100-dsxxyjhd-list li h4{white-space:normal;}
  .zn100-xxzd ul li{width: 100%;}
  .zn100-xxzd ul li img{height: auto;}
  
}

@media (max-width:375px){
  .zn100-tit{background: none;}
  
}
@media (max-width:370px){

}
