@import url("./common.css");
.banner { margin-bottom: 72px; }

.jdMain { margin-bottom: 60px; }

.jdMain > .container-fluid { padding: 0 !important; }

.jdMain .works .part01 { padding-bottom: 135px; margin-bottom: 135px; background: url("../img/bg-series.jpg") no-repeat left bottom; }

.jdMain .works .seriesitem { width: 227px; height: 458px; margin-bottom: 20px; padding: 0 10px; background: url("../img/bg-series.png") no-repeat left bottom; position: relative; color: #900606; }

.jdMain .works .seriesitem h3 { margin: 0; font-size: 55px; text-align: center; line-height: 90px; font-family: 'sx'; }

.jdMain .works .seriesitem .proimg { width: 100%; height: 100%; background: url("../img/jd/series-gui.png") no-repeat left bottom; position: absolute; left: 11px; bottom: 11px; }

.jdMain .works .cang .seriesitem .proimg { background-image: url("../img/jd/series-cang.png"); }

.jdMain .works .yao .seriesitem .proimg { background-image: url("../img/jd/series-yao.png"); }

.jdMain .works .guan .seriesitem .proimg { background-image: url("../img/jd/series-guan.png"); }

.jdMain .works .part02 { margin-bottom: 56px; }

.jdMain .works .part02 .part02item { width: 100%; position: relative; overflow: hidden; font-size: 0; }

.jdMain .works .part02 .part02item img { width: 100%; display: block; }

.jdMain .works .part03 { color: #fff; }

.jdMain .works .part03 .item { position: relative; max-width: 396px; height: 395px; }

.jdMain .works .part03 .item:hover .pro-show .pro-title, .jdMain .works .part03 .item:hover .pro-show .size { visibility: hidden; }

.jdMain .works .part03 div[class*='col-'] { margin-bottom: 20px; }

.jdMain .works .part03 .pro-show { width: 100%; overflow: hidden; position: relative; }

.jdMain .works .part03 .pro-show img { display: block; width: 100%; }

.jdMain .works .part03 .pro-show .pro-title { width: 30px; font-size: 28px; font-family: 'sx'; position: absolute; top: 36px; left: 24px; }

.jdMain .works .part03 .pro-show .size { line-height: 52px; position: absolute; right: 10px; bottom: 0; font-size: 14px; }

.jdMain .works .part03 .pro-hover { width: 100% !important; height: 100% !important; text-align: center; position: absolute; left: 0; z-index: 10 !important; }

.jdMain .works .part03 .pro-hover .hover { height: 100%; background: rgba(0, 0, 0, 0.74); padding: 60px 14px 0; }

.jdMain .works .part03 .pro-hover .hover h3 { font-family: 'qk'; font-size: 28px; background: url("../img/bg-linethrough.png") no-repeat center; }

.jdMain .works .part03 .pro-hover .hover .size { font-size: 20px; line-height: 60px; margin-bottom: 48px; }

.jdMain .works .part03 .pro-hover .hover .dis { font-size: 14px; text-align: left; text-indent: 2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

@media screen and (max-width: 768px) { .jdMain .works .part03 .item { height: auto; } }