.dc_style_Wrap p, .dc_style_Wrap h1, .dc_style_Wrap h2, .dc_style_Wrap h3 { margin: 0; padding: 0; } .dc_style_Wrap p, .dc_style_Wrap h1, .dc_style_Wrap h2, .dc_style_Wrap h3 { margin-bottom: 20px; } .dc_style_Wrap h1 { margin-top: 20px; color: #353535; font-size: 26px; font-weight: bold; } .dc_style_Wrap h2 { color: #804e00; font-size: 22px; } .dc_style_Wrap h3 { color: #353535; font-size: 18px; font-weight: bold; } .dc_style_Wrap ol li { color: #353535; font-size: 16px; line-height: 28px; } .dc_style_Wrap p { color: #353535; font-size: 16px; text-align: justify; line-height: 28px; } .dc_style_Wrap p.dc_style_slogan { color: #f39425; font-size: 34px; } .dc_style_Wrap p.dc_style_review { color: #353535; font-size: 16px; font-weight: bold; } .dc_style_Wrap p a.dc_style_plink { color: #3b7ab8; text-decoration: none; border-bottom: 1px solid #c0d5eb; } .dc_style_Wrap p a.dc_style_plink:hover { border-bottom-color: #3b7ab8; } .dc_style_Wrap p span.dc_style_pimport { color: #804e00; font-weight: bold; } .dc_style_Wrap img { max-width: 100%; } .dc_style_Wrap .dc_style_layoutRight { float: right; } .dc_style_Wrap .media .media-body { padding-left: 10px; } .dc_style_Wrap .mainTitle { color: #353535; font-size: 30px; line-height: 150%; } .dc_style_Wrap .subTitle { color: #666; font-size: 18px; line-height: 150%; } .dc_style_Wrap .dateTitle { color: #666; font-size: 14px; border-bottom: 2px solid #f7f3f0; padding-bottom: 10px; } .dc_style_Wrap .zp_info { color: #666; font-size: 16px; line-height: 28px; border-bottom: 2px solid #f7f3f0; padding-bottom: 10px; } .inWrap .center .centerInner .lshg { background: none; } .dc_style_Wrap.historicalReview { position: relative; width: 90%; margin: 0 auto; } .dc_style_Wrap.historicalReview .wrap-list { position: relative; z-index: 1; margin-bottom: 100px; } .dc_style_Wrap.historicalReview .wrap-list .wrap-year { position: relative; width: 50%; padding-right: 43px; margin-bottom: 100px; font-size: 40px; font-weight: 500; text-align: right; color: #916522; line-height: 56px; vertical-align: middle; } .dc_style_Wrap.historicalReview .wrap-list .wrap-year::after { content: ""; display: block; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 13px; height: 13px; background: url(../images/year-circle.png) no-repeat center; background-size: contain; } .dc_style_Wrap.historicalReview .wrap-list .wrap-year::before { content: ""; display: block; position: absolute; top: 10px; right: 40px; width: 204px; height: 86px; background: url(../images/year-decorate.png) no-repeat center; background-size: contain; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item { position: relative; width: calc(50% - 30px); } .dc_style_Wrap.historicalReview .wrap-list .wrap-item h2 { position: relative; margin-bottom: 2px; font-size: 12px; font-weight: 400; color: #f29221; line-height: 26px; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item h2::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 20px; height: 1px; background-color: #c9cdd0; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item p { margin-bottom: 14px; font-size: 16px; font-weight: 400; color: #525252; line-height: 26px; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item .wrap-img { border-radius: 6px 0 6px 0; overflow: hidden; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item img { height: 170px; border-radius: 12px 0 12px 0; } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(even) { margin-top: -60px; margin-left: calc(50% + 30px); } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(even) h2, .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(even) p { text-align: left; } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(even) h2::before { left: -30px; } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(odd) { margin-top: -60px; } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(odd) h2, .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(odd) p, .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(odd) .wrap-img { text-align: right; } .dc_style_Wrap.historicalReview .multiple:nth-child(odd) .wrap-item:nth-child(odd) h2::before { right: -30px; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(odd) { margin-top: -60px; margin-left: calc(50% + 30px); } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(odd) h2, .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(odd) p { text-align: left; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(odd) h2::before { left: -30px; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) { margin-top: -60px; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) h2, .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) p, .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) .wrap-img { text-align: right; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) h2::before { right: -30px; } .dc_style_Wrap.historicalReview .onlyOne .wrap-year { float: left; } .dc_style_Wrap.historicalReview .onlyOne .wrap-item { float: right; margin-top: 15px; } .dc_style_Wrap.historicalReview .onlyOne .wrap-item h2::before { display: none; } .dc_style_Wrap.historicalReview .onlyOne::after { content: ""; display: table; clear: both; } .dc_style_Wrap.historicalReview::after { content: ""; position: absolute; top: 32px; bottom: 0; left: 50%; z-index: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 1px; height: calc(100% - 32px); background-color: #c9cdd0; } @media (max-width: 680px) { .dc_style_Wrap .dc_style_layoutRight { width: 50%; } .dc_style_Wrap.historicalReview .wrap-list .wrap-year { font-size: 22px; line-height: 40px; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item p { font-size: 12px; line-height: 20px; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item { width: calc(50% - 20px); } .dc_style_Wrap.historicalReview .wrap-list .wrap-item h2::before { width: 10px; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(even) h2::before { right: -20px; } .dc_style_Wrap.historicalReview .multiple:nth-child(even) .wrap-item:nth-child(odd) h2::before { left: -20px; } } @media (max-width: 480px) { .dc_style_Wrap .dc_style_layoutRight { width: 100%; } } @media (max-width: 680px) { .dc_style_Wrap .media .pull-left { float: none !important; } .dc_style_Wrap .media .pull-left .media-object { margin-bottom: 28px; } .dc_style_Wrap .media .pull-left p { text-align: center; } .dc_style_Wrap .media .pull-left img { display: block; margin: 0 auto; } } @media (max-width: 1024px) { .leader-table { position: relative; } .leader-table tr td:first-child { position: absolute; padding-top: 0; top: 0; height: 160px; width: 100% !important; } .leader-table td:first-child img { display: block; margin: 0 auto; } .leader-table tr td:first-child + td { padding-top: 249px; } .dc_style_Wrap.historicalReview { width: 100%; } .dc_style_Wrap.historicalReview .wrap-list .wrap-item img { height: auto !important; } } //瑙嗛鎸夐挳 .video-js .vjs-big-play-button{ width: 2em; height: 2em; line-height: 2em; text-align: center; border: none; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); } /*# sourceMappingURL=style.css.map */