* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: "Microsoft Yahei", "Helvetica Neue", SimHei, Tahoma, Arial, PingFangSC-Regular, "Hiragino Sans GB", sans-serif !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; margin: 0; padding: 0; } a { color: #282b31; } a { background-color: transparent; } a, a:visited, a:focus, a:active:hover, a:hover { text-decoration: none !important; } body { overflow-x: hidden; -webkit-font-smoothing: antialiased; } .container { padding: 0 15px; margin: 0 auto; width: 1170px; } @media screen and (min-width: 1461px) and (max-width: 20000px) { .container { width: 1470px !important; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1025px) and (max-width: 1460px) { .container { width: 1170px !important; } } @media (min-width: 1px) and (max-width: 1024px) { .container { width: 100% !important; } } .pr { position: relative; } .clear { clear: both; } ul, ol, li { list-style: none; margin: 0; padding: 0; } .h60 { height: 60px; } .h30 { height: 30px; } .h20 { height: 20px; } .h10 { height: 10px; } .hidden { display: none !important; } .show { display: block !important; } .btn-default { color: #fff; font-weight: bold; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; background-color: transparent; border-color: #fff; outline: none; } .btn-default i { margin-right: 5px; } .btn-default i:nth-child(2) { margin-left: 5px; margin-right: 0; } .btn-lg { display: block; width: 200px; margin: 0 auto; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none !important; } /*******鏍囬*******/ .index-bt { width: 90%; max-width: 630px; text-align: center; margin: 0 auto; } .index-bt h3 { font-size: 30px; color: #3e63b2; margin-bottom: 15px; margin-top: 0; font-weight: 700; } .index-bt .post-meta { text-align: center; font-size: 15px; margin-bottom: 20px; color: #999; position: relative; } .index-bt .post-meta:after { content: ""; width: 100%; right: 0; position: absolute; top: 50%; height: 1px; background-color: #bdbdbd; z-index: 0; } .index-bt .post-meta1 { position: relative; top: -9px; width: 300px; height: 3px; margin: 0 auto; overflow: hidden; z-index: 15; background-color: #bdbdbd; } .index-bt .post-meta span { font-weight: 700; font-size: 14px; background-color: #fff; color: #bdbdbd; padding: 0 10px; display: inline-block; position: relative; z-index: 160; } .bghui .post-meta span { background-color: #f4f4f4; } @media screen and (max-width: 768px) { .index-bt h3 { font-size: 18px; z-index: 20; letter-spacing: 0; margin-bottom: 5px; } .index-bt .post-meta { top: 0; } .index-bt .post-meta span { padding: 0 15px; font-weight: 400; font-size: 12px; } .index-bt .post-meta1 { top: -8px; width: 250px; } } .history { position: relative; background: url(/ciicsh/resource/cms/2019/03/2019032316362536372.jpg) repeat-y 100px 0; padding-left: 130px; padding-bottom: 50px; } .history .history-img { position: absolute; top: 0; left: 93px; z-index: 30; } .history .history-right p { margin-bottom: 18px; } .img100 { display: block; width: 100%; height: auto; } .thumbnail { padding: 0 !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: none !important; } .thumbnail .caption { padding: 35px 40px 25px 40px; min-height: 238px; } .thumbnail h3, .thumbnail h3 a { color: #282b31; font-size: 20px; position: relative; max-height: 72px; line-height: 24px; max-height: 48px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; font-weight: bold; } .thumbnail p, .thumbnail p a { color: #565656; margin-top: 20px; font-size: 14px; position: relative; line-height: 24px; max-height: 72px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .thumbnail .top-img { height: 220px; overflow: hidden; background: transparent center center no-repeat; background-size: cover; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .thumbnail .caption { padding: 35px 40px 25px 40px; min-height: 238px; color: #333; } .thumbnail .left { float: left; color: #aaa; } .thumbnail .right { float: right; color: #aaa; } .show767 { display: none; } .hidden767 { display: block; } @media screen and (max-width: 768px) and (min-width: 1px) { .hidden768 { display: none !important; } .hidden767 { display: none !important; } .show767 { display: block !important; } } .top1 .right a:hover { color: #d6b684; } .input-group input { font-family: "Microsoft Yahei", "Helvetica Neue", SimHei, Tahoma, Arial, PingFangSC-Regular, "Hiragino Sans GB", sans-serif !important; }