@charset "utf-8"; .since { overflow: hidden; margin-bottom: 20px; } .since h5 { font-size: 20px; color: #C7161D; font-weight: bold; margin-bottom: 5px; } .since .en { color: #dab96b; font-size: 68px; font-family: "DINCond-Medium"; letter-spacing: -3px; line-height: 60px; float: left; } .since span, .since em { float: left; font-size: 20px; line-height: 26px; color: #7a7a7a; margin-left: 8px; padding-top: 5px; font-style: normal; } .ri .h1 { font-size: 30px; line-height: 50px; color: #a89f95; margin-bottom: 9px; clear: both; } .ri hr { float: left; width: 70px; height: 4px; border: 0 none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: 4px solid #eadcc1; margin-bottom: 25px; margin-top: 0px; } .data-box { width: 220px; height: auto; float: right; margin-top: 40px; } .data-box h4 { /* background: url(/img/about_menu.png) no-repeat; */ background-color: #c50202; width: 169px; height: 60px; line-height: 60px; color: #fff; text-align: center; font-size: 20px; float: right; margin-bottom: 5px; border-radius: 22px 0 0 22px; } .data-box dl { float: right; width: 220px; } .data-box dd { display: inline-block; padding: 0 55px 0 10px; background: rgba(240,240,240,1); margin-top: 5px; text-align: right; color: #666666; float: right; border-radius: 22px 0 0 22px; height: 43px; line-height: 43px; font-size: 16px; } .data-box dd strong { color: #D53032; font-size: 24px; font-family: DINCond-Medium; letter-spacing: -3px; display: inline-block; padding-right: 8px; font-weight: normal; } .data-box dd a:hover { color:#c50202; } .cnt_wr { padding-top: 30px; border-top: 4px solid #cbb69a; } .cnt_wr .headline { font-size: 60px; color: #c0bbb5; line-height: 78px; font-family: "RUBIK-REGULAR-WEBFONT"; margin-bottom: 20px; } li { list-style: none; } .w1200 { width: 780px; margin: 0 auto; } .c_w_l { float: left; position: relative; width: 200px; border-right: 1px solid #ececec; padding-bottom: 20px; } .c_w_l, .c_w_r { padding-top: 40px; } .c_w_r { float: right; width: 536px; } .c_w_r ul { padding-bottom: 40px;padding: 0px; } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .c_w_r li:first-child { border: 0 none; } .c_w_r li { position: relative; padding: 20px 0; border: 0 none; } .c_w_r li .time { position: absolute; left: -243px; top: 31px; font-size: 40px; color: #D53032; line-height: 34px; padding-right: 54px; width: 200px; text-align: right; border-right: 3px solid #D53032; font-family: "RUBIK-REGULAR-WEBFONT"; font-weight: normal; letter-spacing: -2px; } .c_w_r li .time span{font-size: 18px;letter-spacing: 0px; color: #9E7539;} .c_w_r li .txt { font: 13px/24px "微软雅黑", "Microsoft YaHei", sans-serif; color: #333; } .animated { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .c_w_r li { position: relative; padding: 25px 0; border-top: 2px dashed #ececec; } li { list-style: none; } .reset_style ul, .resetHtmlCssStyle .reset_style ul{ list-style: none;} .til_box { font-size: 14px; line-height: 70px !important; border-bottom: 4px solid #ededed; color: #bc9b6f !important; } .dszzc img{ max-width: 125px;} @media only screen and (max-width: 768px){ .w1200 { width: 100%; margin: 0 auto; } .c_w_r { float: right; width: auto; } .c_w_r li .time{ font-size: 30px; padding-right: 14px;} .dszzc img{ width: auto !important;} }