@charset "utf-8";
/* CSS Document */
.zt_body{background: #fff;}
.wza-on .site_logo{  padding-top:47px;}
.esd_header{position: relative; padding-top: 95px; height: 350px; background: url("../images_esd/banbg.jpg") bottom center no-repeat !important;}
.esd_header .img_title{display: none;}
.esd_banner{position: relative; padding: 111px 0 0;}
.site_logo{ text-align: center; position: absolute; top: 52px; left: 0; right: 0;}
.site_logo img{ width:auto; height: 56px;}
.ban-img{padding-top:34px;text-align:center;}
.ban-img img{ max-width: 100%; height: auto;}
.guidang{position:absolute;right: 0;top:0; z-index:99;}
.xyesd_header{ background: url("../images_esd/xq20d_banbg.jpg") bottom center no-repeat !important;}
.xyesd_header .esd_banner{ padding-top: 81px;}
.xyesd_header .ban-img{ padding-top: 0;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
     .guidang{width: 240px;height: 240px;background-size: 100%;}
    .esd_banner{ height: 350px;}
    .ban-img{height:auto;}
    .ban-img img{ max-width: 96%; height: auto;}
}
@media only screen and (max-width: 991px) {
     .guidang{width: 200px;height: 200px;background-size: 100%;}
    .zt_ban{ height: 350px;}
    .ban-img img{ max-width: 96%;}
}
@media only screen and (max-width: 767px) {
     .guidang{width: 180px;height: 180px;}
    .esd_banner{height: auto; padding-bottom: 20px;}
    .yqfk_logo{ height:auto;padding-top:20px;}
    .yqfk_logo img{ height:auto;}
    .ban-img{height:auto;padding:20px 0;}
    .xyesd_header .esd_banner{padding-top: 30px;}
}
/*导语*/
.esdfc-daoyu{ margin: 30px 0 0; background: #fff9f3; border: 1px #fcdda2 solid; padding: 24px 35px; line-height: 2.375; font-size: 16px; text-align: justify;}

/*焦点图*/
.poster_flash{ height: 598px; margin: 32px 69px 20px;position: relative;}
.poster-main{position:relative; height: 598px; z-index: 0;overflow: hidden;}
.poster-main a,.poster-main img{display:block;width:100%;height:100%;}
.poster-main .poster-list{width:100%;height:598px;}
.poster-main .poster-list li{width: 897px;height: 598px;position:absolute;left:0;top:0; z-index: 1;}
.poster-main .poster-list li .title{text-align:center; line-height:52px; padding: 30px 0 0; display:block; position:absolute; left:0; right: 0; bottom:0; height:52px; background:url(../images_esd/flibg.png) repeat; font-size:0; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.poster-main .poster-list li.roundabout-in-focus .title{ font-size:18px; }
.poster_flash .poster-btn{position:absolute; top:50%; margin-top: -42px; cursor:pointer; display: block; background: url(../images_esd/esd_prve.png) 0 center no-repeat; width: 52px; height: 85px; z-index: 100;}
.poster_flash .poster-prev-btn{left:-73px;}
.poster_flash .poster-prev-btn:hover{ background-position: -52px center;}
.poster_flash .poster-next-btn{right:-73px; background-position: -104px center;}
.poster_flash .poster-next-btn:hover{background-position: -156px center;}

.flash{height:400px; overflow: hidden;}
.ls-flashsjd{ width: 100%; height: 100%; position:relative; }
.ls-flashsjd .flash-pic,.ls-flashsjd .flash-pic ul,.ls-flashsjd .flash-pic li,.ls-flashsjd .flash-pic img,.ls-flashsjd .flash-pic a{height:100%; width: 100%; }
.ls-flashsjd .flash-pic{ position:relative; z-index:0;}
.ls-flashsjd .flash-pic li{ zoom:1; vertical-align:middle;}
.ls-flashsjd .flash-pic a{display:block; color: #fff; position: relative;}
.ls-flashsjd .flash-pic img{display:block;}
.ls-flashsjd .flash-pic .title{display: block; height: 40px; line-height: 40px; padding: 0 120px 0 15px; font-size: 16px;      background: rgba(0, 0, 0, 0.5);  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ls-flashsjd .flash-pic a:hover .title{color: #fff;}
.ls-flashsjd .flash-num{ height:10px; overflow:hidden; position:absolute; right:7px; bottom:15px; z-index:1; }
.ls-flashsjd .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.ls-flashsjd .flash-num ul li{ float:left; margin-right:8px; width:8px; height:8px; text-indent: -20em; font-size: 0;  background:none ;border:1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%; overflow: hidden; cursor: pointer;}
.ls-flashsjd .flash-num ul li.on{ background:#fff; }
/*列表*/
.esdfc-piclist{ padding: 0 0 29px;}
.esdfc-piclist li{ clear: both; border-bottom: 1px #cccbcb dotted; padding: 20px 0;}
.esdfc-piclist li .img{display: block; width: 268px; height: 165px; float: left;}
.esdfc-piclist li .img img{width: 100%; height: 100%;}
.esdfc-piclist li .info{ margin-left: 268px; padding:0 29px; background: #fbfbfb; height: 165px;}
.esdfc-piclist li .title{ height: 34px; line-height: 34px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: bold; padding: 27px 0 12px;}
.esdfc-piclist li .note{ text-indent: 2em;  font-size: 16px; line-height: 1.75; color: #666; text-align: justify; text-justify: inter-ideograph;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; height: 56px; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.esdfc-piclist li .note a{color: #d60202; display: none;}
.esdfc-piclist li .note a:hover{color: red;}
/*分页/翻页*/
.pagination a:hover{background:#d10000;border:1px solid #d10000;}
.pagination a.active{border:1px solid #d10000;}
.pagination span.current,.pagination span.current:hover{background:#d10000;border:1px solid #d10000;}
.pagination a.text,.pagination a.text:hover{background:#d10000;border:#d10000 1px solid;}
.pagination button:hover{background:#d10000;border:1px solid #d10000;}
/*分页/翻页end*/
.ls-footer{ border-color: #d10000;}

/*喜迎20大*/
.poster_flashxy{ margin: 30px 0 13px;}
.esdfc-newslist ul{ padding: 0 0 30px;}
.esdfc-newslist li{ padding: 15px 0 12px;}
.esdfc-newslist li .dateBox{float: left; width: 89px; border: 1px #e8e8e8 solid; text-align: center; line-height: 0; padding: 5px 0 0;}
.esdfc-newslist li .dateBox span{display: block; vertical-align: middle;}
.esdfc-newslist li .dateBox .day{ margin: 0 10px; height: 36px; line-height: 36px; border-bottom: 1px #e8e8e8 solid; font-size: 22px; color: #d11a02;}
.esdfc-newslist li .dateBox .date{ height: 40px; line-height: 40px; color: #999; font-size: 17px;}
.esdfc-newslist li .info{ margin-left: 110px !important; background: none; height: 87px !important; padding:0 !important;}
.esdfc-newslist li .title{ height: 26px; line-height: 26px; padding:0 !important;}
.esdfc-newslist li .note{ text-indent:0;  font-size: 16px;  -webkit-line-clamp: 2; line-clamp: 2; height: 56px;}

@media (min-width: 992px) and (max-width: 1199px) {
    .poster_flash,.poster-main,.poster-main .poster-list{ height: 529px;}
    .poster-main .poster-list li{width: 794px !important;height: 529px;}
    .poster_flash .poster-prev-btn{left:0;}
    .poster_flash .poster-next-btn{right:0;}
}
@media (max-width: 991px) {
    .esd-header{height: 300px; background-size: auto 100%;}
    .flash{ height: 512px !important; margin: 15px 0;}

}
@media (max-width: 767px) {
    .zt_logo{padding: 5px 0 0 5px;}
    .flash{ height: 380px !important; margin: 10px 0;}
    .esd_header{padding-top: 0; height: auto; background-size: auto 100%;}
    .esd_banner{padding:40px 0 20px;}
    .site_logo{position: static; padding-bottom: 10px;}
    .contain{padding: 0 10px; width: auto;}
    .esdfc-piclist{ padding: 0 0 10px;}
    .esdfc-daoyu{margin-top: 10px; padding: 4px 15px;}
    .esdfc-piclist li{padding: 15px 0;}
    .esdfc-piclist li .img{float: none; margin: 0 auto 10px;max-width: 90%; height: auto !important;}
    .esdfc-piclist li .img img{height: auto;}
    .esdfc-piclist li .info{margin-left: 0; padding: 0 15px;height: auto !important; padding-bottom: 20px;}
    .esdfc-piclist li .title{padding: 16px 0 10px;}
    .esdfc-newslist li .info{margin-left: 100px !important;}
}
@media (max-width: 619px) {
    .flash{ height: 290px !important;}
}
@media (max-width: 479px) {
    .flash{ height: 270px !important;}
}
@media (max-width: 424px) {
    .flash{ height: 263px !important;}
}
@media (max-width: 375px) {
    .flash{ height: 237px !important;}
}
@media (max-width: 320px) {
    .flash{ height: 200px !important;}
}