@import url("./common.css");
body { background: url("../img/bg-body.jpg"); }

@-webkit-keyframes imageAnimation { 0% { left: 80px;
    -webkit-animation-timing-function: ease-in-out; }
  50% { left: 410px;
    -webkit-animation-timing-function: ease-in-out; }
  100% { left: 820px;
    -webkit-animation-timing-function: ease-in-out; } }

@-moz-keyframes imageAnimation { 0% { left: 80px;
    -webkit-animation-timing-function: ease-in-out; }
  50% { left: 410px;
    -webkit-animation-timing-function: ease-in-out; }
  100% { left: 820px;
    -webkit-animation-timing-function: ease-in-out; } }

@-o-keyframes imageAnimation { 0% { left: 80px;
    -webkit-animation-timing-function: ease-in-out; }
  50% { left: 410px;
    -webkit-animation-timing-function: ease-in-out; }
  100% { left: 820px;
    -webkit-animation-timing-function: ease-in-out; } }

@-ms-keyframes imageAnimation { 0% { left: 80px; -webkit-animation-timing-function: ease-in-out; }
  50% { left: 410px; -webkit-animation-timing-function: ease-in-out; }
  100% { left: 820px; -webkit-animation-timing-function: ease-in-out; } }

@keyframes imageAnimation { 0% { left: 80px;
    -webkit-animation-timing-function: ease-in-out; }
  50% { left: 410px;
    -webkit-animation-timing-function: ease-in-out; }
  100% { left: 820px;
    -webkit-animation-timing-function: ease-in-out; } }

/*==========================*/
@-webkit-keyframes welcomeAnimation { 0% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  50% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  98% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  100% { opacity: 0;
    visibility: hidden;
    -webkit-animation-timing-function: ease-in; } }

@-moz-keyframes welcomeAnimation { 0% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  50% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  98% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  100% { opacity: 0;
    visibility: hidden;
    -webkit-animation-timing-function: ease-in; } }

@-o-keyframes welcomeAnimation { 0% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  50% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  98% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  100% { opacity: 0;
    visibility: hidden;
    -webkit-animation-timing-function: ease-in; } }

@-ms-keyframes welcomeAnimation { 0% { opacity: 1; visibility: visible; -webkit-animation-timing-function: ease-in; }
  50% { opacity: 1; visibility: visible; -webkit-animation-timing-function: ease-in; }
  98% { opacity: 1; visibility: visible; -webkit-animation-timing-function: ease-in; }
  100% { opacity: 0; visibility: hidden; -webkit-animation-timing-function: ease-in; } }

@keyframes welcomeAnimation { 0% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  50% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  98% { opacity: 1;
    visibility: visible;
    -webkit-animation-timing-function: ease-in; }
  100% { opacity: 0;
    visibility: hidden;
    -webkit-animation-timing-function: ease-in; } }

.welcome-loading { position: fixed; width: 100%; height: 100%; z-index: 1099; }

.welcome-loading .welcome { position: absolute; z-index: 999; width: 100%; height: 100%; background: white; -webkit-animation: welcomeAnimation 2s linear; -moz-animation: welcomeAnimation 2s linear; -o-animation: welcomeAnimation 2s linear; -ms-animation: welcomeAnimation 2s linear; animation: welcomeAnimation 2s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.welcome-loading .welcome .welcome-con { position: absolute; width: 100%; height: 100%; }

.welcome-loading .welcome .loading { height: 600px; width: 800px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.welcome-loading .welcome .loading a { position: absolute; left: 103px; top: 40px; }

.welcome-loading .welcome .loading p { font-size: 16px; text-align: center; font-family: 'sx'; }

.welcome-loading .painted-scroll { position: absolute; z-index: 899; width: 100%; height: 100%; text-align: center; font-size: 16px; font-family: 'sx'; line-height: 64px; background: url("../img/bg-body.jpg"); }

.welcome-loading .painted-scroll .painted-scroll-con { width: 100%; height: 100%; }

.welcome-loading .painted-scroll .scroll-box { position: absolute; width: 1058px; height: 649px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.welcome-loading .painted-scroll .scrollcon { width: 100%; height: 585px; background: #ebe5d9 url("../img/scroll-con-bg.jpg") no-repeat left center; position: relative; overflow: hidden; }

.welcome-loading .painted-scroll .scrollcon .scroll { position: absolute; width: 886px; height: 515px; left: 140px; top: 30px; background: url("../img/scroll-bg.jpg") no-repeat center; }

.welcome-loading .painted-scroll .scrollcon .scroll span { position: absolute; left: 80px; top: -13px; display: block; width: 800px; height: 540px; background: #ebe5d9 url("../img/scroll-right.jpg") no-repeat center left; -webkit-animation: imageAnimation 2s linear 2s; -moz-animation: imageAnimation 2s linear 2s; -o-animation: imageAnimation 2s linear 2s; -ms-animation: imageAnimation 2s linear 2s; animation: imageAnimation 2s linear 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.jdMain { margin-bottom: 60px; }

.jdMain .exhibition .master { width: 24.3%; }

.jdMain .exhibition .master .masterscroll { width: 100%; max-width: 384px; margin-left: auto; margin-right: auto; position: relative; }

.jdMain .exhibition .master .masterscroll .hd { position: absolute; right: 30px; top: 0; z-index: 88; }

.jdMain .exhibition .master .masterscroll .hd ul { line-height: 100px; }

.jdMain .exhibition .master .masterscroll .hd ul li { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; background: #fff; }

.jdMain .exhibition .master .masterscroll .hd ul li.on { background: #a95c1d; }

.jdMain .exhibition .news { width: 73.0%; padding-top: 30px; }

.jdMain .exhibition .news .container-fluid .recommend { margin-bottom: 30px; text-align: center; }

.jdMain .exhibition .news .container-fluid .recommend img { width: 100%; }

.jdMain .exhibition .news .container-fluid .newscon .col-md-6:first-child, .jdMain .exhibition .news .container-fluid .newscon .col-xs-12:first-child { padding-right: 0; }

.jdMain .exhibition .news .container-fluid .newscon .col-md-6:last-child, .jdMain .exhibition .news .container-fluid .newscon .col-xs-12:last-child { padding-left: 0; }

.jdMain .exhibition .news .container-fluid .newsList { background: url("../img/jd/item04.jpg") no-repeat center; background-size: cover; color: #fff; height: 472px; padding: 0 36px; box-sizing: border-box; }

.jdMain .exhibition .news .container-fluid .newsList h3 { margin: 0; font-family: 'qk'; line-height: 92px; font-size: 32px; position: relative; }

.jdMain .exhibition .news .container-fluid .newsList h3 a { display: block; position: absolute; width: 100px; height: 42px; right: 10px; top: 50%; margin-top: -21px; font-size: 14px; line-height: 42px; text-align: center; font-family: 'zh'; background: url("../img/bg-more.png") no-repeat left bottom; }

.jdMain .exhibition .news .container-fluid .newsList ul li:hover h4 { padding-left: 0; font-size: 22px; }

.jdMain .exhibition .news .container-fluid .newsList ul li:hover h4::before { display: none; }

.jdMain .exhibition .news .container-fluid .newsList ul li:hover h4 span { display: none; }

.jdMain .exhibition .news .container-fluid .newsList ul li:hover .dis { display: block; }

.jdMain .exhibition .news .container-fluid .newsList ul h4 { font-size: 16px; font-weight: normal; line-height: 36px; padding-left: 20px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.jdMain .exhibition .news .container-fluid .newsList ul h4::before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #d4c4c4; left: 0; top: 50%; margin-top: -3px; }

.jdMain .exhibition .news .container-fluid .newsList ul .dis { color: #d4c4c4; font-size: 16px; display: none; }

.jdMain .exhibition .news .container-fluid .newsImg { overflow: hidden; height: 472px; background: transparent no-repeat center; background-size: cover; }

.jdMain .production { margin-bottom: 32px; }

.jdMain .production .pro-info { width: 24.5%; height: 463px; }

.jdMain .production .pro-info .pro-info-con { width: 100%; height: 100%; max-width: 384px; background: url("../img/jd/item03-bg.jpg") no-repeat center; background-size: cover; padding-top: 54px; box-sizing: border-box; color: #fff; }

.jdMain .production .pro-info .pro-info-con h3 { margin-top: 0; margin-bottom: 104px; }

.jdMain .production .pro-info .pro-info-con h4 { width: 264px; height: 47px; line-height: 47px; font-size: 28px; font-family: 'sx'; background: url("../img/bg-pro-title.png") no-repeat center; background-size: contain; text-align: center; margin-bottom: 104px; font-weight: normal; position: relative; }

.jdMain .production .pro-info .pro-info-con h4::before { content: ''; position: absolute; width: 6px; height: 31px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAfCAYAAADEFbwbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2QURCRUFDNzM4RTExRTg4QUFCRTNGMzg5Q0U0Qzg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2QURCRUFENzM4RTExRTg4QUFCRTNGMzg5Q0U0Qzg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjZBREJFQUE3MzhFMTFFODhBQUJFM0YzODlDRTRDODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBREJFQUI3MzhFMTFFODhBQUJFM0YzODlDRTRDODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qUK2IAAACgUlEQVR42iSSy2+MURjGf3O+M/2+zmiZVmm1FUIqGncWEhIWLCSIvYWl2Er4CyxEYmshEhsRREKiEUHCxjVCtRFxDYZWO5fO5ZuZc77LOU7jTc7i5Fze5/c+T2bqxT01Mjbm+7ll+MKHNKJSntHUa2VlrLULpbIN5+dsXK+5XawknmT+x3smrl1gYe4r23Yf5sDx04imyrByaCO7du5h1cAwjXoH6EJ4M1NoDVsOniAxAULNQuwhJ26fJ+jKok2EbVnM0DZSTyADesnJbtfK4PcNMjK+CSHcd8Uvk8rayKa24cQ4QUnbpqqhpN/XRzNs8vrhVUTDQKbGQquDzEsPU6ry8+UD1xzy/UuohzGy4zhSAZHfw5HjZxhet5uwNotM44TAC/CiFh/ePcXzCwyuHkEEMo+SHfJ9OWYmH/L80VWwAZQrs8q4YYUzRdsp/nHK2tYaq+T3qccwthfhIPO9/VTLRdr1EnLy0TU+PrhF7LdQuhuTRJiMj9ywdT+jg5vI9gtiuwR3StgsQaNaVEnkgB29Tu3/MpGSWb+LcP4jNy+dpdDdy4qN29l37CSi5UaeLfQzOrKeeqVJZWGeRfNEpvSHnL+CQ6fOkR0cIu5UnR8Geff6RXp68qRGoX/PMjC+w73II0XcpFEJnTGSYHkvA2tWgUnh8/R9leiGVZ2GE6OdpNCp0koWhjdjbDfTz26TthIiU0WnCVKKAF39xfSTy1iddZBuhp4jb1lD4PxoixxHF/1Ys9WF8BtiaZfBC7W70Wau9AMXFAqj444jdjbLGpkEXt25wsSNiyAsmWq1pgqFnP/zwxsWy1vmIjS8VvPp7Wuldd0uRuj/Urb597f6J8AAUNpiWjWDKVcAAAAASUVORK5CYII=") no-repeat center; left: 50%; margin-left: -3px; top: -60px; }

.jdMain .production .pro-info .pro-info-con h4::after { content: ''; position: absolute; width: 6px; height: 31px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAfCAYAAADEFbwbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY2QURCRUFDNzM4RTExRTg4QUFCRTNGMzg5Q0U0Qzg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY2QURCRUFENzM4RTExRTg4QUFCRTNGMzg5Q0U0Qzg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjZBREJFQUE3MzhFMTFFODhBQUJFM0YzODlDRTRDODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjZBREJFQUI3MzhFMTFFODhBQUJFM0YzODlDRTRDODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4qUK2IAAACgUlEQVR42iSSy2+MURjGf3O+M/2+zmiZVmm1FUIqGncWEhIWLCSIvYWl2Er4CyxEYmshEhsRREKiEUHCxjVCtRFxDYZWO5fO5ZuZc77LOU7jTc7i5Fze5/c+T2bqxT01Mjbm+7ll+MKHNKJSntHUa2VlrLULpbIN5+dsXK+5XawknmT+x3smrl1gYe4r23Yf5sDx04imyrByaCO7du5h1cAwjXoH6EJ4M1NoDVsOniAxAULNQuwhJ26fJ+jKok2EbVnM0DZSTyADesnJbtfK4PcNMjK+CSHcd8Uvk8rayKa24cQ4QUnbpqqhpN/XRzNs8vrhVUTDQKbGQquDzEsPU6ry8+UD1xzy/UuohzGy4zhSAZHfw5HjZxhet5uwNotM44TAC/CiFh/ePcXzCwyuHkEEMo+SHfJ9OWYmH/L80VWwAZQrs8q4YYUzRdsp/nHK2tYaq+T3qccwthfhIPO9/VTLRdr1EnLy0TU+PrhF7LdQuhuTRJiMj9ywdT+jg5vI9gtiuwR3StgsQaNaVEnkgB29Tu3/MpGSWb+LcP4jNy+dpdDdy4qN29l37CSi5UaeLfQzOrKeeqVJZWGeRfNEpvSHnL+CQ6fOkR0cIu5UnR8Geff6RXp68qRGoX/PMjC+w73II0XcpFEJnTGSYHkvA2tWgUnh8/R9leiGVZ2GE6OdpNCp0koWhjdjbDfTz26TthIiU0WnCVKKAF39xfSTy1iddZBuhp4jb1lD4PxoixxHF/1Ys9WF8BtiaZfBC7W70Wau9AMXFAqj444jdjbLGpkEXt25wsSNiyAsmWq1pgqFnP/zwxsWy1vmIjS8VvPp7Wuldd0uRuj/Urb597f6J8AAUNpiWjWDKVcAAAAASUVORK5CYII=") no-repeat center; left: 50%; margin-left: -3px; bottom: -60px; }

.jdMain .production .pro-info .pro-info-con p { width: 324px; height: 73px; padding: 10px; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 1.8em; font-family: 'qk'; background: url("../img/btn-324x73.png") no-repeat center; background-size: contain; }

.jdMain .production .pro-list { width: 71.8%; padding-right: 15px; }

.jdMain .production .pro-list li { width: 33.33%; float: left; }

.jdMain .production .pro-list li .pro-con { position: relative; width: 100%; height: 463px; max-width: 375.63px; }

.jdMain .production .pro-list li .imgcon { width: 100%; height: 100%; position: absolute; overflow: hidden; font-size: 0; }

.jdMain .production .pro-list li .imgcon img { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: auto; height: 100%; }

.jdMain .production .pro-list li .hover { position: absolute; width: 100% !important; height: 100%; padding: 15px; left: 0; top: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.63); color: #fff; }

.jdMain .production .pro-list li .hover h3 { width: 48px; font-size: 24px; line-height: 1.8em; font-family: 'song'; font-weight: normal; border-left: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: 50%; margin-left: -24px; top: 32px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }

.jdMain .encyclopedias { height: 480px; }

.jdMain .encyclopedias > div { height: 100%; }

.jdMain .encyclopedias .encycon { height: 100%; width: 70.7%; background: url("../img/jd/bg-encyclopedias.jpg") no-repeat center; background-size: cover; padding: 44px 47px 0 58px; color: #dae2f1; }

.jdMain .encyclopedias .encycon li { width: 50%; float: left; }

.jdMain .encyclopedias .encycon li:nth-child(2n+1) { padding-right: 88px; }

.jdMain .encyclopedias .encycon li:hover h4 { color: #721a19; }

.jdMain .encyclopedias .encycon h4 { position: relative; padding-left: 32px; font-size: 16px; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.jdMain .encyclopedias .encycon h4::after { content: ''; position: absolute; width: 26px; height: 10px; background: url("../img/b-txt.png") no-repeat center; left: 0; top: 50%; margin-top: -5px; }

.jdMain .encyclopedias .encycon .encytxt { font-size: 15px; line-height: 1.6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.jdMain .encyclopedias .encycon .details { font-size: 13px; display: inline-block; width: 88px; height: 28px; text-align: center; line-height: 28px; background: url("../img/bg-more.png") no-repeat left bottom; background-size: contain; }

.jdMain .encyclopedias .culture { height: 100%; width: 27.5%; text-align: center; overflow: hidden; margin-right: 0.96%; background: transparent no-repeat center; background-size: 100% auto; }

.jdMain .encyclopedias .culture:hover { background-size: 110% auto; -webkit-transition: background-size 0.8s ease-in-out; -moz-transition: background-size 0.8s ease-in-out; -ms-transition: background-size 0.8s ease-in-out; transition: background-size 0.8s ease-in-out; }

@media screen and (max-width: 1570px) { .jdMain > .container-fluid { padding: 0 !important; }
  .exhibition { margin-bottom: 32px; } }

@media screen and (max-width: 992px) { .exhibition .newscon .col-md-6:first-child, .exhibition .newscon .col-xs-12:first-child { padding-right: 15px !important; }
  .exhibition .newscon .col-md-6:last-child, .exhibition .newscon .col-xs-12:last-child { padding-left: 15px !important; } }

@media screen and (max-width: 768px) { .jdMain .exhibition { margin-bottom: 16px !important; }
  .jdMain .exhibition .master { width: 100%; }
  .jdMain .exhibition .recommend { margin-bottom: 16px !important; }
  .jdMain .exhibition .news { width: 100%; padding-top: 16px !important; box-sizing: border-box; }
  .jdMain .exhibition .news .newsList { height: auto !important; padding: 0 10px 20px !important; }
  .jdMain .exhibition .news .newsList li h4 span { display: none; }
  .jdMain .production .pro-info { width: 100% !important; }
  .jdMain .production .pro-list { width: 100% !important; padding-right: 0 !important; }
  .jdMain .production .pro-list li { width: 100%; height: 463px; margin-bottom: 15px; float: left; position: relative; }
  .jdMain .production .pro-list li .imgcon { width: 100%; height: 100%; position: absolute; overflow: hidden; }
  .jdMain .production .pro-list li .imgcon img { display: block; position: absolute; left: 50%; transform: translateX(-50%); width: auto; height: 100%; }
  .jdMain .production .pro-list li .hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0 !important; overflow: hidden; background: rgba(0, 0, 0, 0.63) no-repeat center; background-size: cover; }
  .jdMain .encyclopedias .encycon { width: 100% !important; }
  .jdMain .encyclopedias .encycon li { width: 100% !important; padding: 0 !important; }
  .jdMain .encyclopedias .encycon li .encytxt { display: none; }
  .jdMain .encyclopedias .encycon li .details { display: none; }
  .jdMain .encyclopedias .culture { width: 100% !important; } }