.bgImg { width: 100% } .bgImg img { width: 100%; display: block } .listMenu { width: 230px; position: relative; top: -66px; -webkit-box-flex: 0; -ms-flex: none; flex: none } .listMenu .title { text-align: center; background: #d92d25; color: #fff; font-size: 30px; line-height: 118px; height: 118px } .listMenu ul li a { cursor: pointer; text-align: center; background: #f2efef; color: #333; font-size: 18px; line-height: 70px; height: 70px; display:block } .listMenu ul li a.active,.listMenu ul li a:hover { background: #fff; color: #d92d25; -webkit-box-shadow: 1px 1px 8px #dddada; box-shadow: 1px 1px 8px #dddada } .Breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 18px 10px; border-bottom: 2px solid #eee; margin-bottom: 10px } .Breadcrumb .el-breadcrumb__inner a,.Breadcrumb .el-breadcrumb__inner.is-link { font-weight: 400; color: #666 } .Breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { color: #999 } @media screen and (max-width:768px) { .listWrap .listContent { width: 100%; padding: 0 15px 30px 15px; -webkit-box-sizing: border-box; box-sizing: border-box } } @media screen and (min-width:769px) { .listWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .listWrap .listContent { width: calc(100% - 230px); padding: 0 0 30px 40px; -webkit-box-sizing: border-box; box-sizing: border-box } } /*标题*/ h3.etitle{font-size: 20px; line-height: 80px; text-align: left;} /*新闻列表*/ .newslist ul li a{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .newslist ul li a p{width: 100%; font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px;} .newslist ul li span{font-size: 14px; -webkit-box-flex: 0; -ms-flex: none; flex: none; color: #999; line-height: 40px;} /*新闻内页*/ .articleTitle{font-size:22px;line-height:28px;padding:15px 0;color:#333;text-align:left} .articleTime{text-align:left;font-size:14px;color:#a7a7a7;line-height:20px;margin-bottom:18px} .articleBody{ line-height:2;} .articleBody img{ display:inline-block;} .articleBody *{max-width:100%;} /*大事件*/ .listMenu ul ul{ display:none} .dev_index_l { width: 170px } .dev_index_l_wrap { width: 100% } .dev_index_l_wrap ul { width: 24px; float: right; position: relative; margin-top: -2px } .dev_index_l_wrap li { width: 18px; height: 60px; line-height: 60px; text-align: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABZCAIAAABXBFisAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGmGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0MDoxMSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMDNUMTQ6NDM6MzUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMDNUMTQ6NDM6MzUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQxOjAzKzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNTkzMTAyMi5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQzOjM1KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1LnBuZyDlt7LlrZjlgqgmI3hBOyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplMTAyMWE3My02ZDMyLTc1NDMtOGRlNC1kMDk0OGNkZDk2MTEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3OGE4ODU1NC02ZjBiLTFkNDYtYmRkNS03MzM1OWZkNTZiYWEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYmUxZGQzZi1kNzIzLTM0NDktOTI3YS1lMjhiMjAyYTRkOTEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZTFkZDNmLWQ3MjMtMzQ0OS05MjdhLWUyOGIyMDJhNGQ5MSIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0wM1QxNDo0MDoxMSswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTEwMjFhNzMtNmQzMi03NTQzLThkZTQtZDA5NDhjZGQ5NjExIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQzOjM1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlfXg5QAAADLSURBVFiF7ZhBDsQgCEU/Zs6pvf8dZpgFo3HUorgyDSwq0b7+SgmYEjNj2VJKAMI6UCyIjkktEBEAua4yMth0ZBCdIdlPhnqNiOo7xJfJev5VPFmrN1b8Zrd/sV6MxNb3ceYIpsm0kiW3TJNHyMmlMUoenRADZ5xx5nzmrslqzKj0BINO7q0MgGKMCjbWn54MSkFl5uu6Ju/2e2rXveeMdqaY6hiY3pxxxpk9ZlaremN+m5nJmU+xJzH2WAOfDSZrOePMIxnDvxAA+AKnb07/WDo7nwAAAABJRU5ErkJggg==) no-repeat 100%;background-size: auto 100%; margin-top: -1px; margin-right: 5px } .dev_index_l_wrap li span { position: relative; padding-right: 30px; color: #5e5e5e; font-family: Arial; float: right; font-size: 18px; right: -5px; margin-top: -1px; cursor: pointer } .dev_index_l_wrap li.active span { font-size:40px;color:#d92d25;font-weight:700;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAIAWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0NDowMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQ0OjU1KzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNjExMDY0Ny5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQ2OjIyKzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1Ni5wbmcg5bey5a2Y5YKoJiN4QTsyMDE5LTA3LTIzVDEzOjQ5OjA4KzA4OjAwJiN4OTvmlofku7YgZGV2X2Npci5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTIzVDEzOjUxOjI0KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXGRldl9jaXLlia/mnKwucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI4MmIwYmRhLTQ4ZTUtMTc0OC04MGM2LWExNmJkYzEzMmQ4MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmM5ZDMyLTUwNzAtNTY0NC05Yzk3LTA3MDFiYzU0YzBiZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzlkMzItNTA3MC01NjQ0LTljOTctMDcwMWJjNTRjMGJlIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQ0OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODk5MjJjNi1mYzRmLTMyNGEtYWY2Ny0xOGZmNWE3ZTExZTciIHN0RXZ0OndoZW49IjIwMTktMDctMDNUMTQ6NDY6MjIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0yM1QxMzo1MToyNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wPbzsAAAAj0lEQVQYlY3QsQnCYBRF4S+v11Y701i6hzqAq6gT6AoZwQygWcUuYqN1OiuL/AFBojnNg8u5PLjZdTGXmGGHNaZ44IwjbpAleYkSI9802KAK5Dj1iFJeIg/sMe4RPwvbwOqP2LEOTAbK08BzoPwIXAbKVeCgnecXDQ6BWrtjX6HbuY7uBRYocMcr3SLlFbwBbwwdJ+PkHi0AAAAASUVORK5CYII=) no-repeat 100%} .dev_index_l_box { overflow: hidden; width: 100%; position: relative; margin-bottom: 15px; max-height: 500px } .dev_index_l_top { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjQ1NzREN0FBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjQ1NzRENzlBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUI3QTlGNTI1N0E1RTYxMUJENTlDOUVEQ0VBRkQwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAKABADAREAAhEBAxEB/8QAYQAAAwEAAAAAAAAAAAAAAAAAAQQGCgEBAAAAAAAAAAAAAAAAAAAAABAAAQIEAwgDAAAAAAAAAAAAAQIDBDQFBxESNQAhU2MUZQY2IhMjEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDZ/cy5lZ8yrBt5b5ES6h6JVBVCOhSpt+pPNqKX4dh0ZempUOUkvOkgOAHeGwc4KW9uNXLbVtfgNwkRDdPbfDULGRClPLpKnlfk6h75dXRIgnMFJJ+rHFO7FICvs/79cL1GdidK1GeVJdr4/Py7AL8az4P6jPDW56Zamew8TmY7B//Z) no-repeat } .dev_index_l_bottom,.dev_index_l_top { display: block; width: 16px; height: 10px; margin-bottom: 15px; position: relative; float: right; right: -1px } .dev_index_l_bottom { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3NTdFNDM2ODc1RTYxMTk5MTRCNkNEMTU4NjUwQzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM3MUNCMTNBN0JEMTFFNkIyMjFFRDA5Qzk0NTE5M0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM3MUNCMTJBN0JEMTFFNkIyMjFFRDA5Qzk0NTE5M0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQ1NzRENzlBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjQ1NzREN0FBNTYwMTFFNjkzMjhCMDZFRTZFMUVCNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAKABADAREAAhEBAxEB/8QAZQAAAwEAAAAAAAAAAAAAAAAAAwUICgEBAAAAAAAAAAAAAAAAAAAAABAAAQMCAgYLAAAAAAAAAAAAAgEDBAUGMzUAERI0NgchMYFSE1NjVGRlNxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A2VV9y9+St7ya+MiTXLauCe688b7rhx5wPOE8cOYqqaQ6tFBV8FxE1GKdGsdsEAEWXe3PW8WpMV6VQbXoclp0HGHXBapbYmjgkJgoJMr0oRRUXqBO6CJrCkea3Adw5JuocQZfjBh/P9v62zoC/kz+f0jI8SVkGDjrv32nn9mgf//Z) no-repeat } /*竖版*/ @media screen and (max-width:768px) { .contentBox .timeScale .dev_index_l{ width:100%;} .dev_index_l_box{ overflow-x: auto; display:block; position:relative; height:45px; } .dev_index_l_wrap{position:relative; } .dev_index_l_wrap .dev_index_l_top{ left:-20px; top:10px; position:absolute;} .dev_index_l_wrap .dev_index_l_bottom{ right:-20px; top:10px; position:absolute;} .dev_index_l_wrap .dev_index_l_top,.dev_index_l_wrap .dev_index_l_bottom{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .dev_index_l_wrap .dev_index_l_top,.dev_index_l_wrap .dev_index_l_bottom{ background-image:none} .dev_index_l_wrap .dev_index_l_top:before{content:"\E6DE"} .dev_index_l_wrap .dev_index_l_bottom:before{content:"\E6E0"} .dev_index_l_box ul { left:0px; position:absolute; } .dev_index_l_wrap .dev_index_l_box ul li{ display:block; text-align: center; cursor: pointer; width: 60px; border-bottom: 1px solid #000; padding-bottom: 10px; position: relative; font-size: 14px; line-height: 30px; margin-bottom: 4px; background-image:none; height:auto;float:left; margin-left:auto; margin-right:auto; } .dev_index_l_wrap li span { position: relative; padding: 0px; color: #5e5e5e; font-family: Arial; float: right; font-size: 14px; right:auto; margin-top:auto; position: relative; bottom: -3px; -webkit-box-flex: 0; -ms-flex: none; flex: none; width:100%; text-align:center; } .dev_index_l_wrap li.active span { font-size:14px;color:#d92d25;font-weight:700; background-image:none} .dev_index_l_box ul li.active{ color: #d92d25; font-size: 24px; font-weight: bolder } .dev_index_l_box ul li.active:before { content: ""; width: 10px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAIAWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNy0wM1QxNDo0NDowMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDctMjNUMTM6NTE6MjQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHBob3Rvc2hvcDpIaXN0b3J5PSIyMDE5LTA3LTAzVDE0OjQ0OjU1KzA4OjAwJiN4OTvmlofku7YgMTU2MjEzNjExMDY0Ny5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTAzVDE0OjQ2OjIyKzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXDE1Ni5wbmcg5bey5a2Y5YKoJiN4QTsyMDE5LTA3LTIzVDEzOjQ5OjA4KzA4OjAwJiN4OTvmlofku7YgZGV2X2Npci5wbmcg5bey5omT5byAJiN4QTsyMDE5LTA3LTIzVDEzOjUxOjI0KzA4OjAwJiN4OTvmlofku7YgQzpcVXNlcnNcaG9uZ2RvdVxEZXNrdG9wXGRldl9jaXLlia/mnKwucG5nIOW3suWtmOWCqCYjeEE7IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmI4MmIwYmRhLTQ4ZTUtMTc0OC04MGM2LWExNmJkYzEzMmQ4MyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmNkNmM5ZDMyLTUwNzAtNTY0NC05Yzk3LTA3MDFiYzU0YzBiZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2Q2YzlkMzItNTA3MC01NjQ0LTljOTctMDcwMWJjNTRjMGJlIiBzdEV2dDp3aGVuPSIyMDE5LTA3LTAzVDE0OjQ0OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODk5MjJjNi1mYzRmLTMyNGEtYWY2Ny0xOGZmNWE3ZTExZTciIHN0RXZ0OndoZW49IjIwMTktMDctMDNUMTQ6NDY6MjIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjNkYzM1MTMzLTNlNjUtMjk0MC05MTI0LTllZWFkNDg3NmM2NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNy0yM1QxMzo1MToyNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wPbzsAAAAj0lEQVQYlY3QsQnCYBRF4S+v11Y701i6hzqAq6gT6AoZwQygWcUuYqN1OiuL/AFBojnNg8u5PLjZdTGXmGGHNaZ44IwjbpAleYkSI9802KAK5Dj1iFJeIg/sMe4RPwvbwOqP2LEOTAbK08BzoPwIXAbKVeCgnecXDQ6BWrtjX6HbuY7uBRYocMcr3SLlFbwBbwwdJ+PkHi0AAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%; position: absolute; -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%); bottom: 0; left: 50% } .dev_index_l_box ul li:after { content: "|"; line-height: 12px; font-size: 12px; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; left: 50% } } .module-title { text-align: left; font-size: 22px; line-height: 28px; color: #333; margin-bottom: 20px } @media screen and (min-width:769px) { .contentBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .contentBox .timeScale { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 20px; margin-right: 25px } .contentBox .eventBox { width: calc(100% - 195px) } .contentBox .eventBox .year { text-align: left; font-size: 42px; line-height: 50px; font-weight: bolder; color: #666; margin-bottom: 20px } .el-card { border-radius: 20px } @media screen and (max-width:768px) { .contentBox .timeScale { margin-right: auto; } .contentBox .eventBox { width: 100% } .contentBox .eventBox .eventCard { border-left: 12px solid #d92d25; margin-bottom: 20px } .contentBox .eventBox .eventCard .el-card__body { padding: 10px } .contentBox .eventBox .eventCard:last-child { margin-bottom: 0 } .contentBox .eventBox .eventCard h4 { text-align: left; font-size: 16px; line-height: 20px; color: #666 } .contentBox .eventBox .eventCard .eventCard-content { text-align: left; font-size: 14px; line-height: 20px; color: #666 } .hislist .el-card { border-radius: 5px } .hislist .el-card .el-card__body>h4{ font-weight:bold;} } @media screen and (min-width:769px) { .contentBox .eventBox .eventCard { border-left: 12px solid #d92d25; margin-bottom: 40px } .contentBox .eventBox .eventCard:last-child { margin-bottom: 0 } .contentBox .eventBox .eventCard h4 { text-align: left; font-size: 20px; line-height: 24px; color: #666 } .contentBox .eventBox .eventCard .eventCard-content { text-align: left; font-size: 17px; line-height: 24px; color: #666 } } /*企业风采*/ .articleContent { width: 100%; padding: 0 15px 30px 15px; -webkit-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width:768px) { .articleWrap .articleContent { width: 100%; padding: 0 15px 30px 15px; -webkit-box-sizing: border-box; box-sizing: border-box } .el-card { border-radius: 20px } } @media screen and (min-width:769px) { .articleWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .articleWrap .articleContent { width: calc(100% - 230px); padding: 0 0 30px 40px; -webkit-box-sizing: border-box; box-sizing: border-box } } @media only screen and (min-width:481px) { .rootDom { padding: 27px 50px 0 50px } } .title { font-size: 22px; line-height: 28px; color: #333; text-align: left; margin-bottom: 20px } .summary { text-indent: 2em; font-size: 16px; line-height: 32px; color: #000; font-family: MicrosoftYaHei; margin: 28px 0; text-align: left } /*视频圆角*/ .shipin .el-card { border-radius: 5px } .personCard-name { text-align: left; font-size: 32px; font-weight: 700; font-stretch: normal; line-height: 40px; color: #333 } .personCard-position { text-align: left; font-family: MicrosoftYaHei; font-size: 16px; font-weight: 700; font-stretch: normal; line-height: 30px; color: #333; margin-bottom: 16px } .personCard-title { font-weight: 700; margin-bottom: 20px } .personCard-des,.personCard-title { text-align: left; font-size: 15px; font-family: MicrosoftYaHei; line-height: 28px; color: #666 } .personCard-des { text-indent: 2em } .personCard-imgWrap { width: 100% } .personCard-imgWrap img { width: 100%; display: block } /*产业*/ .bannerMenu { position: relative; top: -25px; z-index: 99; background: #d92d25 } .bannerMenu .el-menu { background: #d92d25; border-bottom: none } .bannerMenu .el-menu-item { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 50px; color: #fff; height: auto; text-align: center } .bannerMenu .el-menu-item.is-active { position: relative; top: -5px; background: #fff } .bannerMenu .el-menu-item:hover:not(.is-active) { position: relative; top: -5px; color: #d92d25!important; -webkit-animation: upBtn-data-v-b427e038 .5s; animation: upBtn-data-v-b427e038 .5s; background: #fff } .bannerMenu .el-menu-item a { color:#FFFFFF; display:block} .bannerMenu .el-menu-item.is-active a{color: #d92d25!important;} .bannerMenu-item a { font-size: 18px; line-height: 70px; color: #fff; width: 100%; display: block; } .bannerMenu-item.active { position: relative; top: -5px } .bannerMenu-item.active a { color: #d92d25; background: #fff } .bannerMenu-item:hover { position: relative; top: -5px; -webkit-animation: upBtn-data-v-b427e038 .5s; animation: upBtn-data-v-b427e038 .5s } .bannerMenu-item:hover a { color: #d92d25; background: #fff } .bannerMenu .el-menu-item:hover a {color: #d92d25;} @-webkit-keyframes upBtn-data-v-b427e038 { 0% { top: 0 } to { top: -5px } } @keyframes upBtn-data-v-b427e038 { 0% { top: 0 } to { top: -5px } } .story { margin-bottom: 20px } @media screen and (min-width:769px) { .story { height: 30vw; max-height: 400px } } @media screen and (min-width:769px) { .story .flexWrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media screen and (max-width:768px) { .story .flexWrap .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px } } @media screen and (min-width:769px) { .story .flexWrap .article { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .story .flexWrap .article .time { -webkit-box-flex: 0; -ms-flex: none; flex: none } .story .flexWrap .article .time h4 { text-align: right; font-size: 30px; line-height: 40px; color: #323232 } .story .flexWrap .article .time h5 { text-align: right; font-size: 15px; line-height: 20px; color: #323232 } @media screen and (max-width:768px) { .story .flexWrap .article .des { margin-left: 30px } } @media screen and (min-width:769px) { .story .flexWrap .article .des { margin: 0 30px } .story .flexWrap .article .des h3 { margin-bottom: 20px } } .story .flexWrap .article .des h3 { text-align: left; color: #333 } @media screen and (max-width:768px) { .story .flexWrap .article .des h3 { font-size: 20px; line-height: 20px } } @media screen and (min-width:769px) { .story .flexWrap .article .des h3 { font-size: 26px; line-height: 26px } } .story .flexWrap p { text-align: left; font-size: 16px; color: #666; line-height: 2 } @media screen and (max-width:768px) { .story .flexWrap p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; word-break: break-all; margin-bottom: 10px } } @media screen and (min-width:769px) { .story .flexWrap p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical; word-break: break-all } } .story .flexWrap .imgWrap { -webkit-box-flex: 0; -ms-flex: none; flex: none } @media screen and (max-width:768px) { .story .flexWrap .imgWrap { width: 100% } .story .flexWrap .imgWrap img { display: block; width: 100% } } @media screen and (min-width:769px) { .story .flexWrap .imgWrap { height: 100% } .story .flexWrap .imgWrap img { display: block; height: 100% } } .product-grid { font-family: Roboto,sans-serif; position: relative; display: block; height: 100% } .product-grid .product-image { height: 100%; overflow: hidden; position: relative } .product-grid .product-image .imgWrap { width: 100%; height: 100% } .product-grid .product-image:before { content: ""; background: rgba(0,0,0,.3); width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s } .product-grid .product-image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .product-grid .product-image img:first-child { opacity: 1 } .product-grid .product-image img:first-child,.product-grid .product-image img:last-child { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s } .product-grid .product-image img:last-child { width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(3); transform: scale(3); position: absolute; top: 0; left: 0 } .product-grid .product-image .product-trend-label { width: 100%; font-weight: 700; color: #333; position: absolute; bottom: 0; left: 0; background: hsla(0,0%,100%,.7); text-align: center; z-index: 3 } @media screen and (min-width:769px) { .product-grid .product-image .product-trend-label { font-size: 18px; line-height: 47px } } @media screen and (max-width:768px) { .product-grid .product-image .product-trend-label { font-size: 14px; line-height: 30px } } .product-grid:hover .product-image:before { opacity: 1 } .product-grid:hover .product-image img:first-child { opacity: 0 } .product-grid:hover .product-image img:last-child { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .swiperBanner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 30px } .swiperBanner i { font-size: 50px; line-height: 50px; -webkit-box-flex: 0; -ms-flex: none; flex: none; outline: none; color: #999 } .swiperBanner i:active { color: #d92d25 } .swiperBanner .el-icon-arrow-left { margin-right: 50px } .swiperBanner .el-icon-arrow-right { margin-left: 50px } .swiperBanner .swiperContainer { width: 100% } @media screen and (max-width:768px) { .swiperBanner .swiperContainer { margin-top: 20px; margin-left:auto; margin-right:auto } /* .swiperBanner .swiperContainer .swiper-slide { width: 40% }*/ .swiperBanner .el-icon-arrow-left { margin-right: 0px } .swiperBanner .el-icon-arrow-right { margin-left: 0px } } .swiperBanner .swiperContainer .item-wrap { max-height: 345px } @media screen and (max-width:768px) { .swiperBanner .swiperContainer .item-wrap { height:auto; } } @media screen and (min-width:769px) { .swiperBanner .swiperContainer .item-wrap { height: calc((100vw - 300px)/4*1.4) } } @media screen and (min-width:1280px) { .swiperBanner .swiperContainer .item-wrap { height: 343px } } .swiperBanner .swiperContainer .item-wrap:hover .name { color: #d92d25 } .swiperBanner .swiperContainer .item-wrap img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .swiperBanner .swiperContainer .item-wrap .name { position: absolute; left: 0; bottom: 0; width: 100%; background: hsla(0,0%,100%,.4); color: #666; font-size: 18px; font-weight: 400; font-stretch: normal; line-height: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .swiperBanner .swiperContainer .item-wrap .name:hover { color: #d92d25 } @media screen and (min-width:769px) { .module { margin-bottom: 48px } } @media screen and (max-width:768px) { .module { margin-bottom: 20px } } .module-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 48px } .module-title span { color: #343434; border-bottom: 3px solid #d92d25; padding: 15px 10px } @media screen and (max-width:768px) { .module-title span { font-size: 22px; line-height: 30px } } @media screen and (min-width:769px) { .module-title span { font-size: 28px; line-height: 43px } } @media screen and (max-width:768px) { .category-content { padding: 0 15px } } .first-img { display: block; width: 100%; margin-bottom: 30px } .first-des { text-align: left; font-size: 15px; font-weight: 400; font-stretch: normal; line-height: 24px; letter-spacing: 0; color: #666 } .first-des p { text-align: left } @media screen and (max-width:768px) { .first-des img { width: 100% } } .second .imgBox { height: 49vw; max-height: 621px } .second .imgBox .imgWrap-left { width: 100%; height: 100% } .second .imgBox .imgWrap-left img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .second .imgBox .imgWrap-right { width: 100% } @media screen and (max-width:768px) { .second .imgBox .imgWrap-right { height: calc((100% - 15px)/2) } .second .imgBox .imgWrap-right:first-child { margin-bottom: 15px } } @media screen and (min-width:769px) { .second .imgBox .imgWrap-right { height: calc((100% - 24px)/2) } .second .imgBox .imgWrap-right:first-child { margin-bottom: 24px } } .second .imgBox .imgWrap-right img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } /*红豆文化*/ @-webkit-keyframes remindMove { 0% { right: calc((100% - 40px)/2) } to { right: 0 } } @keyframes remindMove { 0% { right: calc((100% - 40px)/2) } to { right: 0 } } .qixi-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:768px) { .qixi-carousel { position: relative } .qixi-carousel.remind:after { content: ""; width: 100%; height: 100%; position: absolute; z-index: 990; background: rgba(0,0,0,.5) } .qixi-carousel.remind i.el-icon-thumb { display: block; -webkit-animation: remindMove 1s ease-out .5s 3; animation: remindMove 1s ease-out .5s 3 } .qixi-carousel>i{ display:none} .qixi-carousel .el-card{ border-radius: 3px} } .qixi-carousel i:not(.el-icon-thumb) { font-size: 50px; color: #bfbfbf; -webkit-box-flex: 0; -ms-flex: none; flex: none; font-weight: bolder } .qixi-carousel i:not(.el-icon-thumb):active { color: #d92d25 } .qixi-carousel i.el-icon-thumb { display: none; font-size: 40px; color: #fff; position: absolute; right: calc((100% - 40px)/2); z-index: 999; top: calc((100% - 40px)/2) } .qixi-carousel .carousel { width: 100%; height: 30vw; max-height: 380px } @media screen and (min-width:769px) { .qixi-carousel .carousel { margin: 0 40px 20px 40px } } .qixi-carousel .carousel .item-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @media screen and (min-width:769px) { .qixi-carousel .carousel .item-box { -webkit-perspective: 400px; perspective: 400px } } @media screen and (max-width:768px) { .qixi-carousel .carousel .item-box { -webkit-perspective: 130px; perspective: 130px } } .qixi-carousel .carousel .item-box .imgWrap { width: 40%; height: 80%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; left: 20px } .qixi-carousel .carousel .item-box .imgWrap img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .qixi-carousel .carousel .item-box .wordCard { height: 70%; width: calc(60% - 25px) } .qixi-carousel .carousel .item-box .wordCard h4 { color: #666; position: relative; top: -10px; opacity: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (min-width:769px) { .qixi-carousel .carousel .item-box .wordCard h4 { font-size: 38.3px; line-height: 43px; margin-bottom: 24px } } @media screen and (max-width:768px) { .qixi-carousel .carousel .item-box .wordCard h4 { font-size: 14px; line-height: 18px; margin-bottom: 8px } } .qixi-carousel .carousel .item-box .wordCard p { color: #999; position: relative; top: 10px; opacity: 0 } @media screen and (min-width:769px) { .qixi-carousel .carousel .item-box .wordCard p { font-size: 18px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all } } @media screen and (max-width:768px) { .qixi-carousel .carousel .item-box .wordCard p { font-size: 12px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all } } .qixi-carousel .carousel .item-box .solid { height: 50%; width: 25px; background: #d92d25 } @media screen and (min-width:769px) { .qixi-carousel .carousel .item-box .solid { width: 25px } } @media screen and (max-width:768px) { .qixi-carousel .carousel .item-box .solid { width: 5px } } .qixi-carousel .carousel .swiper-slide-active .item-box .imgWrap { -webkit-transform: rotateY(-10deg); transform: rotateY(-10deg); -webkit-transition: -webkit-transform 1s ease-in; transition: -webkit-transform 1s ease-in; transition: transform 1s ease-in; transition: transform 1s ease-in,-webkit-transform 1s ease-in } .qixi-carousel .carousel .swiper-slide-active .item-box .wordCard h4 { -webkit-transform: translateY(10px); transform: translateY(10px) } .qixi-carousel .carousel .swiper-slide-active .item-box .wordCard h4,.qixi-carousel .carousel .swiper-slide-active .item-box .wordCard p { opacity: 1; -webkit-transition: opacity 1s ease-in,-webkit-transform 1s ease-in; transition: opacity 1s ease-in,-webkit-transform 1s ease-in; transition: transform 1s ease-in,opacity 1s ease-in; transition: transform 1s ease-in,opacity 1s ease-in,-webkit-transform 1s ease-in } .qixi-carousel .carousel .swiper-slide-active .item-box .wordCard p { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .qixi-carousel .el-card__body{padding: 40px 40px 40px 60px;} .module-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (min-width:769px) { .module-title { margin-bottom: 48px } } @media screen and (max-width:768px) { .module-title { margin-bottom: 20px } } .module-title span { color: #343434; border-bottom: 3px solid #d92d25; padding: 15px 10px } @media screen and (max-width:768px) { .module-title span { font-size: 22px; line-height: 30px } } /*.contentBox>.el-row>.el-col{padding-left: 25px; padding-right: 25px; margin-bottom: 80px;} .contentBox>.el-row{margin-left: -25px; margin-right: -25px;}*/ @media screen and (min-width:769px) { .module-title span { font-size: 28px; line-height: 43px } .contentBox{ margin-top:-40px;} .contentBox .el-col { margin-bottom: 40px;padding-left: 25px; padding-right: 25px; margin-top:40px; } } .contentBox { padding-bottom: 30px } .contentBox .pagination { text-align: center } @media screen and (max-width:768px) { .contentBox { padding-left: 15px; padding-right: 15px } .contentBox .el-col { margin-bottom: 20px } } .contentBox .PC-card { display: block } .contentBox .PC-card .imgWrap { width: 100%; border-radius: 8px; overflow: hidden; position: relative; top: 10px } @media screen and (max-width:768px) { .contentBox .PC-card .imgWrap { height: calc((100vw - 50px)/2*0.44) } } @media screen and (min-width:769px) { .contentBox .PC-card .imgWrap { max-height: 171px; height: calc((100vw - 100px)/3*0.44) } } .contentBox .PC-card .imgWrap img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .contentBox .PC-card .cardWrap { padding: 0 12px } @media screen and (max-width:768px) { .contentBox .PC-card .cardWrap .el-card__body { padding: 10px } } .contentBox .PC-card .cardWrap h4 { font-weight: 700; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (max-width:768px) { .contentBox .PC-card .cardWrap h4 { font-size: 16px; line-height: 30px } } @media screen and (min-width:769px) { .contentBox .PC-card .cardWrap h4 { font-size: 18px; line-height: 50px } } .contentBox .PC-card .cardWrap p { color: #888; text-align: left } @media screen and (max-width:768px) { .contentBox .PC-card .cardWrap p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; font-size: 12px; line-height: 20px; height: 40px } } @media screen and (min-width:769px) { .contentBox .PC-card .cardWrap p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; font-size: 14px; line-height: 30px; height: 120px } } .contentBox>.el-row{ width:100%;} @media screen and (max-width:768px) { /*.contentBox>.el-row{margin-left: -5px; margin-right:-5px;}*/ .contentBox .el-col{padding-left: 5px; padding-right: 5px; margin-bottom: 0px;} .contentBox .PC-card .cardWrap .el-card{border-radius: 5px} .contentBox .PC-card .cardWrap { padding: 0 0px } .contentBox .PC-card { width: 100%; padding-bottom: 20px; display: block } .contentBox .PC-card .imgWrap { width: 100%; height: calc(25vw - 11.25px);border-radius: 5px 5px 0 0; } .contentBox .PC-card .imgWrap img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .contentBox .PC-card .word { padding: 6px } .contentBox .PC-card .word h5 { font-weight: 700; font-size: 14px; line-height: 16px; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .contentBox .PC-card .word p { font-size: 10px; line-height: 14px; color: #999; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } } /*员工风采*/ .staves { padding: 20px 0 } .staves-title { font-size: 28px; font-weight: 400; font-stretch: normal; line-height: 54.6px; letter-spacing: 0; color: #333; margin-bottom: 110px } .staves-PC { padding-top: 57px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .staves-PC li { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 6px solid #d92d25; width: 30%; padding: 0 40px; margin-right: 5%; margin-bottom: 80px; -webkit-box-shadow: -8px 0 40px 0 #d9d6d6; box-shadow: -8px 0 40px 0 #d9d6d6 } .staves-PC li:nth-child(3n+3) { margin-right: 0 } .staves-PC li .avatar { position: relative; top: -56px;height: 140px; width: 140px; line-height: 140px; } .staves-PC li h4 { font-size: 22px; font-weight: 400; font-stretch: normal; line-height: 30px; color: #333; margin-bottom: 38px } .staves-PC li p { font-size: 15px; font-weight: 400; font-stretch: normal; line-height: 20px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; letter-spacing: -.3px; color: #999; margin-bottom: 35px; text-align: left; } .staves-PC li .detailBtn { width: 128px; height: 36px; line-height: 36px; padding: 0; background-image: linear-gradient(50deg,#d92d25,#fe4e26); color: #fff; margin-bottom: 38px } @media screen and (max-width:768px) { .staves-PC { padding: 0 15px } .staves-PC li .detailBtn { display:none} .staves-PC li { margin:auto; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 4px solid #d92d25; width: 100%; padding: 15px; margin-bottom: 20px; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .staves-PC li:last-child { margin-bottom: 0 } .staves-PC li .el-avatar--circle { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 10px } .staves-PC li .avatar { top: 0px;height: 80px; width: 80px; line-height: 80px; } .staves-PC li h4 { font-size: 16px; font-weight: 400; font-stretch: normal; line-height: 30px; color: #333; text-align: left; margin-bottom: 10px } .staves-PC li p { font-size: 12px; line-height: 20px; height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; color: #999; text-align: left; margin-bottom:0px; } } /*社会招聘*/ .mobileSelect { position: relative; z-index: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s,z-index .4s; transition: opacity .4s,z-index .4s } .mobileSelect * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box } .mobileSelect .grayLayer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #eee; background: rgba(0,0,0,.7); z-index: 888; display: block } .mobileSelect .content { width: 100%; display: block; position: fixed; z-index: 889; color: #000; -webkit-transition: all .4s; transition: all .4s; bottom: -350px; left: 0; background: #fff } .mobileSelect .content .fixWidth { width: 90%; margin: 0 auto; position: relative } .mobileSelect .content .fixWidth:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .mobileSelect .content .btnBar { border-bottom: 1px solid #dcdcdc; font-size: 15px; height: 45px; position: relative; text-align: center; line-height: 45px } .mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure { height: 45px; width: 55px; cursor: pointer; position: absolute; top: 0 } .mobileSelect .content .btnBar .cancel { left: 0; color: #666 } .mobileSelect .content .btnBar .ensure { right: 0; color: #d92d25 } .mobileSelect .content .btnBar .title { font-size: 15px; padding: 0 15%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .mobileSelect .content .panel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .mobileSelect .content .panel .wheels { width: 100%; height: 200px; overflow: hidden } .mobileSelect .content .panel .wheel { position: relative; z-index: 0; float: left; width: 50%; height: 200px; overflow: hidden; -webkit-transition: width .3s ease; transition: width .3s ease } .mobileSelect .content .panel .wheel .selectContainer { display: block; text-align: center; -webkit-transition: -webkit-transform .18s ease-out; transition: -webkit-transform .18s ease-out; transition: transform .18s ease-out; transition: transform .18s ease-out,-webkit-transform .18s ease-out } .mobileSelect .content .panel .wheel .selectContainer li { font-size: 15px; display: block; height: 40px; line-height: 40px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .mobileSelect .content .panel .selectLine { height: 40px; width: 100%; position: absolute; top: 80px; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc } .mobileSelect .content .panel .shadowMask { position: absolute; top: 0; width: 100%; height: 200px; background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(hsla(0,0%,100%,0)),to(#fff)); background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0),#fff); opacity: .9; pointer-events: none } .mobileSelect-show { opacity: 1; z-index: 10000; visibility: visible } .mobileSelect-show .content { bottom: 0 } #trigger { font-size: 14px; line-height: 30px; color: #333 } .recruitment { -webkit-box-sizing: border-box; box-sizing: border-box } .recruitment .bgWrap { padding-top: 40px } @media screen and (min-width:769px) { .recruitment .bgWrap { padding-bottom: 40px } } .recruitment .PCJobs .toolbar { margin-bottom: 50px; float:left; width:100%; } .recruitment .PCJobs .toolbar h4+.fun{ float:right} .recruitment .PCJobs .toolbar> h4 { font-size: 22px; font-weight: 700; line-height: 24px; color: #343434; float:left; } .recruitment .PCJobs .toolbar .selectCategory { margin-right: 30px } .recruitment .PCJobs .toolbar .selectCategory input { border-radius: 20px; background: #d92d25; color: #fff } .recruitment .PCJobs .toolbar .selectCategory input::-webkit-input-placeholder { color: #fff } .recruitment .PCJobs .toolbar .selectCategory input:-moz-placeholder,.recruitment .PCJobs .toolbar .selectCategory input::-moz-placeholder { color: #fff } .recruitment .PCJobs .toolbar .selectCategory input:-ms-input-placeholder { color: #fff } .recruitment .PCJobs .toolbar .selectCategory input::-ms-input-placeholder { color: #fff } .recruitment .PCJobs .el-table,.recruitment .PCJobs .el-table__fixed-right-patch { background: transparent } .recruitment .PCJobs .el-table thead { color: #343434 } .recruitment .PCJobs .el-table th,.recruitment .PCJobs .el-table tr { background: transparent } .recruitment .PCJobs .el-table .el-button--text { color: #343434 } .recruitment .PCJobs .el-table__header-wrapper { border-bottom: 1px solid #bcbcbc } @media screen and (max-width:768px) { .recruitment .PCJobs { padding: 0 15px; margin-bottom: 20px } .recruitment .PCJobs .categorySelect { border-top: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .recruitment .PCJobs .categorySelect p { padding: 0 10px; border-right: 1px solid #9c9c9c; font-size: 14px; line-height: 30px; color: #333 } .recruitment .PCJobs .list { background: #bfbfbf } .recruitment .PCJobs .list .remind { text-align: center; font-size: 14px; line-height: 30px; background: #fff } .recruitment .PCJobs .list li { padding: 15px 20px; background: #fff; margin-bottom: 5px } .recruitment .PCJobs .list li .jobPosition { font-size: 16px; line-height: 20px; color: #000 } .recruitment .PCJobs .list li .jobDetail { font-size: 16px; line-height: 20px; color: #d92d25 } .recruitment .PCJobs .list li p { text-align: left; color: #9c9c9c; font-size: 14px; line-height: 16px; margin-top: 8px } .recruitment .contact ul { padding: 0 15px } } .mobileJobs{ display:none} .articleTitle{font-weight:bold} .module-title span{ font-weight:bold} .recruitment .contact { padding: 40px 0 } .recruitment .contact ul { margin-top: 20px } @media screen and (min-width:769px) { .recruitment .contact ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 40px } } .recruitment .contact ul li { font-size: 24px; color: #333; line-height: 28px; margin-right: 40px; text-align: left; margin-bottom: 20px } .recruitment .contact ul li:last-child { margin-bottom: 0 } .recruitment .contact ul li .iconfont { font-size: 24px; color: #d92d25; line-height: 28px; margin-right: 6px } .detailPopover .navBar { font-size: 15px; font-weight: 700; line-height: 24px; color: #333; border-bottom: 1px solid #bfbfbf; padding-bottom: 10px; margin-bottom: 10px } /*.jobxx{ position:relative;}*/ .jobli .el-popover{ right:100%;} .deliver { background: #ffffff;width: 50%; text-align:center; } .deliver .el-dialog__title { font-weight: 700 } .deliver p { font-size: 15px; line-height: 30px; color: #333 } .deliver .dialog-footer { width: 100%; display: block; text-align: center } .deliver .uploadBtn { width: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px } .deliver .phoneNumber { margin: 30px 0 15px 0 } .deliver .code .el-input__inner,.deliver .phoneNumber .el-input__inner { border-radius: 16px; background: #e9e9e9 } .positionDetail { background: #ffffff; } .positionDetail .position { color: #000; font-size: 16px; font-weight: 600; text-align: left; margin-bottom: 6px } .positionDetail .education,.positionDetail .speciality { color: #666; font-size: 14px; text-align: left; margin-bottom: 6px } .positionDetail .topic { border-left: 4px solid #d92d25; padding-left: 10px; text-align: left } .positionDetail .xx{ padding:20px;} .positionDetail .el-divider { margin: 10px 0 } .positionDetail .htmlWrap { text-align: left; padding-top: 10px } .positionDetail .htmlWrap div,.positionDetail .htmlWrap h1,.positionDetail .htmlWrap h2,.positionDetail .htmlWrap h3,.positionDetail .htmlWrap h4,.positionDetail .htmlWrap h5,.positionDetail .htmlWrap p { text-align: left } .positionDetail h5 { text-align: left; font-size: 14px; color: #d92d25; margin-top: 20px } .recruitment .el-table--scrollable-y{ width: 100%; margin-bottom: 20px;height: 538px; background-color:#666666} .recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{width: 1280px; font-size:18px} .recruitment .el-table--scrollable-y .el-table__body-wrapper{height: 489px; } .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body{width: 1263px;} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover{width: 400px;display: none;} .recruitment .el-table_3_column_13{ width:174px;} .recruitment .el-table_3_column_14{ width:170px;} .recruitment .el-table_3_column_15{ width:170px;} .recruitment .el-table_3_column_16{ width:170px;} .recruitment .el-table_3_column_17{ width:170px;} .recruitment .el-table_3_column_18{ width:409px;} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobli button{ margin-left:10px;} @media screen and (max-width:1280px) { .recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{max-width:100%; overflow:hidden} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body{max-width:100%; overflow:hidden} .recruitment .el-table_3_column_13{ width:174px;} .recruitment .el-table_3_column_14{ width:170px;} .recruitment .el-table_3_column_15{ width:170px;} .recruitment .el-table_3_column_16{ width:170px;} .recruitment .el-table_3_column_17{ width:170px;} .recruitment .el-table_3_column_18{ width:170px;} .recruitment .contact h2.module-title,.recruitment .PCJobs .toolbar>h4{ padding-left:20px;} } @media screen and (max-width:1000px) { .recruitment .el-table_3_column_13{ width:17%;} .recruitment .el-table_3_column_14{width:20%;} .recruitment .el-table_3_column_15{width:12%;} .recruitment .el-table_3_column_16{width:20%;} .recruitment .el-table_3_column_17{width:8%;} .recruitment .el-table_3_column_18{ width:200px;} .recruitment .el-table--scrollable-y{height:auto;} .recruitment .el-table--scrollable-y .el-table__body-wrapper{height:auto;} } @media screen and (max-width:768px) { .recruitment .bgWrap{ padding-top:0px;} .recruitment .PCJobs .toolbar,.PCJobs .el-table,.PCJobs .toolbar{ display:none} .mobileJobs{ display:block} .recruitment .module-title{ text-align:left; display:block; padding-top:20px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #dddddd; padding-bottom:10px;} .recruitment .module-title span{ font-weight:bold; padding-top:0px; padding-bottom:10px;} .newslist .etitle{ font-weight:bold} .contact{ max-width:100%; overflow:hidden;} /*.recruitment .PCJobs .toolbar { margin-bottom:20px;} .recruitment .PCJobs{ max-width:90%;} .recruitment .el-table--scrollable-y .el-table__header-wrapper .el-table__header{ font-size:14px} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .cell{font-size:12px} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobli button.el-button--medium{font-size:12px;} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover{max-width: 150%;} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .navBar{ font-size:12px;} .recruitment .el-table_3_column_15{ display:none} .recruitment .el-table_3_column_16{ display:none} .recruitment .el-table_3_column_17{ display:none} .recruitment .el-table_3_column_18{ width:23%;} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .phone{ padding-left:10px; font-size:12px} .recruitment .el-table--scrollable-y .el-table__body-wrapper .el-table__body .jobxx .detailPopover .hc{ padding-top:10px;}*/ } /*@media screen and (max-width:480px) { .recruitment .PCJobs .toolbar { display:block} .recruitment .toolbar>h4{ padding-left:20px;} .recruitment .toolbar>h4+ .fun{ clear:both; display:block; margin:auto; padding-top:15px; padding-left:15px; padding-right:15px;} }*/ /*@media screen and (max-width:350px) {.recruitment .el-table_3_column_18{ width:23%;}}*/ /*视频中心*/ .box-card { margin: 50px 0 } @media screen and (max-width:768px) { .box-card { margin: 20px 15px } } .box-card-item { text-align: center } @media screen and (max-width:768px) { .box-card-item { margin-bottom: 10px } } .box-card-item.active .borderWrap .iconWrap,.box-card-item:hover .borderWrap .iconWrap { border-color: #d92d25 } .box-card-item.active .borderWrap .iconWrap i,.box-card-item.active p,.box-card-item:hover .borderWrap .iconWrap i,.box-card-item:hover p { color: #d92d25 } .box-card-item:last-child .borderWrap { border: none } .box-card-item .borderWrap { margin-bottom: 20px } @media screen and (max-width:768px) { .box-card-item .borderWrap { margin-bottom: 10px } } @media screen and (min-width:769px) { .box-card-item .borderWrap { margin-bottom: 20px; border-right: 2px solid #f0f0f0 } } .box-card-item .borderWrap .iconWrap { display: inline-block; text-align: center; border: 1px solid #666; border-radius: 50% } @media screen and (max-width:768px) { .box-card-item .borderWrap .iconWrap { height: 30px; width: 30px } .box-card-item .borderWrap .iconWrap i { font-size: 16px; line-height: 30px } } @media screen and (min-width:769px) { .box-card-item .borderWrap .iconWrap { height: 96px; width: 96px } .box-card-item .borderWrap .iconWrap i { font-size: 50px; line-height: 96px } } .box-card-item .borderWrap .iconWrap i,.box-card-item p { color: #666 } @media screen and (min-width:769px) { .box-card-item p { font-size: 18px; line-height: 24px } } @media screen and (max-width:768px) { .box-card-item p { font-size: 10px; line-height: 12px } } .index-module { padding: 0 20px } .index-module .index-module-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 58px; margin-bottom: 48px } .index-module .index-module-title span { font-size: 18px; line-height: 28px; color: #343434; font-weight: 400; border-bottom: 3px solid #d92d25; padding: 15px 10px } .index-module .imgWrap { width: 100%; height: 18vw; max-height: 232px; position: relative } .index-module .imgWrap .cardImg { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .index-module .imgWrap .play { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media screen and (min-width:769px) { .index-module .imgWrap .play { font-size: 50px; line-height: 50px } } @media screen and (max-width:768px) { .index-module .imgWrap .play { font-size: 30px; line-height: 30px } } .index-module .cardH4 { color: #333; text-align: left; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (max-width:768px) { .index-module .cardH4 { font-size: 14px; line-height: 30px } } @media screen and (min-width:769px) { .index-module .cardH4 { font-size: 18px; line-height: 80px } } /*.pagination { margin-bottom: 20px; text-align: center } */ /*视频内页*/ .YSvideo { width: 100%; display: block } .videoList .imgWrap { width: 100%; height: 18vw; max-height: 232px; position: relative } .videoList .imgWrap .cardImg { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .videoList .imgWrap .play { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } @media screen and (min-width:769px) { .videoList .imgWrap .play { font-size: 50px; line-height: 50px } } @media screen and (max-width:768px) { .videoList .imgWrap .play { font-size: 30px; line-height: 30px } } .cardH4 { color: #333; text-align: left; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (max-width:768px) { .cardH4 { font-size: 14px; line-height: 30px } } @media screen and (min-width:769px) { .cardH4 { font-size: 18px; line-height: 80px } } .videoList { padding: 20px } .videoList .active { color: #d92d25 } .videoList .more { text-align: left; margin-bottom: 10px } @media screen and (max-width:768px) { .videoList .more { font-size: 14px; line-height: 30px } } @media screen and (min-width:769px) { .videoList .more { font-size: 18px; line-height: 80px } } /*服务专区*/ .el-popover h4 { margin: 0 8px; letter-spacing: 1.1px; color: #333 } @media screen and (max-width:768px) { .el-popover h4 { font-size: 16px; line-height: 20px } } @media screen and (min-width:769px) { .el-popover h4 { font-size: 22px; line-height: 28px } } .el-popover p { margin: 0 8px; color: #333 } @media screen and (max-width:768px) { .el-popover p { font-size: 12px; line-height: 16px } } @media screen and (min-width:769px) { .el-popover p { font-size: 14px; line-height: 24px } } .map.module{ width:100%; padding:0px;} .map .mapWrap { position: relative;width:100%; clear:both } .map .cms+.mapWrap{ padding-top:20px;} /*.map .mapWrap .el-popover{ position:relative;}*/ .map .mapWrap .zb { position: absolute } @media screen and (max-width:768px) { .map .mapWrap .zb { left: 59%; top: 10% } } @media screen and (min-width:769px) { .map .mapWrap .zb { left: 51.4%; top: 18% } } .map .mapWrap .xd { position: absolute } @media screen and (max-width:768px) { .map .mapWrap .xd { left: 7%; top: 71% } } @media screen and (min-width:769px) { .map .mapWrap .xd { left: 39%; top: 74.5% } } .map .mapWrap .label { font-size: 30px; color: #d92d25; } .map .mapWrap .label span { color: #000; font-weight: bolder; font-size: 14px; display: block } .map .mapWrap img { width: 100%; display: block; } .map .mapWrap img.phone { display:none } .mapWrap .el-popper{ width:310px;display: none; padding:20px; /*top:auto; bottom:0px; left:auto; right:80px;*/ } .mapWrap .zb .el-popper{right:0px; left:auto;} .mapWrap .zb .el-popper:before{ content:''; width:100%; position: absolute; left: 0px; top: -10px; z-index:1; height:10px;} .mapWrap .zb .el-popper:after{ content:''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ffffff; z-index:2; position: absolute; right: 50px; top: -10px; } .mapWrap .xd .el-popper{ top:auto; bottom:60px;} .mapWrap .xd .el-popper:before{ content:''; width:100%; position: absolute; left: 0px; bottom: -10px; z-index:1; height:10px;} .mapWrap .xd .el-popper:after{ content:''; width: 0; height: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #ffffff; z-index:2; position: absolute; left: 20px; bottom: -10px; } @media screen and (max-width:768px) { .map .mapWrap img.phone {display: block;} .map .mapWrap img.pc { display:none;} .mapWrap .el-popper{ width:200px;} } .map .mapWrap .bm-view { width: 100%; height: 29vw } .message .title-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: 166px; height: 13vw; min-height: 80px; margin-bottom: 48px; position: relative } .message .title-bg .imgBg { width: 100%; height: 100%; -webkit-filter: blur(2px); filter: blur(2px); background: url(../img/titleBg.a0e7670c.jpg) no-repeat 50%; background-size: cover } .message .title-bg h2 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin: 0 } .message .btnWrap { text-align: center } @media screen and (max-width:768px) { .message .el-form { padding: 0 15px } .message .el-form .el-form-item { text-align: left } .message input { -webkit-user-select: auto; line-height: normal; } } /*七夕*/ .carousel-container { width:100%; padding:20px 0 } .carousel-container .carousel-slide { width:33vw; max-width:420px; -webkit-box-shadow:0 8px 30px #ddd; box-shadow:0 8px 30px #ddd } .carousel-container .carousel-slide .imgWrap { width:100%; height:49vw; max-height:625px } .carousel-container .carousel-slide .imgWrap img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .carousel-container .carousel-slide p { background:#fff; font-size:22px; line-height:85px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.6px; color:#333; text-align:center } @media screen and (max-width:768px) { .carousel-container .carousel-slide p { font-size:14px; line-height:40px } .carousel-container { width:100%; padding:20px 0; } .carousel-container .carousel-slide { width:70%; -webkit-box-shadow:0 8px 30px #ddd; box-shadow:0 8px 30px #ddd } .carousel-container .carousel-slide .imgWrap { width:100%; height:calc(90vw - 27px) } .carousel-container .carousel-slide .imgWrap img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .carousel-container .carousel-slide p { text-align:center; background-image:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.6px; color:#333 } } @media screen and (min-width:769px) { .carousel-container .carousel-slide p { font-size:22px; line-height:85px } } .carousel-container .swiper-slide:not(.swiper-slide-active) { -webkit-transform:scale(.8); transform:scale(.8); -webkit-transition:-webkit-transform .5s ease-out; transition:-webkit-transform .5s ease-out; transition:transform .5s ease-out; transition:transform .5s ease-out,-webkit-transform .5s ease-out } .carousel-container .swiper-slide.swiper-slide-active { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:-webkit-transform .5s ease-in; transition:-webkit-transform .5s ease-in; transition:transform .5s ease-in; transition:transform .5s ease-in,-webkit-transform .5s ease-in } .bottomBg, .topBg { width:100% } .bottomBg img, .topBg img { display:block; width:100% } @media screen and (max-width:768px) { .topBg { margin-bottom:40px } } @media screen and (min-width:769px) { .topBg { margin-bottom:100px } } @media screen and (max-width:768px) { .module { margin-bottom:40px; padding:0 15px } } @media screen and (min-width:769px) { .module { margin-bottom:150px } } .module> h4 { font-weight:400; color:#d92d25; text-align:center } @media screen and (max-width:768px) { .module> h4 { font-size:26px; line-height:46px; margin-bottom:20px } } @media screen and (min-width:769px) { .module >h4 { font-size:56px; line-height:74px; margin-bottom:64px } } @media screen and (min-width:769px) { .first { padding:0 20px } } .first video { display:block; width:100% } .first h5 { font-weight:400; color:#d92d25; text-align:left } @media screen and (max-width:768px) { .first h5 { font-size:20px; line-height:30px } } @media screen and (min-width:769px) { .first h5 { font-size:30px; line-height:53.2px } } .first .divider { width:57px; height:6px; margin:15px 0; background-color:#d92d25 } .first .articleContent { margin-top:40px } @media screen and (max-width:768px) { .first .articleContent img { width:100%; display:block; height:auto } } .second .second-carousel { margin-bottom:40px } .second .second-carousel .itemWrap { position:relative; width:100% } @media screen and (max-width:768px) { .second .second-carousel .itemWrap .cardBox { width:100% } } @media screen and (min-width:769px) { .second .second-carousel .itemWrap .cardBox { padding-bottom:8vw; position:relative; width:55%; z-index:0; -webkit-transition:-webkit-transform .5s; transition:-webkit-transform .5s; transition:transform .5s; transition:transform .5s,-webkit-transform .5s } .second .second-carousel .itemWrap .cardBox:hover { -webkit-transform:scale(1.1); transform:scale(1.1); z-index:2 } } .second .second-carousel .itemWrap .cardBox .pos { position:relative } .second .second-carousel .itemWrap .cardBox .pos .titleWrap { width:100%; position:absolute; left:0 } @media screen and (max-width:768px) { .second .second-carousel .itemWrap .cardBox .pos .titleWrap { top:10% } } @media screen and (min-width:769px) { .second .second-carousel .itemWrap .cardBox .pos .titleWrap { top:16% } } .second .second-carousel .itemWrap .cardBox .pos .titleWrap .title { background:#d92d25; font-weight:400; font-stretch:normal; letter-spacing:-.7px; color:#fff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media screen and (max-width:768px) { .second .second-carousel .itemWrap .cardBox .pos .titleWrap .title { font-size:24px; line-height:60px } } @media screen and (min-width:769px) { .second .second-carousel .itemWrap .cardBox .pos .titleWrap .title { font-size:36px; line-height:114px } } .second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; color:rgba(70,47,147,.2); line-height:30px } .second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap .arrow-left { font-size:30px; -webkit-transform:rotate(180deg); transform:rotate(180deg); position:relative; left:-1px; top:-3px } .second .second-carousel .itemWrap .cardBox .pos .titleWrap .arrow-wrap .arrow-right { font-size:30px; -webkit-transform:rotate(90deg); transform:rotate(90deg); position:relative; right:-1px; top:-2px } .second .second-carousel .itemWrap .cardBox .pos .padding { padding:0 26px } .second .second-carousel .itemWrap .cardBox .pos .padding .item-card p { font-size:15px; font-weight:400; font-stretch:normal; line-height:30px; letter-spacing:-.3px; color:#666; text-align:left } .second .second-carousel .itemWrap .cardBox .pos .padding .item-card img { width:100%; display:block; margin-top:20px; display:none } .second .second-carousel .itemWrap .item-img { width:55%; height:470px; -o-object-fit:cover; object-fit:cover; display:block; position:absolute; right:0; bottom:0; z-index:0 } .second .second-carousel .el-card__body{padding: 220px 70px 70px;} .second .second-carousel .itemWrap .titleWrap .title .t1{ display:none} .second .second-carousel .itemWrap .el-card__body .title{ display:none} @media screen and (max-width:768px) { .second .second-carousel .el-card__body{padding: 10px; padding-top:120px;} .second .second-carousel .itemWrap .el-card__body .title{ display:block} .second .second-carousel .itemWrap .titleWrap .title .t1{ display:block} .second .second-carousel .itemWrap .titleWrap .title .t2{ display:none} .second .second-carousel .itemWrap .item-img{ display:none} .second .second-carousel .itemWrap .cardBox .pos .padding .item-card img{ display:block} } .yuandian .pagination { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; width:100%; } .yuandian .pagination .swiper-pagination-bullet { width:14px; height:14px; border-radius:7px; margin-right:20px; -webkit-transition:width 1s,background 1s; transition:width 1s,background 1s; background-color: #D65059; } .yuandian .pagination .swiper-pagination-bullet:last-child { margin-right:0 } .yuandian .pagination span.swiper-pagination-bullet-active { width:70px; background:#d92d25 } @media screen and (max-width:768px) { } .third { padding:0 } @media screen and (max-width:768px) { .forth .articleBody img { width:100%; display:inline-block; height:auto } } /*模态窗体-员工视频*/ @media screen and (max-width: 480px) { ::v-deep .el-dialog { width: 90%; } } @media screen and (max-width:768px) {.el-dialog__body{ padding:0px;}} ::v-deep .el-dialog__body { padding: 0; } video { display: block; width: 100%; } @media screen and (max-width:480px) { .el-dialog { width:90% } } .el-dialog__body { padding:0 } video { display:block; width:100% } @media screen and (max-width:768px) { .articleBody img { width:100%; display:inline-block; height:auto } } @media screen and (min-width:769px) { .module { padding:20px 40px } } .module-title { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .module-title span { color:#343434; border-bottom:3px solid #d92d25; padding:15px 10px } @media screen and (min-width:769px) { .module-title span { font-size:28px; line-height:43px } } @media screen and (max-width:768px) { .module-title span { font-size:22px; line-height:30px } } .qixi-carousel .el-card__body{padding: 40px 40px 40px 60px;} @media screen and (max-width:500px) {.qixi-carousel .el-card__body{padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 60px;}} .wenhua{ margin-bottom:0px; padding-bottom:0px;} .swiper-container{ overflow:hidden;}