@charset "utf-8";

.body-bg{background: #f5faff;}

.topic-header{background: url(../images/zldstw/header_bg.png) no-repeat center top; background-size: cover;}
.topic-header .logo{padding: 4% 0 2%; width: 27%; min-width: 168px;}
.topic-header .banner{padding: 7% 12% 10%;}

.topic-thead{text-align: center;}
.topic-thead .currentname{display: inline-block;}
.topic-thead .currentname img{width: 55%;}
@media (max-width:640px) {
  .topic-thead .currentname img{width: 85%;}	
}

.zcwj{background: url(../images/zldstw/zcwj_layer_bg.png) no-repeat right top; background-size: 50% auto; min-height: 200px;}
.zcwj .infolist{margin: -20px -10px 0;}
.zcwj .infolist li{padding: 0;}
.zcwj .infolist li .itm{position: relative; padding: 1em 22% 1em 5%; margin: 20px 10px 0; background-color: #fff; border-left: 5px solid #4283fc;}
.zcwj .infolist li .itm .time{right: 5%;}
@media (max-width:992px) {
  .zcwj .infolist{margin: -15px -7px 0 -8px;}
  .zcwj .infolist li .itm{margin: 15px 7px 0 8px; padding-right: 25%;}
  .zcwj .infolist li .itm a{white-space: normal;}	
}
@media (max-width:450px) {
  .zcwj .infolist li .itm{padding-right: 5%;}
  .zcwj .infolist li .itm a{float: none;}
  .zcwj .infolist li .itm .time{position: static; display: block; margin-top: .3125em;}	
}

.jyxc{background: url(../images/zldstw/jyxc_layer_bg.png) no-repeat left top; background-size: 50% auto; min-height: 200px;}
.jyxc .row{position: relative;}
.jyxc .row .col-xs-7{width: 58.33333333%;}
.jyxc .row .col-xs-5{position: absolute; top: 0; bottom: 0; right: 0; width: 41.66666667%;}

.jyxc .row .col-xs-5 .table{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.jyxc .row .col-xs-5 .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.jyxc .row .col-xs-5 .theme{padding: 10% 15% 22%; background: url(../images/zldstw/jyxc_bd_bg.png) no-repeat; background-size: 100% 100%;}
.jyxc .row .col-xs-5 .theme .arrow{text-align: right;}
.jyxc .row .col-xs-5 .theme .caption{padding: 8% 0;}
.jyxc .row .col-xs-5 .theme .caption a{display: inline-block; font-size: 1.5em; color: #fff; line-height: 1.5em; text-shadow: 0 2px 4px rgba(57, 92, 186, 1);}
.jyxc .row .col-xs-5 .theme .liuyan{text-align: center;}
.jyxc .row .col-xs-5 .theme .liuyan a{font-size: 1.375em; color: #fff;}
@media (max-width:992px) {
  .jyxc .row .col-xs-7{width: 45%; padding-top: 6%;}	
  .jyxc .row .col-xs-5{position: static;width: 55%;}	
  .jyxc .row .col-xs-5 .table{display: block;}
  .jyxc .row .col-xs-5 .table .inline{display: block;}
  .jyxc .row .col-xs-5 .theme .arrow img{height: 15px;}
  .jyxc .row .col-xs-5 .theme .caption{padding: 5% 0;}
  .jyxc .row .col-xs-5 .theme .caption a{font-size: 1.25em;}
  .jyxc .row .col-xs-5 .theme .liuyan a{font-size: 1em;}
}
@media (max-width:768px) {
  .jyxc .row{padding-top: 10%;}
  .jyxc .row .col-xs-7{position: absolute; top: 0; left: 0; width: 50%;}
  .jyxc .row .col-xs-5{float: right; width: 75%;}
}
@media (max-width:640px) {
  .jyxc .row .col-xs-5{float: right; width: 90%;}
  .jyxc .row .col-xs-5 .theme .caption a{font-size: 1.125em;}
}
@media (max-width:414px) {
  .jyxc .row .col-xs-5 .theme{padding-bottom: 28%;}	
}