@charset "utf-8";
.ftzb-list li{padding:20px; margin-top:20px; background-color:#f7f7f7;}
.ftzb-list li dl{position:relative;}
.ftzb-list li dl dt{float:left; width:280px; height:210px; overflow:hidden;}
.ftzb-list li dl dt img{display:block; width:100%; height:auto; min-height:100%;}
.ftzb-list li dl dd{position:relative; margin-left:320px; line-height:1.8em;}
.ftzb-list li dl dd h4{padding-top:15px; padding-right:100px; padding-bottom:30px; font-size:1.125em; font-weight:bold; color:#22689e;}
.ftzb-list li dl dd h4 a{color:#22689e;}
.ftzb-list li dl dd .display-item{position:relative; padding:3px 0 3px 80px; min-height:1.6em;}
.ftzb-list li dl dd .display-item label{position:absolute; top:3px; left:0; width:80px; font-weight:bold; color:#22689e;}
.ftzb-list li dl dd .display-item .input-block{text-align:justify;}
.ftzb-list li dl dd .go{position:absolute; top:10px; right:0; width:90px; height:30px; font-size:14px; line-height:30px; color:#fff; text-align:center; background-color:#22689e; border-radius:5px;}

@media (max-width: 1024px){
  .ftzb-list li{padding-right:15px; margin-top:15px;}
  .ftzb-list li dl dd{margin-left:300px;}
  .ftzb-list li dl dd h4{padding-bottom:20px;}
}
@media (max-width:992px) {
  .ftzb-list li{padding: 10px 15px 10px 10px;}	
}
@media (max-width:768px) {
  .ftzb-list li dl dt{width:180px; height:120px;}
  .ftzb-list li dl dd{margin-left:195px;}
  .ftzb-list li dl dd .display-item{display:none;}
  .ftzb-list li dl dd h4{padding-top:5px; padding-right:0;}
  .ftzb-list li dl dd h4 a{white-space:normal;}
  .ftzb-list li dl dd .go{position:static; display:block;}
}
@media (max-width: 640px){
  .ftzb-list li{padding-right:10px;}
  .ftzb-list li dl dt{width:140px; height:100px;}
  .ftzb-list li dl dd{margin-left:155px;}
  .ftzb-list li dl dd h4{padding-top:0; padding-bottom:0; font-size:1em; line-height:1.5em;}
  .ftzb-list li dl dd .go{margin-top:10px; height:26px; line-height:26px;}
}
@media (max-width: 360px){
  .ftzb-list li dl{padding-bottom:36px;}
  .ftzb-list li dl dt{width:80px; height:60px;}
  .ftzb-list li dl dd{position:static; margin-left:95px;}
  .ftzb-list li dl dd .go{position:absolute; top:auto; right:0; left:0; bottom:0; width:auto;}
}

/* 鑰佸勾鐗 */
body.older .ftzb-list{font-size: 1em;}
body.older .ftzb-list li{padding: 25px; margin-top: 30px;}
body.older .ftzb-list li dl dd .display-item .input-block{font-size: 1.125em;}
body.older .ftzb-list li dl dd .display-item label{width: 5.75em;}
body.older .ftzb-list li dl dd .display-item{padding-left: 5.75em;}
body.older .ftzb-list li dl dt{width: 30%; height: auto;}
body.older .ftzb-list li dl dd{margin-left: 30%; padding-left: 30px;}
body.older .ftzb-list li dl dd h4{padding: 0; margin-bottom: 20px;}
body.older .ftzb-list li dl dd .go{position: static;  height: 68px; line-height: 68px; font-size: 1.125em; width: 8em; display: inline-block; border-radius: 10px; margin-top: 20px;}
@media (max-width: 992px){
  body.older .ftzb-list li{padding: 0;}
  body.older .ftzb-list li dl dt{float: none; width: 100%;}
  body.older .ftzb-list li dl dd{margin-left: 0; padding: 4%;}
  body.older .ftzb-list li dl dd h4{margin-bottom: 0;}
  body.older .ftzb-list li dl dd .go{height: 50px; line-height: 50px;}
}