.base-page {padding-bottom: 80px;}
.base-page .first-banner {position: relative; width: 100%;height: 633px; background: url('../../images/dtzx/jddefault.png') no-repeat center center;background-size: 100% 100%;}
.base-page .bottom-boxs {position: absolute; left:0; bottom: 0; width: 100%; height: 210px; background: url('../../images/dtzx/bg.png') no-repeat left bottom; background-size: 100% 100%;}
.base-page .bottom-boxs .num {margin: 0 15px 0 10px;}
.base-page .bottom-boxs  {color: #fff;}
.base-page .bottom-boxs .title {font-size: 30px;}
.base-page .cover-text {position: relative;width: 100%;height: 100%;}
.base-page .info-box {position: absolute; bottom: 15px;left: 0;}
.base-page .h100 {height: 100%;}
.base-page .base-info {border: 1px solid rgb(196, 25, 25,0.7);border-radius: 4px; margin-top: 30px;padding: 30px 25px 0;background-color: #fff6f6;}
.base-page .base-info .logo-box{border-bottom: 1px solid #f5e4e4;padding-bottom: 30px;}
.base-page .logos {float: left; width: 170px; height: 100px;}
.base-page .logos a,.base-page .logos img {width: 100%;height: 100%;}
.base-page .title-box {float: left;padding-left: 24px;width: calc(100% - 170px);}
.base-page .titles{float: left;width: calc(100% - 110px);font-size: 18px; color: #333;margin-top: 5px;font-weight: bold;}
.base-page .gz {float: right;width: 75px;line-height: 30px;background-color:  #c41919; color: #fff;text-align: center;cursor: pointer;}
.base-page .gz.ygz { border: 1px solid #c41919; color: #c41919;background: #fff;}
.base-page .summary {font-size: 16px; line-height: 26px; color: #333;margin-top: 12px}
/* .base-page  .showder {box-shadow: 0px 0px 18px 0px rgba(135, 135, 135, 0.24);} */
.base-page .fl-box {width: calc(100% + 20px);margin-left: -10px;}
.base-page .fl-box .item {padding: 0 10px; height: 58px; line-height: 58px;font-size: 16px; color: #454545;}
.base-page .fl-box .item .value {color: #c41919; width: calc(100% - 75px);padding-left: 10px;line-height: 20px;vertical-align: middle;}
.base-page .fl-box .item .key {width: 65px;vertical-align: top;}
.base-page .fl2-box {background-color: #fcf0eea1;}
.base-page .fl2-box .item {float: left;width: 20%;font-size: 16px;color: #454545;height: 60px;line-height: 60px;}
.base-page .fl2-box .item .value {color: #c41919; width: calc(100% - 75px);padding-left: 10px;}
.base-page .fl2-box .item .key {width: 65px;}
.base-page  .pagebox {padding-top: 60px;}
.base-page .downtoobar {display: none;font-size: 16px;}
.base-page .downtoobar .num {color: #c41919; margin-right: 15px;margin-left: 10px;}
@media ( max-width : 1200px) {
    .base-page .fl2-box .item {width: 33.3%;}
}

@media ( max-width : 1000px) {
    .base-page .first-banner {display: none}
    .base-page .downtoobar {display: block;}
    .base-page .logos {width: 100%;height: 300px;}
    .base-page .title-box {width: 100%; padding-left: 0; margin-top: 20px}
    .base-page .fl2-box .item {width: 33.3%;}
}
@media ( max-width : 700px) {
    .fl2-box .item {width: 100%;}
    .base-page .base-info {padding: 20px 20px 0}
    .fl2-box .item {padding: 0 20px;}
    .base-page .fl2-box .item {width: 100%;padding: 0 20px;}
    .base-page {padding-bottom: 0;}
    .base-page .fl-box .item {height: auto; line-height: 50px;}
}

@media ( max-width : 500px) {
    .base-page .logos {height: 150px;}
    .base-page .fl2-box .item {height: 50px;line-height: 50px;}
}