.header { width: 100%; z-index: 99999; position: fixed; top: 0; text-align: center; height: 80px !important; background-color: white; box-shadow: 0 -2px 1px #e2e2e2 inset; /*overflow-x: auto;*/ /*overflow-y: hidden;*/ } .header img { line-height: 100px !important; } .header .layui-nav { display: inline-block; background-color: white; } .header .header-nav { position: absolute; left: 50%; margin-left: -725px; width: 1440px; } .header .header-nav li > a { height: 78px !important; line-height: 78px !important; font-size: 16px; color: #333333 !important; } .header .header-logo img { margin-top: 10px; } .header-dropdown { margin-top: 80px; /*left: 50%;*/ /*margin-left: -90px;*/ padding: 0; position: absolute; z-index: 9999; width: 1170px; height: 260px; text-align: left; background-color: white; border-width: 1px; border-style: solid; border-color: #cecece; } .header-dropdown > .layui-row { height: 100%; } .header-dropdown .header-body-list { padding: 0 25px; } .header-dropdown .header-body-nav { padding: 0 10px; } .header-dropdown li { cursor: pointer; padding: 5px; line-height: 26px; margin: 5px 0; } .header-business { padding: 0 1px; } .header-business img { margin-top: 10px; padding: 10px 0; width: 126px; height: 230px; } .header-body-list { height: 100%; padding: 0 5px; text-align: center; background-color: white; } .header-body-list button { border-radius: 5px; margin-top: 20px; background-color: #c30d23; width: 60%; } .header-list-title { padding: 5px 0; color: #c30d23; font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .header-body-list .header-list-content { font-size: 12px; height: 52px; text-align: left; } .header-body-list .header-list-cover { margin-top: 3px; width: 100%; height: 120px; } .header-list-cover-h { width: 120px; height: 180px; } .header-list-cover-v { width: 250px; height: 180px; } .header-body-nav { height: 100%; border-width: 1px; border-style: none outset none inset; border-color: #f6f6f6; background-color: white; } .header-body-nav li i { margin: 20px 0; font-size: 10px; color: #c30d23; } .news-time { text-align: right; } .header-body-list .header-li { cursor: pointer; margin: 8px 0; height: 15px; line-height: 15px; } .header-body-list .header-li:hover { color: #c30d23; } .header-body-list .news-time { } .header-body-list .news-title { margin: 0; padding: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .layui-badge-dot { font-size: 12px; background-color: #bcbcbc !important; } .header-body-list .header-business-title { padding: 10px; text-align: left; color: #c30d23; font-size: 26px; font-weight: bold; } .header-body-list .header-business-en { padding: 0 10px; text-align: left; font-size: 16px; font-weight: bold; } .header-body-list .header-business-content { padding: 10px; text-align: left; } .project-body-type { padding: 0 25px; height: 100%; border-style: none outset; border-color: white; border-width: 1px; } .project-body-type .news-title { margin: 0; padding: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .investment-img-list { text-align: center; } .investment-img-list img { width: 500px; height: 220px; }