/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResGroupNewsNew_list-01001{ min-width: 320px; width: 100%; } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData { width: auto; text-align: center } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResGroupNewsNew_list-01001 .p_PromptNoneData .prompt_content { padding-left: 65px } /*引导短连接*/ .c_portalResGroupNewsNew_list-01001 .p_moreBtn { position: static; width: auto; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; text-align: center } .c_portalResGroupNewsNew_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResGroupNewsNew_list-01001 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_portalResGroupNewsNew_list-01001 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResGroupNewsNew_list-01001 .p_loading .iconfont:before { content: "" } .c_portalResGroupNewsNew_list-01001 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit } /*无效果/分组*/ .c_portalResGroupNewsNew_list-01001 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden } /*引导短连接 查看详情 */ .c_portalResGroupNewsNew_list-01001 .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.c_portalResGroupNewsNew_list-01001 .p_ToDetail:hover { cursor: pointer } /*概要信息*/ .c_portalResGroupNewsNew_list-01001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResGroupNewsNew_list-01001 .p_summary { text-align: left; vertical-align: top; word-break: break-all } /*辅助字段值*/ .c_portalResGroupNewsNew_list-01001 .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; line-height: 18px; vertical-align: top } /* 互动信息 */ .c_portalResGroupNewsNew_list-01001 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } /*概要列表标题*/ .c_portalResGroupNewsNew_list-01001 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResGroupNewsNew_list-01001 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } /*列表序容器*/ .c_portalResGroupNewsNew_list-01001 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; } /*无效果/分组*/ .c_portalResGroupNewsNew_list-01001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } /*资讯列表容器*/ .c_portalResGroupNewsNew_list-01001 .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px } /*行列表容器*/ .c_portalResGroupNewsNew_list-01001 .p_articles { margin: 0; width: inherit; height: 186px; padding: 0; } /*通用容器*/ .c_portalResGroupNewsNew_list-01001 .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; } /*主要内容区容器*/ .c_portalResGroupNewsNew_list-01001 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResGroupNewsNew_list-01001 { overflow: hidden; } .c_portalResGroupNewsNew_list-01001 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResGroupNewsNew_list-01001 .p_SummaryBox { width: auto; height: auto; } .c_portalResGroupNewsNew_list-01001 .p_assist { width: auto; height: auto; } /*覆盖阶段结束*/ /*改为inline-block*/ .c_portalResGroupNewsNew_list-01001 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResGroupNewsNew_list-01001 .p_about { display: inline-block; vertical-align: middle } /*end*/ /*组件样式开始*/ .c_portalResGroupNewsNew_list-01001 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .c_portalResGroupNewsNew_list-01001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResGroupNewsNew_list-01001 .p_thumbnail img { width:100%;} .c_portalResGroupNewsNew_list-01001 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-01001 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-01001 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResGroupNewsNew_list-01001 .p_assist { margin-top: 2px; } .c_portalResGroupNewsNew_list-01001 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResGroupNewsNew_list-01001 .p_ToDetail { float: right; position: relative } .c_portalResGroupNewsNew_list-01001 .p_summary { white-space: normal } .c_portalResGroupNewsNew_list-01001 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } /* 新增起止筛选时间 start */ .c_portalResGroupNewsNew_list-01001 .p_filterTime { padding: 15px 0 0; overflow: hidden;} .c_portalResGroupNewsNew_list-01001 .formItemInput { padding-left: 10px; padding-right: 5px; max-width: 468px; } .c_portalResGroupNewsNew_list-01001 .p_contactsTitle { width:auto; line-height:30px;} .c_portalResGroupNewsNew_list-01001 .formItemInput .formItemIconAfter{ right: 10px !important; position: absolute; top: 10px; } /* 新增起止筛选时间 end */ @media only screen and (max-width: 768px) { .layui-laydate-range{ width:85% !important; left: 20px !important; } .c_portalResGroupNewsNew_list-01001 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResGroupNewsNew_list-01001 .mp_linkUrl{ display: block; height: auto; } .c_portalResGroupNewsNew_list-01001 .p_SummaryBox{ display: none; } .c_portalResGroupNewsNew_list-01001 .p_ToDetail{ display: none !important; } .c_portalResGroupNewsNew_list-01001 .mP_SummaryBox{ clear: both; } .c_portalResGroupNewsNew_list-01001 .p_Information{ display: flex; padding: 10px 0; } .c_portalResGroupNewsNew_list-01001 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResGroupNewsNew_list-01001 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResGroupNewsNew_list-01001 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResGroupNewsNew_list-01001 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResGroupNewsNew_list-01001 .p_articles{border: none} .layui-laydate-content td, .layui-laydate-content th { height: 24px!important; padding:2px 5px!important; line-height: 20px; } } @media only screen and (min-width: 769px) { .c_portalResGroupNewsNew_list-01001 .mp_linkUrl{ display: none; } .c_portalResGroupNewsNew_list-01001 .mP_SummaryBox{ display: none; } .c_portalResGroupNewsNew_list-01001 .p_Information{ display: none; } .c_portalResGroupNewsNew_list-01001 .p_KeyWord{ display: none; } .c_portalResGroupNewsNew_list-01001 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { }@media only screen and (max-width: 768px) { .c_portalResGroupNewsNew_detail-01001 { min-width: 250px; } .c_portalResGroupNewsNew_detail-01001 .p_NewsDetail { padding: 0; } .c_portalResGroupNewsNew_detail-01001 .p_head { padding: 10px; text-align: left; overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_titleCon{ float: left; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_top { background:#f27b3b; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_recommend { background:#91d25a; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_hot { background:#ed575a; color: #fff; padding: 0 5px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_addTime{ text-align: left; padding: 0 10px; font-size: 14px; margin-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; background:#e6f7ff } /*图集概括描述*/ .c_portalResGroupNewsNew_detail-01001 .p_SummaryBox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; min-height: 68px; text-align: left; height: auto; padding: 10px; background: rgba(0, 0, 0, .6) } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNext { padding: 0; margin: 0; overflow: hidden; padding: 10px 0; margin-top:20px; } .c_portalResGroupNewsNew_detail-01001 .atlas-01 { display: block; } .c_portalResGroupNewsNew_detail-01001 .p_Atlas { padding: 0; margin-top: 0; margin-bottom: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox { position: absolute; bottom: 60px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail { display: inline-block; float: none; width: 16px !important; height: 16px !important; padding-bottom: 0; border-radius: 50%; margin: 0 2px; } .c_portalResGroupNewsNew_detail-01001 .p_header, .c_portalResGroupNewsNew_detail-01001 .p_headA { text-align: left; } .c_portalResGroupNewsNew_detail-01001 .p_TitleBoxA { margin-bottom: 10px; margin-left: 10px; margin-top: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 0; background: none; margin: 0 10px; padding-bottom: 5px; margin-bottom: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource { margin: 0; padding-bottom: 10px; padding-top: 0; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource li { float: none !important; display: block; width: 100%; padding: 0 10px; margin: 2px 0; } .c_portalResGroupNewsNew_detail-01001 .p_articlesTitle { display: block; padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_articles { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_previewBox, .c_portalResGroupNewsNew_detail-01001 .p_nextBox { float: left; width: 50%; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .i_title { display: block; width: 100%; margin-top: 4px; } .c_portalResGroupNewsNew_detail-01001 .i_title .clons { display: none; } .c_portalResGroupNewsNew_detail-01001 .p_imgsBox { width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top { height: 300px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .swiper-wrapper, .c_portalResGroupNewsNew_detail-01001 .swiper-slide { height: inherit; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide img { /* width: 100%; */ /* height: inherit; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-button-next, .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-button-prev { display: none; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs { width: 0; height: 0; padding: 0; } .c_portalResGroupNewsNew_detail-01001 .swiper-pagination { right: 0; left: -10px; top: auto; transform: translate(0, 0); text-align: center; bottom: 74px; z-index: 99999; } .c_portalResGroupNewsNew_detail-01001 .p_textBoxs { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .swiper-pagination .dot { display: inline-block; margin: 0 4px; } } @media only screen and (min-width: 769px) { .c_portalResGroupNewsNew_detail-01001 { width: 100%; height: 100%; margin-left: auto; margin-right: auto; min-height: 192px; min-width: 250px; max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .p_NewsDetail { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_head { padding: 20px; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_top { background:#f27b3b; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_recommend { background:#91d25a; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_hot { background:#ed575a; color: #fff; padding: 0 10px; margin-right: 5px; } .c_portalResGroupNewsNew_detail-01001 .p_addTime{ text-align: center; font-size: 14px; margin-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; background:#e6f7ff } .c_portalResGroupNewsNew_detail-01001 .p_dataSource { overflow: hidden; padding-top: 20px; margin: 20px 0; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource>li { display: inline-block; margin-right: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_dataSource>li:last-child { float: right; } .c_portalResGroupNewsNew_detail-01001 .p_topBox { margin-bottom: 10px; } /*摘要*/ .c_portalResGroupNewsNew_detail-01001 .p_summary { padding: 10px; white-space: normal; } .c_portalResGroupNewsNew_detail-01001 .p_articles { overflow: hidden; padding: 20px 0; } .c_portalResGroupNewsNew_detail-01001 .p_tags { display: inline-block; } .c_portalResGroupNewsNew_detail-01001 .p_tags .btn { padding: 8px 5px; } .c_portalResGroupNewsNew_detail-01001 .p_tag { display: inline-block; margin-right: 15px; margin-bottom: 10px; padding: 5px 10px; min-width: 60px; text-align: center; } /*图集*/ .c_portalResGroupNewsNew_detail-01001 .p_Atlas { padding: 10px 0; margin-top: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 30px; } .c_portalResGroupNewsNew_detail-01001 .p_images { width: 100%; height: auto; box-sizing: border-box; position: relative; padding: 75% 0 0; /*图片宽高比：默认75%：4:3；50%：2:1；20%是5:1； 依次类推*/ } .c_portalResGroupNewsNew_detail-01001 .p_img { position: absolute; top: 0; width: 100%; height: 100%; vertical-align: middle; text-align: center; overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_sLeft { display: inline-block; width: 90%; word-break: break-all; } .c_portalResGroupNewsNew_detail-01001 .p_curNum { display: inline-table; width: auto; } /*缩略图*/ .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox { padding: 10px 40px; position: relative; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailList { overflow: hidden; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail { position: relative; float: left; box-sizing: border-box; overflow: hidden; margin: 0 7.5px; /*间距*/ overflow: hidden; width: calc((100% - 45px) / 4); /*（总宽度-总间隙)/列数 例如：（100%-(4列-1)*15像素)/4列 */ padding-bottom: calc(((100% - 45px) / 4) * 0.75); /*0.75为系数 是高度/宽度的值 ，例如：0.75为 3/4 宽高比即为 4:3 */ height: 0px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_thumbnail.active { /*当前状态*/ } /*切换按钮001*/ .c_portalResGroupNewsNew_detail-01001 .p_interactionA { position: absolute; height: 100%; width: 50%; top: 0; left: 0; } .c_portalResGroupNewsNew_detail-01001 .p_interactionB { position: absolute; height: 100%; width: 50%; top: 0; right: 0; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnA { display: table; top: 50%; left: 0; position: absolute; margin-top: -47.5px; width: 30px; height: 85px; cursor: pointer; text-align: center; user-select: none; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnB { display: table; top: 50%; right: 0; left: auto; position: absolute; margin-top: -47.5px; width: 40px; height: 85px; cursor: pointer; text-align: center; user-select: none; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnA .iconfont, .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnB .iconfont { display: table-cell; vertical-align: middle; } .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox .p_SwitchBtnA, .c_portalResGroupNewsNew_detail-01001 .p_ThumbnailBox .p_SwitchBtnB { background: none; } /*切换按钮002*/ .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnC { top: 50%; left: 0; position: absolute; margin-top: -12px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_SwitchBtnD { top: 50%; right: 0; position: absolute; margin-top: -12px; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNext { overflow: hidden; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .c_portalResGroupNewsNew_detail-01001 .p_previewBox { float: left; width: 50%; } .c_portalResGroupNewsNew_detail-01001 .p_nextBox { float: right; width: 50%; text-align: right; } .c_portalResGroupNewsNew_detail-01001 .p_header { text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_TitleBoxA { display: inline-table; width: 100%; height: auto; max-width: 85%; vertical-align: middle; margin: 0; padding: 0; } .c_portalResGroupNewsNew_detail-01001 .p_headA { display: table-cell; vertical-align: middle; white-space: normal; word-break: break-all; word-wrap: break-word; overflow: hidden; margin: 0; padding: 0; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .p_infoBox, .c_portalResGroupNewsNew_detail-01001 .p_articlesTitle { display: none; } /*图集概括描述*/ .c_portalResGroupNewsNew_detail-01001 .p_SummaryBox { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; min-height: 68px; text-align: left; height: auto; padding: 10px; background: rgba(0, 0, 0, .6) } .c_portalResGroupNewsNew_detail-01001 .p_textBoxs { padding: 10px; } .c_portalResGroupNewsNew_detail-01001 .p_imgsBox { margin: 0 auto; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-container { width: 100%; height: 500px; margin-left: auto; margin-right: auto; } .c_portalResGroupNewsNew_detail-01001 .swiper-slide { background-size: cover; background-position: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-top { height: 480px; width: 100%; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-wrapper, .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide { height: inherit; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .swiper-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } .c_portalResGroupNewsNew_detail-01001 .swiper-button-prev { display: inline-table; text-align: center; position: absolute; left: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0,0,0,.5) } .c_portalResGroupNewsNew_detail-01001 .swiper-button-next { display: inline-table; text-align: center; position: absolute; right: 0; top: 50%; width: 36px; height: 50px; z-index: 999; cursor: pointer; margin-top: -25px; background: rgba(0, 0, 0, .5) } .c_portalResGroupNewsNew_detail-01001 .swiper-button-prev i, .c_portalResGroupNewsNew_detail-01001 .swiper-button-next i { display: table-cell; vertical-align: middle; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .swiper-pagination-bullet { display: inline-block; width: 20px; height: 20px; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide { display: inline-table; width: 105px !important; height: 85px !important; text-align: center; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .p_sImgBox { display: table-cell; width: auto; height: auto; vertical-align: middle; cursor: pointer; } .c_portalResGroupNewsNew_detail-01001 .gallery-thumbs .swiper-slide img { display: block; width: 100%; } .c_portalResGroupNewsNew_detail-01001 .gallery-top .ahref { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c_portalResGroupNewsNew_detail-01001 .p_PrevAndNextMo { display: none; } .c_portalResGroupNewsNew_detail-01001 .p_pagination { position: absolute; top: 50%; right: 10px; transform: translate(-50%, -50%); margin: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { /*中屏*/ }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ @keyframes point{from { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: 0.7; } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } @keyframes row{from { left: 0; } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } to { left: 15px; } } @keyframes bg{from { background-position: right 10%,center center!important; } to { background-position: right -20%, center center!important; } } to { background-position: right -20%, center center; } } to { background-position: right -20%, center center; } } to { background-position: right -20%, center center; } } to { background-position: right -20%, center center; } } to { background-position: right -20%, center center; } } #c_portalResGroupNewsNew_detail-15688826650553967 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15688826650553967 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4{ padding-bottom:7rem; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4 .news-logo{ width:67rem; margin:7rem auto 0; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4 .news-logo .img-box .img-con{ height:5rem; display:-webkit-flex; align-items:center; justify-content:center; text-align:center; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4 .news-logo .img-box .img-con img{ width:80%; } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_detail-15688826650553967 .con4{ padding-bottom: 120px; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4 .news-logo { margin: 130px 30px 0; width: auto; } } @media screen and (max-width: 468px){ #c_portalResGroupNewsNew_detail-15688826650553967 .con4{ padding-bottom: 40px; } #c_portalResGroupNewsNew_detail-15688826650553967 .con4 .news-logo { margin-top: 60px; } } #c_portalResGroupNewsNew_detail-15688826650553967{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:20px; margin-right:auto; margin-left:auto; max-width:100%; width:100%; margin-top:0px; margin-bottom:0px; min-width:250px; height:100%; padding-right:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-15688799276953395 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-15688799276953395 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-15688799276953395 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-15688799276953395 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4{ background:#fff; padding-top:8.5rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .title-box{ position:relative; font-size:1.8rem; line-height:1.5; color:#181413; width:67rem; margin:0 auto; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .title-box::before{ content:''; position:absolute; background:#222224; top:50%; height:1.2px; width:4.5rem; left:-1.5rem; transform:translate(-100%, 0); -webkit-transform:translate(-100%, 0); -moz-transform:translate(-100%, 0); -ms-transform:translate(-100%, 0); } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-link{ width:67rem; margin:0 auto; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box{ padding-left:6.5rem; font-size:0.9rem; line-height:150%; position:relative; float:right; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box .row{ position:relative; left:0px; animation:row 0.4s ease infinite alternate; -moz-animation:row 0.4s ease infinite alternate; -webkit-animation:row 0.4s ease infinite alternate; -o-animation:row 0.4s ease infinite alternate; animation-play-state:paused; margin-right:20px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box span{ font-size:0.9rem; line-height:inherit; color:#333; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box:hover .row{ animation-play-state:running; color:#356391; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box:hover span{ color:#356391; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-box{ width:100%; overflow:hidden; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con{ clear:both; width:67rem; overflow:visible!important; margin:3rem auto 0; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide{ position:relative; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .animate-l{ position:absolute; left:0px; top:0px; height:100%; background-color:#fff; z-index:1; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; display:none; width:50%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .animate-r{ position:absolute; right:0px; top:0px; height:100%; background-color:#fff; z-index:1; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; display:none; width:50%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .img-box{ float:right; width:69.7%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .img-box .img-con{ height:0px; padding-bottom:56%; overflow:hidden; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .img-box .img-con img{ width:100%; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box{ transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; position:absolute; top:0px; left:0px; width:30.3%; height:100%; background-color:#7494b3; padding:1rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-title{ font-size:1rem; color:#fffefe; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-des{ display:none; font-size:0.7rem; line-height:1.5; color:#fff; opacity:0.8; margin-top:2rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box{ position:absolute; width:100%; padding-left:1rem; bottom:1rem; left:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box p{ font-size:0.8rem; line-height:1.5; color:#fff; float:left; position:relative; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box .row{ opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; background-color:#fff; position:absolute; right:-6.7rem; top:50%; height:2px; width:35px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box .row::before{ content:''; position:absolute; right:0px; top:0px; height:2px; width:10px; background-color:#fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform-origin:right center; -ms-transform-origin:right center; -webkit-transform-origin:right center; -moz-transform-origin:right center; -o-transform-origin:right center; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box .row::after{ content:''; position:absolute; right:0px; top:0px; height:2px; width:10px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform-origin:right center; -ms-transform-origin:right center; -webkit-transform-origin:right center; -moz-transform-origin:right center; -o-transform-origin:right center; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .slide-mask{ position:absolute; width:100%; height:100%; z-index:2; background-color:#fff; opacity:0.5; display:none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask{ position:absolute; top:0px; left:0px; width:0px; height:100%; background-color:#000; padding:0px; overflow:hidden; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask .news-title{ font-size:1rem; color:#fffefe; opacity:0; position:relative; top:-30px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; width:auto; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:1.5; height:3em; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask .news-des{ font-size:0.7rem; line-height:1.5; color:#fff; margin-top:1rem; opacity:0; position:relative; top:30px; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; width:auto; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask .time-box{ position:absolute; width:100%; padding-left:1rem; bottom:1rem; left:0px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask .time-box p{ font-size:0.8rem; line-height:1.5; color:#fff; float:left; position:relative; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .active-mask .time-box .row{ opacity:0; color:#fff; position:absolute; right:-6.7rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-prev .slide-mask{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-next + .swiper-slide .slide-mask{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-next + .swiper-slide .img-box{ float:left; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-next + .swiper-slide .text-box{ display:none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide:hover .text-box .time-box .row{ opacity:1; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide:hover .active-mask .news-des{ display:-webkit-box; -webkit-line-clamp:4px; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:1.5; height:6em; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .animate-l{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .animate-r{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-next .animate-l{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-next .animate-r{ display:block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:2.3rem; height:2.3rem; background-color:#7494b3; background-image:none; text-align:center; color:#fff; top:50%; margin-top:-1.15rem; left:-9.6rem; font-size:2.3rem; line-height:100%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev .iconfont{ float:left; min-height:inherit; width:100%; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); line-height:inherit; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev:hover{ background-color:#000; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7494b3; background-image:none; width:2.3rem; height:2.3rem; text-align:center; color:#fff; top:50%; margin-top:-1.15rem; right:-9.6rem; font-size:2.3rem; line-height:100%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next .iconfont{ float:left; min-height:inherit; width:100%; line-height:inherit; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next:hover{ background-color:#000; } #c_portalResGroupNewsNew_list-15688799276953395 .row{ position:relative; display:inline-block; vertical-align:middle; color:#333; font-size:1rem; } @media screen and (max-width: 1440px){ #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev { left: -6.6rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next { right: -6.6rem; } } @media screen and (max-width: 1240px){ #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev { left: -5rem; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next { right: -5rem; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_list-15688799276953395 .con4 { background: #fff; padding: 90px 0px 0px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .title-box { float: left; width: auto; margin-left: 30px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .title-box::before { display: none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-link { float: right; width: auto; margin-right: 30px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box span { font-size: 24px; letter-spacing: 1px; color: #333; margin-left: 20px; vertical-align: middle; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-box { width: 100%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con { width: 70%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box { width: 100%; background-color: #7494b3; padding-bottom: 40px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-des { display: block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box { position: static; padding-left: 0; margin-top: 40px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box p { float: none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .img-box { width: 100%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box { position: static; clear: both; width: 100%; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .text-box { width: 100%; background-color: #000; padding-bottom: 40px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .text-box .news-des { display: block; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .text-box .time-box { position: static; padding-left: 0; margin-top: 40px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .text-box .time-box p { float: none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-prev { display: none; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-button-next { display: none; } } @media screen and (max-width: 468px){ #c_portalResGroupNewsNew_list-15688799276953395 .con4 { padding-top: 40px; padding-bottom: 0px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .title-box { margin-left: 20px; font-size: 23px; font-weight: 700; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-link { margin-right: 20px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box { } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .more-box span { font-size: 12px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con { width: 290px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box { padding: 20px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-title { font-size: 16px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-des { margin-top: 10px; font-size: 10px; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box { margin-top: 15px !important; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .time-box p { font-size: 9px; color: rgba(255, 255, 255, 0.5); } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide .text-box .news-des { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; height: 3em; } #c_portalResGroupNewsNew_list-15688799276953395 .con4 .news-con .swiper-slide.swiper-slide-active .text-box { padding-bottom: 20px; } } #c_portalResGroupNewsNew_list-15688799276953395{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:320px; height:auto; padding-right:0px; } @keyframes warn{0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; } 75% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } @keyframes warn1{0% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; } } #c_portalResGroupNewsNew_list-15687932175658688 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResGroupNewsNew_list-15687932175658688 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResGroupNewsNew_list-15687932175658688 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_list-15687932175658688 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_list-15687932175658688 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15687932175658688 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15687932175658688 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15687932175658688 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .banner-link{ display:block; position:relative; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box{ position:relative; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con{ overflow:hidden; width:100%; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con.hasbg{ background-position:center center; background-attachment:scroll; background-size:cover; -webkit-background-size:cover; background-repeat:no-repeat; overflow:hidden; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con img{ width:100%; object-fit:cover; object-position:center center; transition:all 3s; -webkit-transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box{ position:absolute; top:50%; left:15rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box h2{ font-size:2.5rem; letter-spacing:3px; color:#333; position:relative; top:50px; opacity:0; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box p{ line-height:1.5; font-size:1rem; color:#333; position:relative; top:50px; opacity:0; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide.swiper-slide-active .img-box .img-con img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide.swiper-slide-active .img-box .text-box{ position:absolute; top:50%; left:15rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide.swiper-slide-active .img-box .text-box h2{ letter-spacing:3px; color:#333; position:relative; top:50px; opacity:0; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide.swiper-slide-active .img-box .text-box p{ line-height:1.5; font-size:1rem; color:#333; position:relative; top:50px; opacity:0; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication{ position:absolute; right:2rem; top:50%; padding:0 2.3rem; z-index:999; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .banner-index{ width:46px; height:46px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; line-height:46px; position:relative; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .banner-index span{ line-height:inherit; font-size:0.7rem; font-weight:700; color:#fff; vertical-align:top; border-top:3px solid #fff; border-right:3px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:2.3rem; position:absolute; top:-1px; right:-1px; height:2.3rem; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .swiper-button-prev{ background:none; width:2.3rem; height:2.3rem; text-align:center; color:#fff; top:0; margin-top:0; left:0; font-size:2.3rem; line-height:100%; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .swiper-button-prev .iconfont{ float:left; min-height:inherit; width:100%; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); line-height:46px; height:auto; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .swiper-button-next{ background:none; width:2.3rem; height:2.3rem; text-align:center; color:#fff; top:0; margin-top:0; right:0; font-size:2.3rem; line-height:100%; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication .swiper-button-next .iconfont{ float:left; min-height:inherit; width:100%; line-height:46px; height:auto; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination{ position:absolute; left:5rem; bottom:2.5rem; opacity:0; z-index:10; transition:all 2s; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .swiper-pagination{ left:0; bottom:0; width:auto; position:static; line-height:24px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .swiper-pagination .swiper-pagination-bullet{ box-sizing:border-box; opacity:0.7; background-color:#fff; width:8px; height:8px; margin-right:44px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .circle{ width:24px; height:24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; top:0; bottom:0; border:1px solid #fff; margin-left:-8px; } @media screen and (max-width: 1024px){ #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con.hasbg { height: 460px !important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con img { height: 460px !important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box { left: 30px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box h2 { font-size: 40px; letter-spacing: 2px; color: #fff; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box p { font-size: 14px; letter-spacing: 1px; color: #fff; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-indication { display: none; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); } } @media screen and (max-width: 468px){ #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con.hasbg { height: 230px !important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .img-con img { height: 230px !important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box { left: 20px!important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box h2 { font-size: 17px; letter-spacing: 1px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .swiper-slide .img-box .text-box p { font-size: 7px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination { bottom: 20px!important; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .swiper-pagination { line-height: 0; height: 4px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .swiper-pagination .swiper-pagination-bullet { margin-right: 22px; width: 4px; height: 4px; } #c_portalResGroupNewsNew_list-15687932175658688 .con1 .banner-pagination .circle { width: 12px; height: 12px; margin-left: -4px; top: -3px; } } #c_portalResGroupNewsNew_list-15687932175658688{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:320px; height:auto; padding-right:0px; } #c_portalResGroupNewsNew_detail-15688605555746887 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15688605555746887 >div{ animation-fill-mode:both; padding:0; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3{ -webkit-background-size:100%,cover; background-size:100%,cover; background-repeat:no-repeat, no-repeat; background-position:right 20%,center center; padding-top:8rem; height:53.54vw; position:relative; overflow:hidden; animation-play-state:paused; -webkit-animation-play-state:paused; animation:bg 4s linear; -webkit-animation:bg 4s linear; animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .bg_text{ font-size:8rem; position:absolute; width:1em; white-space:normal; color:#f3f3f3; opacity:0.8; top:0; right:-0.3em; transition:all 3s; -webkit-transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate{ animation-play-state:running; -webkit-animation-play-state:running; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .bg_text{ top:10%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .up-con{ top:0; opacity:1; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box:nth-of-type(1){ top:0; opacity:1; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box:nth-of-type(2){ top:0; opacity:1; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate::after{ height:24.65%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .up-con{ width:67rem; position:relative; top:-2rem; opacity:0; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; margin:0 auto; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .up-con p{ font-size:1.2rem; line-height:1.5; color:#8fa9c2; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .up-con p::before{ content:''; position:absolute; height:1.2px; background-color:#fff; top:0.9rem; width:4.5rem; left:-1.5rem; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transform:translate(-100%, 0) scale(1); -webkit-transform:translate(-100%, 0) scale(1); -moz-transform:translate(-100%, 0) scale(1); -ms-transform:translate(-100%, 0) scale(1); transform-origin:left center; -ms-transform-origin:left center; -webkit-transform-origin:left center; -moz-transform-origin:left center; -o-transform-origin:left center; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .up-con h3{ font-size:1.8rem; line-height:1.5; color:#fff; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con{ position:relative; width:67rem; margin:2.5rem auto 0; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box{ position:relative; float:left; width:29.16vw; margin-right:8vw; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box .img-box{ width:4rem; margin-right:1rem; float:left; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box .img-con{ height:0; padding-bottom:100%; overflow:hidden; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box .img-con img{ width:100%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box p{ float:left; font-size:0.7rem; line-height:1.5; color:#fff; max-width:23.9vw; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box:nth-of-type(1){ top:2rem; opacity:0; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition-delay:0.5s; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box:nth-of-type(2){ top:2rem; opacity:0; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition-delay:2s; -moz-transition-delay:2s; -webkit-transition-delay:2s; -o-transition-delay:2s; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box{ font-size:0.9rem; line-height:150%; position:relative; margin:4.5rem auto 0; width:67rem; display:block; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box .row{ color:#fff; position:relative; left:0; animation:row 0.4s ease infinite alternate; -moz-animation:row 0.4s ease infinite alternate; -webkit-animation:row 0.4s ease infinite alternate; -o-animation:row 0.4s ease infinite alternate; animation-play-state:paused; margin-right:20px; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box span{ font-size:0.9rem; line-height:inherit; color:#fff; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box:hover .row{ animation-play-state:running; color:#356391; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box:hover span{ color:#356391; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3::after{ content:''; position:absolute; left:57.29%; bottom:36.77%; width:1px; background-color:#85b6ce; -webkit-box-shadow:0 0 20px 1px #85b6ce; -moz-box-shadow:0 0 20px 1px #85b6ce; box-shadow:0 0 20px 1px #85b6ce; height:0; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; -o-transition-delay:1s; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3{ display:none; background-color:#f0f0f0; padding:60px 30px 70px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 p{ font-size:24px; color:#8fa9c2; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 h3{ font-size:36px; color:#333; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box{ overflow:hidden; margin-top:60px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box .left{ float:left; width:80px; margin-right:40px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box .left img{ width:100%; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box .right p{ font-size:20px; color:#333; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link{ margin-top:70px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link a{ display:block; font-size:24px; letter-spacing:1px; color:#333; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link a span{ margin-left:20px; } #c_portalResGroupNewsNew_detail-15688605555746887 .row{ position:relative; display:inline-block; vertical-align:middle; color:#333; font-size:1rem; } @media screen and (max-width: 1440px){ #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box p { width: 18vw; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate::after { height: 20%; } } @media screen and (max-width: 1240px){ #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con .bagua-box { margin-right: 15vw; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 { padding-top: 5rem; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con { width: auto; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_detail-15688605555746887 .con3{height: 62vw;} #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .up-con { top: -4rem; padding-left: 2%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .up-con h3{font-size: 1.5rem;} #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box .img-box { margin-top: 5px; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box:nth-of-type(1) { display: none; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box:nth-of-type(2) { position: absolute; left: 50%; top: 35%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate::after{ display: none;} #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .down-con { position: static; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .more-box { display: none; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 { display: block; } } @media screen and (max-width: 468px){ #c_portalResGroupNewsNew_detail-15688605555746887 .con3 .bg_text { font-size: 4rem; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box { margin-right: auto; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box .img-box { width: 36px; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box p { width: 120px; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3.animate .down-con .bagua-box:nth-of-type(2) { left: 36%; } #c_portalResGroupNewsNew_detail-15688605555746887 .con3::after { left: 52%; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 { padding: 30px 20px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 p { font-size: 12px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 h3 { font-size: 18px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box { margin-top: 30px; padding-left: 60px; position: relative; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box .left { position: absolute; top: 0; left: 0; width: 40px; margin-right: 20px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .des-box .right p { font-size: 10px; text-align: justify; text-justify: inter-ideograph; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link { margin-top: 30px; } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link a .row { } #c_portalResGroupNewsNew_detail-15688605555746887 .mobie-con3 .more-link a span { font-size: 12px; vertical-align: middle; margin-left: 10px; } } #c_portalResGroupNewsNew_detail-15688605555746887{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:192px; margin-right:auto; margin-left:auto; max-width:100%; width:100%; margin-top:0px; margin-bottom:0px; min-width:250px; height:100%; padding-right:0px; } @media screen and (max-width: 1024px){ } #c_portalResGroupNewsNew_detail-15687951980157643 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNewsNew_detail-15687951980157643 >div{ animation-fill-mode:both; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2{ background-color:#fff; overflow:hidden; position:relative; padding-bottom:5rem; padding-top:2.5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title{ display:none; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left{ position:relative; left:6rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box{ width:807px; height:666px; position:relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box img{ width:100%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li{ animation:point 1s ease infinite alternate; -webkit-animation:point 1s ease infinite alternate; position:absolute; z-index:9; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center; cursor:pointer; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li:hover{ animation-play-state:paused; -webkit-animation-play-state:paused; z-index:10; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li:nth-of-type(2){ animation-delay:0.5s; -webkit-animation-delay:0.5s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li:nth-of-type(3){ animation-delay:1s; -webkit-animation-delay:1s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li:nth-of-type(5){ animation-delay:0.7s; -webkit-animation-delay:0.7s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left .map-box ul.point-list li:nth-of-type(7){ animation-delay:1.4s; -webkit-animation-delay:1.4s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des{ width:67rem; margin:7rem auto 0; position:absolute; z-index:3; top:0; left:8.5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right{ float:right; overflow:hidden; width:39%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li{ float:left; height:11.5rem; margin-bottom:1rem; width:46%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(odd){ clear:both; margin-right:8%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num{ transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span{ font-size:3.4rem; color:#181413; font-weight:700; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span sub{ font-size:1.8rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span::after{ content:attr(data-name); font-size:1.2rem; vertical-align:top; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li > p{ font-size:0.8rem; color:#333; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; position:relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(2) .num{ transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(2) p{ transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(3) .num{ transition-delay:0.6s; -moz-transition-delay:0.6s; -webkit-transition-delay:0.6s; -o-transition-delay:0.6s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(3) p{ transition-delay:0.6s; -moz-transition-delay:0.6s; -webkit-transition-delay:0.6s; -o-transition-delay:0.6s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(4) .num{ transition-delay:0.9s; -moz-transition-delay:0.9s; -webkit-transition-delay:0.9s; -o-transition-delay:0.9s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(4) p{ transition-delay:0.9s; -moz-transition-delay:0.9s; -webkit-transition-delay:0.9s; -o-transition-delay:0.9s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con{ float:left; width:48%; padding-top:5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div{ margin-top:5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div > div{ display:inline-block; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue{ color:#356391; font-size:0.9rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num{ color:#356391; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num::after{ background-color:#356391; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num-title{ transition-delay:0.5s; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow{ color:#dd7f06; font-size:0.9rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num{ color:#dd7f06; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num::after{ background-color:#dd7f06; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num-title{ transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; -o-transition-delay:1s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div .num{ font-size:2.5rem; font-weight:700; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div .num::after{ content:''; display:inline-block; width:1px; height:1.6rem; margin:0 1rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div .num-title{ width:6em; position:relative; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; opacity:0; left:-3em; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con.animate > p span{ opacity:1; left:0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con.animate h3{ opacity:1; left:0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con.animate > div .num-title{ left:0; opacity:1; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit{ width:67rem; margin:7rem auto 0; position:absolute; z-index:3; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con{ float:left; width:48%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con.animate::before{ transform:translate(-100%, 0) scale(1); -webkit-transform:translate(-100%, 0) scale(1); -moz-transform:translate(-100%, 0) scale(1); -ms-transform:translate(-100%, 0) scale(1); } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con::before{ content:''; position:absolute; top:0.9rem; left:-1.5rem; height:1.2px; width:4.5rem; background-color:#222224; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transform:translate(-100%, 0) scale(0); -webkit-transform:translate(-100%, 0) scale(0); -moz-transform:translate(-100%, 0) scale(0); -ms-transform:translate(-100%, 0) scale(0); transform-origin:left center; -ms-transform-origin:left center; -webkit-transform-origin:left center; -moz-transform-origin:left center; -o-transform-origin:left center; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con p{ font-size:1.2rem; line-height:1.5; color:#356391; position:relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con p span{ position:relative; opacity:0; left:-2rem; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition-delay:0.2s; -moz-transition-delay:0.2s; -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con h3{ font-size:1.8rem; font-weight:normal; color:#333; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; position:relative; left:-2rem; opacity:0; transition-delay:0.2s; -moz-transition-delay:0.2s; -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div{ margin-top:5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div > div{ display:inline-block; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.blue{ color:#356391; font-size:0.9rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.blue .num{ color:#356391; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.blue .num::after{ background-color:#356391; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.blue .num-title{ transition-delay:0.5s; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.yellow{ color:#dd7f06; font-size:0.9rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.yellow .num{ color:#dd7f06; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.yellow .num::after{ background-color:#dd7f06; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div.yellow .num-title{ transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; -o-transition-delay:1s; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div .num{ font-size:2.5rem; font-weight:700; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div .num::after{ content:''; display:inline-block; width:1px; height:1.6rem; margin:0 1rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con > div .num-title{ width:6em; position:relative; transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; opacity:0; left:-3em; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con.animate > p span{ opacity:1; left:0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con.animate h3{ opacity:1; left:0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit .map-con.animate > div .num-title{ left:0; opacity:1; } #c_portalResGroupNewsNew_detail-15687951980157643 .map-mask{ position:fixed; top:0; left:0; bottom:0; right:0; margin:0; background-color:rgba(0,0,0,.4); z-index:99; width:0; height:0; overflow:hidden; } #c_portalResGroupNewsNew_detail-15687951980157643 .map-mask.scale{ width:100%; height:100%; } #c_portalResGroupNewsNew_detail-15687951980157643 .map-mask-con.scale{ transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); } #c_portalResGroupNewsNew_detail-15687951980157643 .map-mask-con{ position:absolute; top:50%; left:50%; width:500px; height:500px; transform:translate(-50%,-50%) scale(0); -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img{ position:relative; width:500px; height:500px; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .img-box{ position:relative; z-index:1; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .img-box .img-con{ width:100%; height:0; padding-bottom:100%; overflow:hidden; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .img-box .img-con img{ width:100%; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .shadow{ top:7px; position:absolute; right:14.25rem; width:7px; height:7px; opacity:0.3; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item{ width:10px; height:10px; position:absolute; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .container{ width:10px; height:10px; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .tit{ position:absolute; left:-0.5em; font-size:0.95rem; color:#fff; top:50%; transform:translate(-100%, -50%); -webkit-transform:translate(-100%, -50%); -moz-transform:translate(-100%, -50%); -ms-transform:translate(-100%, -50%); white-space:nowrap; line-height:200%; z-index:3; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .tit.right{ top:50%; transform:translate(100%, -50%); -webkit-transform:translate(100%, -50%); -moz-transform:translate(100%, -50%); -ms-transform:translate(100%, -50%); line-height:200%; left:auto; right:-0.5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box{ position:absolute; top:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); background-color:#fff; width:10rem; height:5rem; z-index:9; display:none; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box::before{ content:''; position:absolute; width:0px; height:0px; border-top:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; top:0px; left:50%; transform:translate(-50%, -100%); -webkit-transform:translate(-50%, -100%); -moz-transform:translate(-50%, -100%); -ms-transform:translate(-50%, -100%); } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box a{ display:block; width:100%; height:100%; padding-left:1rem; padding-right:0.5rem; overflow:hidden; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box a div{ font-size:0.9rem; color:#2d2d2d; margin-top:0.5rem; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box a img{ width:2.5rem; float:right; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .text-box a p{ position:absolute; left:1rem; bottom:0.5rem; font-size:14px; color:#999; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item:hover .text-box{ display:block; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item:hover .dot{ background-color:#77a2c5; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item:hover .pulse{ position:absolute; width:40px; height:40px; left:5px; top:5px; margin-top:-20px; margin-left:-20px; border:1px solid #77a2c5; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:1; opacity:0; -webkit-animation:warn 1s ease-out; -moz-animation:warn 1s ease-out; animation:warn 1s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; box-shadow:1px 1px 30px #77a2c5; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item:hover .pulse1{ position:absolute; width:40px; height:40px; left:5px; top:5px; margin-top:-20px; margin-left:-20px; border:1px solid #77a2c5; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:1; opacity:0; -webkit-animation:warn1 1s ease-out; -moz-animation:warn1 1s ease-out; animation:warn1 1s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; box-shadow:1px 1px 30px #77a2c5; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .map-point-list .map-point-item .dot{ position:absolute; width:10px; height:10px; left:0px; top:0px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ec9d11; z-index:2; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } @media screen and (max-width: 1440px){ #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div { margin-top: 3rem; } } @media screen and (max-width: 1240px){ #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des { left: 2rem; } } @media screen and (max-width: 1024px){ #c_portalResGroupNewsNew_detail-15687951980157643 .con2 { background-color: #fff; padding-top: 90px; position: relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des-tit { display: none; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title { display: block; margin: 0 30px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title::before { content: ''; display: block; height: 1px; width: 60px; background-color: #222224; margin-bottom: 48px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title p { font-size: 24px; line-height: 1.5; color: #356391; position: relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title p span { position: relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title h3 { font-size: 36px; color: #333; position: relative; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .left { width: 100%; position: static; padding: 0 30px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des { position: static; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right { width: 100%; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li { width: 50%; padding: 0 10px 0 50px; margin: 0 0 20px 0 !important; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con { width: 100%; padding: 0 30px; position: absolute; top: 420px; left: 120px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con::before { display: none; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con p { display: none; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con h3 { display: none; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num { font-size: 73px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num::after { height: 45px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num-title { font-size: 26px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num { font-size: 73px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num::after { height: 45px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num-title { font-size: 26px; } } @media screen and (max-width: 768px){ #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des { width: 100%; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con { top: 250px; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img-list { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 999; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img { width: 90%; top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .img-box .img-con { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: auto; width: 100%; padding-bottom: 0; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .img-box .img-con img { height: auto; width: 100%; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img .shadow { display: none; } } @media screen and (max-width: 600px){ #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des{padding-top:10rem;} } @media screen and (max-width: 468px){ #c_portalResGroupNewsNew_detail-15687951980157643 .map-mask-con{ position:absolute; top:50%; left:50%; width:80%; height: auto; transform:translate(-50%,-50%) scale(0); -webkit-transform:translate(-50%,-50%) scale(0); -moz-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; } #c_portalResGroupNewsNew_detail-15687951980157643 .circle-img{ position:absolute; width: 100%; height: auto; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 { padding-top: 45px; padding-bottom: 0px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title { margin: 0 20px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title::before { margin-bottom: 24px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title p { font-size: 12px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title p span { font-size: 12px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .mobie-con2-title h3 { font-size: 18px; font-weight: 700; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des { width: 100%; padding-top:0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right { padding: 0 20px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li { padding: 0; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li:nth-of-type(odd) { padding-right: 20px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span { font-size: 34px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span sub { font-size: 18px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .right li .num span::after { font-size: 12px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con { left: 30px; top: 90px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div { margin-top: 40px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num { font-size: 27px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num::after { height: 30px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.blue .num-title { font-size: 13px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num { font-size: 27px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num::after { height: 30px; } #c_portalResGroupNewsNew_detail-15687951980157643 .con2 .con2-des .map-con > div.yellow .num-title { font-size: 13px; } }